* {
margin:0;
padding:0;
outline:0;
}
img {
border:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p {
margin:10px 0;
}
h2 {
font-size:16px;
margin-bottom:10px;
}
h3 {
font-size:14px;
margin-bottom:10px;
color:#9fc8eb;
}
h4 {
font-size:12px;
margin:4px 0;
color:#9fc8eb;
}

body {
font-family:arial;
font-size:12px;
color:#dedede;
background:#303030;
line-height:150%;
}
a {
color:#e27b1c;
}
a:link, a:visited {
text-decoration:underline;
}
a:hover,a:active {
text-decoration:none;
}

ul li {
margin:4px 20px;
}
/*
 * STRUCTURE
 *********************/

#wrapper {
width:800px;
margin:10px auto;
position:relative;
}
#phone-number {
color:#999;
margin:0 0 20px 0;
text-align:right;
background:url('/mysite/images/phone.gif') no-repeat 0px 0;
width:8em;
float:right;
height:18px;
line-height:150%;
}
#phone-number img {
float:left;
}

#logo {
position:absolute;
top:40px;
left:0;
z-index:1000;
width:279px;
display:inline-block;
}
#logo h1 {
background:url('/mysite/images/logo.gif') no-repeat top left;
height:45px;
}
#logo h1 a span {
text-indent:-9999em;
display:block;
}
#logo h1 a {
display:block;
height:100%;
}
#home-banner {
background:none;
height:207px;
clear:both;
width:100%;
overflow:hidden;
}
#home-banner #image {
height:187px;
padding-top:19px;
width:399px;
float:left;
}
#steel {
width:320px;
float:right;
background:url('/mysite/images/banner_steel.gif') no-repeat top left;
padding:40px;
height:126px;
color:#333;
line-height:150%;
}
#steel h2 {
color:#2b71a8;
}
#learn-more a {
display:block;
height:28px;
width:138px;
margin:0 auto;
text-indent:-9999em;
background:url('/mysite/images/btn_learn_more.gif') no-repeat top left;
}
.home-callout {
width:49%;
padding:10px 0;
}
#our-products {
float:left;
}
#latest-news {
float:right;
}

#footer {
clear:both;
text-align:center;
width:70%;
margin:0 auto;
border-top:1px solid #666;
}
#our-products dt {
clear:both;
margin-bottom:0px;
}
#our-products dd {
margin-bottom:20px;
}
#our-products dt img {
float:left;
border:1px solid #666;
margin-right:10px;
}
#our-products dd {
margin-left:100px;
}
#latest-news dd.date {
font-style:italic;
margin:0;
}
#latest-news dd {
margin:6px 0;
}
/*
 * NAV
 *******************/
#nav {
margin:0px 0 5px 307px;
width:490px;
height:33px;
position:relative;
clear:right;
padding-left:0px;
text-align:right;
}
#nav li {list-style:none;display:inline;text-align:center;margin:0 0 0 -4px;padding:0 12px;border-bottom:5px solid #df7a1c;}
#nav li a {color:#dedede;text-decoration:none;font-weight:bold;font-size:13px;}
#nav li.current, #nav li.section, #nav li:hover {border-bottom:5px solid #aaa;}
#nav li:hover {border-bottom:5px solid #666;}
/**

 * INTERIOR 
 *********************/

h2.page-header {
text-indent:-9999em;
height:31px;
}
h2#products {
background:url('/mysite/images/header_products.gif') no-repeat top left;
}
h2#company {
background:url('/mysite/images/header_company.gif') no-repeat top left;
}
h2#contact {
background:url('/mysite/images/header_contact.gif') no-repeat top left;
}
h2#news {
background:url('/mysite/images/header_news.gif') no-repeat top left;
}

h3.content-header {
font-weight:normal;
font-variant:small-caps;
font-style:italic;
letter-spacing:0.1em;
color:#c5c5c4;
border-bottom:1px solid;
padding:0 0 2px 20px;
background:url('/mysite/images/triangle.gif') no-repeat top left;
width:90%;
}
#left {float:left;}
#right {float:right;}
#middle {width:320px; float:left; padding: 0 20px;}
#content {
padding:25px 0;
}
#content.three-col #left,
#content.three-col #right {
width:220px;
}
#content.two-col #left {
width:220px;
}
#content.two-col #right {
width:540px;
padding:0 20px;
}

