/*================================
 WATTEREDGE, INC.
 global.css
 
 Last Updated By: Ryan Perry
 Last Updated: 03/10/2010
================================*/


/*================================
 RESET STYLES
================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background: transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline:none !important; border:none;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {font-family:inherit; font-size:inherit; border-collapse:collapse; border-spacing: 0;}



/*================================
 GLOBAL STYLES
================================*/
body {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height:18px; background:url('../images/template/topBodyBG.png') repeat-x #ffffff;}
.pageContainer {margin:0 auto; width:995px;}
#headerContainer {clear:both; /*height:67px;*/ /*padding:17px 0 0 0;*/ padding:4px 0 0 0; display:inline-block; width:995px;}
#navContainer {clear:both; /*background:url('../images/template/navBG.png') repeat-x;*/ margin:0 9px 0 14px; /*height:37px; background:#cdcdcd;*/}
#contentContainer {clear:both; }
#footerContainer {clear:both; background:url('../images/template/bottomBodyBG.png') repeat-x; font-size:10px; display:block; padding:12px 8px 0 8px; height:19px;}

a {text-decoration:none; color:#c47a01; font-weight:bold;}
a:hover { text-decoration:underline;}
h1 {color:#093a24;  font-size:18px; font-weight:bold; margin:0 0 5px 0 ;}
h2 {color:#284F3D; font-size:14px; font-weight:bold; margin:0 0 5px 0 ;}
h3 {font-size:12px; font-weight:bold; margin:0 0 0 0;}
.sub-head {margin-top:10px;}
.clearFloat {content: "."; clear:both; height:0; visibility:hidden; display:block;}
#contentContainer p {padding:0 0 15px 0;}
#contentContainer blockquote {padding:0 15px 25px 15px;}
.list  {padding:0 0 15px 20px;}
ul.list  li {padding:0 0 2px 11px; list-style:disc !important;}
ol.list li {padding:0 0 2px 11px; list-style:decimal !important;}
ol.list ul.list li  {padding:0 0 2px 11px; list-style:disc !important;}
.list .last-item {padding-bottom:0 !important;}

.list li h2 {margin-bottom:0px !important;}



/*================================
 HEADER LAYOUT
================================*/
#headerContainer h1.logo {float:left; display:inline; width:200px; height:65px; margin:13px 0 0 43px;}
#headerContainer h1.logo a {display:block; cursor:pointer; width:200px; height:65px; text-indent:-9999px; background:url('../images/template/Watteredge.jpg') no-repeat;}
#headerContainer h1.print {display:none;}

/*---- Social Media Nav ----*/
#headerContainer .social-media {width:152px; height:37px; float:right; margin-right:9px; background:url('../images/template/header-social-media-nav.jpg') no-repeat;}
#headerContainer .social-media li {float:left; display:inline;}
#headerContainer .social-media a {display:block; width:21px; height:21px; text-indent:-9999px; cursor:pointer;}
/*#headerContainer .social-media a:hover {background:#218110;}*/
#headerContainer .social-media-skype {margin:4px 5px 0 12px;}
#headerContainer .social-media-facebook {margin:4px 5px 0 0;}
#headerContainer .social-media-twitter {margin:4px 5px 0 0;}
#headerContainer .social-media-linkedin {margin:4px 5px 0 0;}
#headerContainer .social-media-youtube {margin:4px 0 0 0;}


/*---- Info Nav ----*/
#headerContainer .info {float:right; width:190px; padding:14px 0 0 0; clear:right; display:inline-block;}
#headerContainer .info li {float:left; margin:0 7px 0 0; display:inline;	 background:url('../images/template/headerNavDivider.gif') no-repeat right 6px; padding:0 7px 0 0;}
#headerContainer .info li a#headerContactUs {display:block; width:53px; height:22px; background:url('../images/template/headerContactUs.gif') no-repeat; text-indent:-9999px; cursor:pointer;}
#headerContainer .info li a#headerISO9001 {display:block; width:81px; height:22px; background:url('../images/template/headerISO9001.gif') no-repeat; text-indent:-9999px;}
#headerContainer .info li.lastItem {	background:none !important; padding:0 !important; margin:0 !important;}



/*================================
 NAVIGATION LAYOUT
================================*/
#navContainer ul {height:37px; float:left; margin-bottom:-10px;}
#navContainer ul li {float:left; display:inline; background:url('../images/template/navDivider.png') no-repeat right bottom; padding:1px 1px 0 0;}
#navContainer ul li a {display:block; background:url('../images/template/mainNav.gif') no-repeat; text-indent:-9999px; height:37px;}
#navContainer ul li.lastItem {border:none !important; background:none !important; padding-right:0 !important;}

/*---- DEFAULT STATE ----*/
#navContainer ul li a#navHome {background-position:0 0; width:73px; height:37px;}
#navContainer ul li a#navProducts {background-position:-74px 0; width:149px; height:37px;}
#navContainer ul li a#navIndustry {background-position:-224px 0; width:115px; height:37px;}
#navContainer ul li a#navAbout {background-position:-340px 0; width:141px; height:37px;}	
#navContainer ul li a#navNews {background-position:-482px 0; width:123px; height:37px;}
#navContainer ul li a#navWorldwide {background-position:-606px 0; width:124px; height:37px;}

/*---- HOVER STATE ----*/
#navContainer ul li a#navHome:hover, #sectionHome #navContainer ul li a#navHome {background-position:0 -38px;}
#navContainer ul li a#navProducts:hover, #sectionProducts #navContainer ul li a#navProducts {background-position:-74px -38px;}
#navContainer ul li a#navIndustry:hover, #sectionIndustry  #navContainer ul li a#navIndustry {background-position:-224px -38px;}
#navContainer ul li a#navAbout:hover, #sectionAbout #navContainer ul li a#navAbout {background-position:-340px -38px;}	
#navContainer ul li a#navNews:hover, #sectionNews #navContainer ul li a#navNews {background-position:-482px -38px;}
#navContainer ul li a#navWorldwide:hover, #sectionWorldwide #navContainer ul li a#navWorldwide {background-position:-606px -38px;}

#navContainer #navSearch {	margin:0 0 -5px 34px;	background:url('../images/template/headerSearchBG.png') no-repeat;	padding:8px 0 0 15px; height:29px;	width:193px; display:inline-block;}
#navContainer #navSearch li {border:none; background:none;}
#navContainer #navSearch .navSearchInput {height:15px; float:left; font-size:11px; padding:1px 2px; margin:0 7px 0 0; border:1px solid #898989;}
#navContainer #navSearch .navSearchButton {background:url('../images/template/navSearchButton.gif') no-repeat !important; width:25px; border:none; outline:none; height:19px; cursor:pointer; text-indent:-9999px;	overflow: hidden; font-size: 0px; line-height: 0px; float:left;}



/*================================
 FOOTER LAYOUT
================================*/
#footerContainer, #footerContainer a {color:#ffffff; font-weight:normal; }
#footerContainer #footerCopyright {float:left; display:inline; width:300px;}
#footerContainer #footerCopyright li {float:left; margin:0 8px 0 0;	padding:0 9px 0 0; background:url('../images/template/footerDivider.gif') no-repeat right center;}

#footerContainer #footerNav {float:right; width:375px;}
#footerContainer #footerNav li {float:left; margin:0 8px 0 0; padding:0 9px 0 0; background:url('../images/template/footerDivider.gif') no-repeat right center;}
#footerContainer ul li.lastItem {border:none !important; margin:0 !important; background:none !important; padding:0 !important;}