/*
Theme Name: SteelMaster
*/

/* main elements */
body {
	height:100%;
	margin: 0;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	background:#000 url(images/bg-html.gif) repeat-x 0 16px;
	min-width:965px;
}
.w1 {
	width:100%;
	background:url(images/bg-body.png) no-repeat 50% 108px;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
q{quotes:none;}
q:before{content:'';}
q:after{content:'';}
img {border-style: none;}
input, select, textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
}
a {color: #fff;}
a:hover {text-decoration: none;}
/* General settings */
#wrapper {
	width:965px;
	margin:0 auto;
	position:relative;
	padding:163px 0 0;
	height:1%;
}
/* header */
#header {
	width:100%;
	height:163px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
/* logo */
.logo {
	margin:0;
	width:283px;
	height:89px;
	position:absolute;
	left:17px;
	top:22px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:100;
}
.logo a {
	background:url(images/logo.png) no-repeat;
	display:block;
	height:100%;
}
/* add-nav */
.add-nav {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	font-size:11px;
	top:2px;
	right:-3px;
	overflow:hidden;
}
.add-nav li {
	float:left;
	padding:0 6px 0 8px;
	background:url(images/separator01.gif) no-repeat 0 2px;
	margin:0 1px 0 -1px;
}
.add-nav li a {
	text-decoration:none;
}
.add-nav li a:hover {
	text-decoration:underline;
}
.phone {
	position:absolute;
	right:3px;
	top:35px;
	background:url(images/bg-phone-l.gif) no-repeat;
	font-size:25px;
	font-weight:bold;
	letter-spacing:2px;
}
.phone .holder {
	background:url(images/bg-phone-r.png) no-repeat 100% 0;
	height:47px;
	padding:12px 88px 0 37px;
	width:215px;
	float:left;
}
/* nav */
#nav {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	left:0;
	top:115px;
	font-size:15px;
	background:url(images/bg-nav.gif) repeat-x;
	line-height:42px;
	height:48px;
}
#nav li a.nav-inicio {
	width:95px;
}
#nav li a.nav-productos,
#nav li a.nav-products {
	width:114px;
}
#nav li a.nav-aprenda-mas,
#nav li a.nav-learn-more {
	width:128px;
}
#nav li a.nav-compania {
	width:118px;
}
#nav li a.nav-internacional {
	width:133px;
}
#nav li a.nav-servicio-al-cliente {
	width:173px;
}
#nav li a.nav-blog {
	width:84px;
}
#nav li a.nav-shop-a {
	width:120px;
}
#nav li {
	float:left;
}
#nav li a {
	float:left;
	text-align:center;
	text-decoration:none;
	padding:4px 0 2px;
}
#nav li a span {
	display:inline-block;
	cursor:pointer;
}
#nav li a .nav-shop {
	background:url(images/ico-cart.gif) no-repeat 100% 13px;
	padding:0 31px 0 0;
}
#nav li a:hover,
#nav li.hover a,
#nav li:hover a,
#nav li a.active {
	background:#082958 url(images/bg-nav-hover.gif) repeat-x;
}
#nav li.first-child,
#nav li.first {
	background:url(images/bg-nav-l.gif) no-repeat;
}
#nav li.last-child,
#nav li.last{
	background:url(images/bg-nav-r.gif) no-repeat 100% 0;
}
#nav li.first-child a:hover,
#nav li.first-child:hover a,
#nav li.hover a.first-child-a,
#nav li.first-child a.active,
#nav li.first a.active {
	background:#082958 url(images/bg-nav-l-hover.gif) no-repeat;
}
#nav li.last-child a:hover,
#nav li.last-child:hover a,
#nav li.last-child a.active {
	background:#082958 url(images/bg-nav-r-hover.gif) no-repeat 100% 0;
}
#nav li.first-child span {
	margin-left:10px;
}
#nav li.last-child span {
	margin-right:10px;
}
/* drop */
/* ie6 bug fix start */
#nav li li { z-index: 2; }
#nav li li li { z-index: 3; }
/* ie6 bug fix end */
/* if menu item has drop down start */
#nav .has-drop-down a,
#nav .has-drop-down .has-drop-down a,
#nav .has-drop-down li a,
#nav .has-drop-down .has-drop-down li a,
#nav .has-drop-down .has-drop-down .has-drop-down li a { text-decoration: none; }
/* if menu item has drop down end */