.product-image {
border:1px solid #5e5e5e;
text-align:center;
}
.subnav h4 {
text-align:center;
background: #555;
font-size:13px;
padding:4px 0;
margin:0;
}
.subnav h4 a {
color:inherit;
text-decoration:none;
}
.subnav {
width:90%;
margin:0;
float:right;
}
.subnav ul {
background:#3e3e3e;
padding:10px 4px;
}
.subnav ul li {
list-style:none;
font-size:12px;
margin:0;
}
.subnav ul li a, .subnav ul li a:link,
.subnav ul li ul li a, .subnav ul li ul li a:link {background:transparent;display:block;height:100%;text-decoration:none;color:#ccc;border-bottom:1px solid #666;padding:2px 4px;}
.subnav ul li a:hover,
.subnav ul li ul li a:hover {background:#666;} 
.subnav ul li.current a {background:#999;color:#333;}
.subnav ul li.current li a {background:inherit;color:#ccc;}
.subnav ul li.subnav-header {text-align:center;;color:#e27b1c;font-weight:bold;border-bottom:}
.subnav ul li.subnav-header ul {text-align:left;margin:6px 0;font-weight:normal;}
.subnav ul li.subnav-header li {text-align:left;}
.subnav ul li.subnav-header ul li ul {margin:0;}

.subnav.news ul li a {padding:8px 4px;}
.staff ul li a, .news ul li a {padding:10px 4px;}
.btn-download {
display:block;
text-indent:-9999em;
height:43px;
width:181px;
background:url('/mysite/images/btn_download.gif') no-repeat top left;
margin:10px auto;
}
#left .staff {
border:0;
}
#right .product {
border-bottom:1px solid #3e3e3e;
padding:8px 0;
}
#right .product.last {
border:0;
margin-bottom:7px;
}
#right .product-image {
width:83px;
float:left;
}
#right .product-description {
float:right;
width:430px;
}
.form div.field {
border-bottom:1px solid #3e3e3e;
}
.form div.text input,
.form div.textarea textarea {
background:#3e3e3e;
border:1px solid #666;
color:#dedede;
}
.form div.submit {
border:0;
}

.message {
border:1px dashed;
background:transparent;
}
.accept {
color:#9fc8eb;
}
.alert {
color:#f9bc19;
}

#middle .product {
margin-bottom:10px;
border-bottom:1px solid #3e3e3e;
}
#middle .product .product-image {
width:83px;
float:left;
}
#middle .product .product-description {
width:220px;
float:right;
}
#middle .product h4 {
margin-top:0;
}
div.field {overflow:hidden;margin-bottom:10px;border-bottom:1px solid #555555;padding-bottom:10px;}
#Form_Form label {width:150px;display:block;float:left;}
fieldset {border:0;}
fieldset input.text, fieldset textarea {background:#555555;border:1px solid #999;padding:2px 4px;color:#efefef;}

#left .steel-content {color:#333;background:url('/mysite/images/steel_top.gif') no-repeat;color:#333;padding-top:22px;}
#left .steel-content div.top {background:url('/mysite/images/steel_bottom.gif') no-repeat bottom left;padding-bottom:20px;}
#left .steel-content div.bottom {overflow:hidden;background:url('/mysite/images/steel_repeat.gif') repeat-y top left;}
#left .steel-content div.steel-text {padding:0 20px;}

body#contact #right {min-height:200px;position:relative;}


/** carousel **/

body.HomePage .infiniteCarousel {
  width: 399px;
  position: relative;
}

body.HomePage .infiniteCarousel .wrapper {
  width: 399px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden;
  min-height: 187px;
  margin: 0;
  position: absolute;
  top: 0;
}

body.HomePage .infiniteCarousel ul a img {
}

body.HomePage .infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

body.HomePage .infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 187px;
  width: 399px;
  margin:0;
}

body.HomePage .infiniteCarousel ul li a img {
  display:block;
}

body.HomePage .infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/mysite/images/arrows.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 75px;
  cursor: pointer;
}

body.HomePage .infiniteCarousel .forward {
  background-position: 0 0;
  right: 10px;
}

body.HomePage .infiniteCarousel .back {
  background-position: 0 -72px;
  left: 10px;
}

body.HomePage .infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

body.HomePage .infiniteCarousel .back:hover {
  background-position: 0 -108px;
}