/* CSS Document */
html{background:url(../images/bg_body.jpg) top repeat-x; margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{width:798px; margin:17px auto;} 

h1{font-family:"Times New Roman", Times, serif; font-size:30px; border-bottom:2px solid #777777; color:#8d8d8d; margin:5px 20px 0 20px; font-weight:normal; padding:0px 0px 8px 0;}
h1 img{margin-bottom:-10px;}
body#home h1{border-bottom:none; margin:5px 0px 0 20px; padding:0px;}

h2{font-family:"Times New Roman", Times, serif; font-size:24px; color:#8d8d8d; margin:5px 0px 0 10px; font-weight:normal; padding:0px;}
h3{color:#777777; font-size:16px; margin:10px 10px 10px 40px}
h3 span{font-style:italic; font-weight:normal;}
h4{font-style:italic; font-size:14px; font-weight:normal; margin:-10px 10px 10px 40px; color:#777777;}

p{margin:10px 40px 10px 40px; padding:0px; line-height:17px; color:#666666; clear:both;}
body#home p{margin:10px 10px 10px 20px;}

a {text-decoration:none; color:#003399;}
a:hover{text-decoration:underline;}

a.top{background:url(../images/arrow.gif) left no-repeat; text-transform:uppercase; font-size:14px; color:#666666; padding-left:15px; font-weight:bold;}
a.email{background:url(../images/email.gif) left no-repeat; padding-left:22px; color:#999999;}
a.pdf{background:url(../images/pdf.gif) left top no-repeat; padding-left:24px; color:#999999; padding-top:2px;}
a.view{background:url(../images/view.gif) left top no-repeat; padding-left:24px; color:#999999; padding-top:2px;}

a.requesticon{display:block; clear:right; width:120px; background:url(../images/icon.gif) left no-repeat; padding-left:20px; padding-top:3px; height:17px; display:block; float:right; margin-top:-40px; margin-right:10px; font-size:11px; font-weight:bold;}
a.requesticon#coldrolled{margin-top:-74px;}

a#newslettericon{ clear:both; display:block; width:120px; background:url(../images/icon.gif) left no-repeat; padding-left:20px; padding-top:3px; height:17px; display:block; float:right; margin-top:-25px; margin-right:10px; font-size:11px; font-weight:bold;}

a#newslettericon2{ clear:both; display:block; width:120px; background:url(../images/icon.gif) left no-repeat; padding-left:20px; padding-top:3px; height:17px; display:block; float:right; margin-top:-58px; margin-right:10px; font-size:11px; font-weight:bold;}

a#newslettericon3{ clear:both; display:block; width:120px; background:url(../images/icon.gif) left no-repeat; padding-left:20px; padding-top:3px; height:17px; display:block; float:right; margin-top:-40px; margin-right:10px; font-size:11px; font-weight:bold;}


body#home a.requesticon{margin-top:-55px;}
body#home a#newslettericon{margin-top:-15px;}

a#cancellightbox{float:right; margin-top:-10px; margin-right:-10px; font-size:11px;}

body#home a.requesticon{margin-top:-30px;} 

ul{padding:0px; margin:10px 10px 10px 80px; list-style:disc; color:#666666;}
li{padding:0px 0 3px 0; margin:0px; list-style:url(../images/arrow2.gif); font-size:11px; font-weight:bold;}

img{border:0px;}

#header{background:url(../images/bg_header.gif) no-repeat top; width:798px; float:left}
#banner{height:134px; width:214px; padding:0  60px 0 524px; color:#ffffff; font-size:10px; line-height:11px; text-align:center;}
#banner img{width:175px; height:68px; margin-top:15px; border:0;}
#topnav{height:30px; padding:0 4px 0 4px;}


#con{clear:both; width:798px; float:left;background:url(../images/bg_container.gif) repeat-y;}
#con2{width:790px; float:left; background:url(../images/bg_container_top.gif) no-repeat top; padding:0 4px 0 4px;}


.main{}
body#home .main{background:none;}
body#home .main ul{margin:10px 0px 10px 30px;}
body#home .main li{padding:0 0 5px 0;}
body#home .main ul a{text-decoration:underline;}

.main#testimonial{background:none;}
.main#testimonial table.test{margin:20px; height:400px;}

.main#testimonial div.testi{}
.main#testimonial div.testi h5{color:#000080; font-size:11px; margin:10px 10px 25px 40px;}
.main#testimonial div.testi h5 span{font-weight:normal;}

/*.main #col_tl{width:320px; float:left; }*/
.main .col1{width:375px; float:left; padding-top:10px;}
.main .col2{width:415px; float:left; padding-top:10px;}
.main .col p{margin:10px 20px 10px 10px;}

.main #leftcol{float:left; width:496px;}
.main #leftcol ul{padding:0px; margin:10px 10px 15px 50px; list-style:disc;}

.main #rightcol{float:right; width:224px;}
.main #rightcol img{margin:20px 20px 20px 0; border:2px solid #777777;}
.main #rightcol p{margin:-20px 20px 20px 0px; text-transform:uppercase; text-align:center; font-size:10px; color:#000000;}
.main #rightcol ul{margin:10px 20px 10px 70px;}

.main #rightcol a.newslink, #rightcol a.newslink:link, #rightcol a.newslink:active, #rightcol a.newslink:visited, #rightcol a.newslink:hover {margin:-10px 10px 10px 0;padding:0;border:0px;}
.main #rightcol a.newslink .newsimg {margin:0 20px 0 0;border:0px;padding:0;}

.main .leftcolClient{float:left; width:496px;}
.main .leftcolClient ul{padding:0px; margin:10px 10px 15px 50px; list-style:disc;}
.main .leftcolClient hr{width:80%; text-align:center; height:1px;}

.main .rightcolClient{float:right; width:224px;}
.main .rightcolClient img{margin:20px 20px 0px 0; border:2px solid #777777;}
.main .rightcolClient p{margin:0px 20px 0px 0px; font-size:10px; color:#000000; font-size:9px; }

.main#iso p{clear:none;}

#footer{clear:both; float:left; text-align:center; width:798px; color:#bebebe; font-size:10px; background:url(../images/bg_footer.gif) top no-repeat; padding-top:20px}
#footer a{color:#bebebe;}
#footer span{color:#dddddd;}
#footer span a{color:#dddddd;}


table#people{margin:0 20px 20px 20px;}
table#people td{padding:20px 0 20px 0; border-bottom:2px solid #777777;}
table#people td h2{margin:10px 100px 10px 30px; font-family:Arial, Helvetica, sans-serif; color:#000080; text-transform:uppercase; font-size:18px; font-weight:bold; border-bottom:2px solid #777777; padding-bottom:10px;}
table#people td h2 span{color:#008080; font-size:16px;}
table#people td h3{color:#008080; text-transform:uppercase; margin:0px 10px 10px 10px}
table#people td p.links{margin:10px 0px 10px 0px; line-height:19px; text-align:center;}
table#people td p span{text-decoration:underline; font-weight:bold; color:#000080;}
table#people td ul{margin:10px 60px 10px 200px; list-style:url(../images/bg_ul.gif)}
table#people td ul span{color:#000080; font-size:11px;}

table#awards{margin:0 20px 20px 20px;}
table#awards td{padding:20px 0 0px 0;}
table#awards td h2{margin:10px 20px 10px 0px; font-family:Arial, Helvetica, sans-serif; color:#000080; text-transform:uppercase; font-size:18px; font-weight:bold;}
table#awards td ul{color:#008080; font-weight:bold; list-style:none; margin:10px 10px 10px 20px;}
table#awards td ul ul{color:#000000; font-weight:normal; list-style:disc; margin:10px 10px 10px 30px;}

table#decision{margin:0 20px 20px 0;}
table#decision td{padding:20px 0 0px 0; vertical-align:top}
table#decision td h2{margin:10px 20px 10px 0px; font-family:Arial, Helvetica, sans-serif; color:#000080; text-transform:uppercase; font-size:18px; font-weight:bold;}

#pscroller1{clear:both; width: 330px; height: 150px; border:0px; padding: 10px 10px 10px 20px; background-color: white; font-family: arial; font-size: 13px; color: #666666;}
#pscroller1 a{background:url(../images/icon.gif) left no-repeat; padding-left:18px; font-weight:bold; font-size:11px}

#popupnewsletter{margin:10px auto 10px auto; width:350px; border:1px solid #bbbbbb; padding:10px; background:#eeeeee}
#popupnewsletter form{margin:0px;}

a.biglink {font-weight:bold;}
a.more{background:url(../images/icon.gif) left no-repeat; font-weight:bold; font-size:11px; padding-left:18px;}

#nav {font-weight:bold; color:#003399;}

ul#nav { /* all lists */ padding: 0;margin: 0;list-style: none;}

ul#nav li { /* all list items */ float:left; position:relative; display:block; width:158px; height:29px; padding:0;}
ul#nav li a { display:block;height:23px; text-align: center; font-size:12px; background:url(../images/bg_topnav_tab.png);color:#003399; padding-top:6px; cursor:pointer }
ul#nav li a.topnav:hover {color:#000000;text-decoration:none; background:url(../images/bg_topnav_tab_o.png)}

ul#nav li a.topnav {border-right:0px;}

body#home li#home_nav a.topnav,
body#products li#products_nav a.topnav,
body#company li#company_nav a.topnav,
body#news li#news_nav a.topnav,
body#contact li#contact_nav a.topnav{background:url(../images/bg_topnav_tab_o.png);}


ul#nav li ul { /* second-level lists */ display:none; position:absolute; top:18px; left:-84px; z-index:100; padding-bottom:17px; width:200px; }

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto;left: auto;}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */ display: block;}

ul#nav li li a:hover { background:none; }
ul#nav li li{
height:auto; margin-left:-1px; display:block; width:166px;
background:url(../images/bg_topnav_subnav.png) top left repeat-y; 
}
ul#nav li li.first { background:url(../images/bg_topnav_subnav_first.png) top left no-repeat; }
ul#nav li li.last { background:url(../images/bg_topnav_subnav_last.png) bottom left no-repeat; padding-bottom:5px; }

ul#nav li li a {
font-size:11px; display:block; height:auto; width:auto; 
padding-top:2px; padding:5px; background:none; margin:0 5px; color:#333;;
border-bottom:1px solid #CCC; text-align:left;  font-weight:normal;
}
ul#nav li li.last a { border:none; }
ul#nav li li a:hover { text-decoration:none; background:url(../images/bg_topnav_subnav_over.png) bottom no-repeat; color:#003399; }