#nav li:hover,
#nav li.hover { position:relative; }
#nav li:hover .drop,
#nav li.hover .drop { top: 47px; }
#nav li:hover .drop li:hover .drop,
#nav li.hover .drop li.hover .drop,
#nav li:hover .drop li:hover .drop li:hover .drop,
#nav li.hover .drop li.hover .drop li.hover .drop { top: 0; }
#nav li:hover .drop .drop,
#nav li.hover .drop .drop,
#nav li:hover .drop li:hover .drop .drop,
#nav li.hover .drop li.hover .drop .drop { top: -9999px; }

#nav .drop {
	position: absolute;
	left: -6px;
	top: -9999px;
	z-index: 999;
	width: 999px;
	text-align:left;
}
#nav .drop .drop {
	top: -9999px;
	margin: 0 -15px;
}
#nav .right-side .drop {
	left: auto;
	right: 0;
}
#nav .drop .drop-inner {
	float: left;
	position: relative;
}
#nav .drop .col {
	float: left;
	margin: 0 10px 0 0;
}
#nav .drop ul {
	padding: 0;
	margin: 0 0 3px;
	list-style: none;
}
#nav .drop ul ul.sub { margin: 0 0 0 10px; }
#nav .drop ul li {
	float: none;
	background: none;
	/* ie bug fix start */
	font-size: 0;  
	line-height: 0;
	padding: 0 0 1px;
	margin: 0 0 -1px;
	/* ie bug fix end */
}
#nav li.has-drop-down a span {
	cursor:default;
}
#nav li.has-drop-down a {
	cursor:default;
}
#nav .drop ul li a,
#nav li.hover .drop li a,
#nav li:hover .drop li a {
	padding:3px 10px 4px 12px;
	float: none;
	text-align:left;
	display: block; /* must be block - fix FF2 */
	height: auto;
	background: url(../images/transparent.gif);
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	position:relative;
	cursor:pointer !important;
}
#nav .drop ul li a:hover,
#nav li:hover .drop li:hover a,
#nav li.hover .drop li.hover a {
	background: #4260a1;
}
#nav li:hover .drop li:hover li a,
#nav li.hover .drop li.hover li a {
	background: #082958;
}
#nav li:hover .drop li:hover li a:hover,
#nav li.hover .drop li.hover li a:hover {
	background: #4260a1;
}
.pointer { display: none; }

/* if javascript disable start */
#nav.menu-hard-code .drop {width: auto; }
#nav.menu-hard-code .drop .drop { left: 200px; }
#nav.menu-hard-code .drop ul { width: 200px; }
/* if javascript disable end */

/* drop-down bg start */
.drop .table { display: table; }
.drop .body { display: table-row; }
.drop .left,
.drop .right {
	background: url(images/bg-left.png) repeat-y;
	width: 6px;
	display: table-cell;
}
.drop .right { background: url(images/bg-right.png) repeat-y; }
.drop .content {
	height: 1%;
	background-color: #082958;
	display: table-cell;
}
.drop .content .holder {
	margin:0 0 0 -3px;
	padding:6px 6px 0 0;
	float:left;
}
.drop .top-left,
.drop .top-right,
.drop .bottom-left,
.drop .bottom-right {
	background: url(images/bg-top-left.png) no-repeat;
	height: 6px;
	width: 6px;
	font-size: 0;
	display: table-cell;
}
.drop .top-right { background: url(images/bg-top-right.png) no-repeat; }
.drop .bottom-left { background: url(images/bg-bottom-left.png) no-repeat; }
.drop .bottom-right { background: url(images/bg-bottom-right.png) no-repeat; }
.drop .top,
.drop .bottom {
	background: url(images/bg-top.png) repeat-x;
	height: 6px;
	display: table-cell;
	font-size: 0;
}
.drop .bottom { background: url(images/bg-bottom.png) repeat-x; }
/* drop-down bg end */
/* main */
#main {
	height:1%;
	min-height:816px;
	padding:0 4px;
	margin:0 0 77px;
	background:url(images/bg-main.jpg) no-repeat;
}
* html #main {
	height:816px;
}
#main:after {
	clear:both;
	display:block;
	content:"";
}
/* content */
#content {
	float:left;
	width:735px;
	overflow:hidden;
	padding:21px 0 0 6px;
}
#content h2 {
	margin:0 0 7px;
	text-align:center;
	font-size:32px;
	line-height:29px;
}
#content h7 {
	margin:0 0 7px;
	text-align:center;
	font-size:20px;
	line-height:29px;
}
/* gallery */
.gallery {
	width:733px;
	height:415px;
	position:relative;
	overflow:hidden;
	border:0px solid #fff;
	margin:0 0 25px;
}
.gallery .list {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:100%;
	height:100%;
}
.gallery .list li {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.gallery .list li.active{
	z-index:2;
}
.gallery .list li img {
	vertical-align:top;
}
.gallery .list li.active {
	display:block;
}
.gallery .controls {
	width:100%;
	position:absolute;
	top:315px;
	z-index:5;
}
.gallery .controls-holder {
	width:672px;
	overflow:hidden;
	float:left;
	padding:2px 0 0;
}
.gallery .controls ul {
	margin:0;
	padding:0;
	list-style:none;
	width:99999px;
}
.gallery .controls ul li {
	float:left;
	overflow:hidden;
	width:112px;
	height:84px;
	text-align:center;
	padding:5px 0 0;
}
.gallery .controls ul li a {
	display:block;	
	height:100%;
}
.gallery .controls ul li a:hover,
.gallery .controls ul li.active a {
	background:url(images/bg-gallery-preview.png) no-repeat;
}
.gallery .controls ul li a img {
	vertical-align:top;
	margin:4px 0 0;
	border:1px solid #fff;
}
.gallery .btn-prev {
	background:url(images/btn-prev.png) no-repeat;
	float:left;
	width:20px;
	height:73px;
	text-indent:-9999px;
	overflow:hidden;
	margin:13px 4px 0 6px;
}
.gallery .btn-next {
	background:url(images/btn-next.png) no-repeat;
	float:left;
	width:20px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	margin:14px 0 0 4px;
}
.quote-holder{
	width:9999px;
	overflow:hidden;
	position:relative;
}
.box-info {
	font-size:13px;
	padding-bottom:27px;
	text-align:center;
}
.box-info p {
	margin:0;
}
/* twocols */
.twocols {
	width:800px;
	overflow:hidden;
	background:url(images/separator02.gif) no-repeat;
	padding:18px 0 17px 2px;
	margin:0;
	list-style:none;
}
.twocols .active {
	background-color:#051935;
	border:1px solid #808080;
	float:left;
	margin:0 37px 0 0;
	padding:7px;
	width:338px;
}
.twocols li{
	float:left;
	width:328px;
	margin:0 37px 0 0;
	padding:7px;
}
.twocols .img-r {
	float:left;
	margin:0 11px 0 0;
	border:1px solid #808080;
}
.twocols .title{
	margin:7px 0 6px;
	font-size:14px;
	line-height:17px;
	display:block;
	text-decoration:none;
}
.twocols p{
	margin:0 0 10px;
}
.twocols .title:hover{
	text-decoration:underline;
}
.twocols .btn{
	display:block;
}
.twocols img{
	float:left;
}
#content .box {
	background:url(images/separator02.gif) no-repeat;
	padding:18px 20px 15px 11px;
}
.box blockquote {
	margin:0;
	background:url(images/bg-quote-l.gif) no-repeat;
	padding:8px 0 9px 30px;
	width:704px;
	float:left;
}
.box blockquote p {
	margin:0;
}
.box blockquote q {
	font-style:normal;
	display:block;
}
.box h3 {
	margin:0 0 8px 4px;
}
/* sidebar */
#sidebar {
	float:right;
	width:201px;
	padding:7px 0 0 7px;
}
#sidebar .holder {
	padding:0 19px 0 10px;
}
/* form-search */
.form-search {
	height:1%;
	overflow:hidden;
	margin:0 0 21px;
}
.form-search .text {
	float:left;
	border:1px solid #939bb3;
	width:147px;
	padding:2px 9px 3px;
	margin:5px 0 0;
	font:11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	
	color:#3e4d77;
}
.form-search .btn-go {
	background:url(images/btn-go.png) no-repeat;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	font:0/0 serif;
	float:left;
}
/* highlight */
.twocols .highlight {
	width:338px;
	border:1px solid #808080;
	padding:7px;
	float:left;
	background-color:#051935;
	margin:0 37px 0 0;
}
/* video */
.video {
	float:left;
	width:336px;
	margin:0 37px 0 0;
	padding:5px 0 0 11px;
}
.video img {
	vertical-align:top;
}
/* sidenav */
.sidenav {
	margin:0 0 21px;
	padding:0 0 19px 3px;
	list-style:none;
	font-size:14px;
	line-height:18px;
	border-bottom:1px solid #7e8fa8;
}
.sidenav li {
	margin:0 0 12px;
	height:1%;
	overflow:hidden;
}
.sidenav li a {
	text-decoration:none;
	float:left;
	padding:0 0 6px;
}
.sidenav li a:hover {
	text-decoration:underline;
}
.sidenav li a.ico-gb {
	background:url(images/ico-leaf.gif) no-repeat 100% 2px;
	padding-right:44px;
}
#sidebar .btns {
	margin:0 0 25px;
	padding:0 0 20px 2px;
	list-style:none;
	border-bottom:1px solid #7e8fa8;
}
#sidebar .btns li {
	margin:0 0 10px;
}
#sidebar .btns img {
	vertical-align:top;
}
/* logos */
.logos {
	text-align:center;
	margin:0;
	padding:0;
	list-style:none;
}
.logos img {
	vertical-align:top;
}
.logos li {
	padding:0 0 29px;
}
/* footer */
#footer {
	height:1%;
	overflow:hidden;
	padding:0 5px 30px 16px;
	clear:both;
}
#footer .col1 {
	float:left;
	width:710px;
}
#footer .col2 {
	float:right;
	width:209px;
}
#footer h3 {
	margin:0 0 5px 6px;
	text-indent:-9999px;
	overflow:hidden;
	height:17px;
}
#footer .col2 h3 {
	margin:0 0 5px 20px;
}
.text-building-applications {
	background:url(images/text-building-aps.gif) no-repeat;
}
.text-by-state {
	background:url(images/text-by-state.gif) no-repeat;
}
#footer .links {
	height:1%;
	overflow:hidden;
	font-size:13px;
	border-top:1px solid #929292;
	padding:11px 0;
}
#footer .links ul {
	float:left;
	margin:0;
	padding:0 23px 0 17px;
	list-style:none;
}
#footer .links ul li {
	padding:0 0 0 14px;
	background:url(images/bullet01.gif) no-repeat 0 5px;
}
#footer .links ul li a {
	text-decoration:none;
}
#footer .links ul li a:hover {
	text-decoration:underline;
}
#footer .copy {
	padding:5px 0 0;
	font-size:10px;
	margin:0 0 0 -2px;
}
#footer .copy a {
	text-decoration:none;
}
#footer .copy a:hover {
	text-decoration:underline;
}
.text-find-us {
	background:url(images/text-find-us.gif) no-repeat;
}
#footer .col2 .holder {
	border-top:1px solid #929292;
	padding:18px 0 0;
}
#footer .col2 .btn img  {
	vertical-align:top;
}
#footer .col2 .btn {
	text-align:center;
	padding:0 0 19px;
}
#footer .col2 ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#footer .col2 ul li {
	margin:0 0 13px;
}
#footer .col2 ul li img {
	vertical-align:top;
}
/* inner1 */
.inner1 #content h2 {
	text-align:left;
	color:#ff2000;
	margin:0 0 13px;
	font-size:21px;
	line-height:normal;
	font-weight:normal;
}
.inner1 #content {
	font-size:14px;
	padding:30px 0 0 26px;
	width:700px;
	line-height:18px;
}
.inner1 #content p {
	margin:0 0 10px;
}
#content .blog-holder {
	margin: -11px 0 0 -5px;
	padding-bottom: 34px;
}
#content .blog-holder h2 {
	font-size: 21px;
	line-height: 22px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 14px;
}
.blog-holder .post {
	width: 100%;
	overflow: hidden;
	padding-bottom: 31px;
}
.blog-holder .post .holder {line-height: 17px;}
.blog-holder .post a {
	color: #06f;
	text-decoration: none;
}
.blog-holder .post a:hover { text-decoration: underline; }
.blog-holder .post h3 {
	margin: 0;
	font-size: 19px;
	line-height: 22px;
	color: #f00;
}
.blog-holder .post h3 a {
	text-decoration: none;
	color: #f00;
}
.blog-holder .post h3 a:hover { text-decoration: underline; }
.blog-holder .post img { display: block; }
.blog-holder .post .alignleft img{
	float: left;
	padding-right: 15px;
}
.blog-holder .post .alignright {
	float: right;
	padding-left: 15px;
}
#content .blog-holder .post .holder p { margin-bottom: 15px; }
.blog-holder .more-posts {
	font-size: 13px;
	line-height: 14px;
	text-align: right;
	margin-top: -10px;
	padding-bottom: 10px;
}
.blog-holder .more-posts a {
	color: #06f;
	text-decoration: none;
}
.blog-holder .more-posts a:hover { text-decoration: underline; }
#comment{width:500px;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}