body { margin: 0; padding: 0; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; color: #555; background: #fff url(../images/bkgd_body.gif) 0 162px repeat-x; text-align: left; }
body.home { background: #fff url(../images/bkgd_body_home.gif) 0 162px repeat-x; }

/* resets */
html { margin: 0; padding: 0; }
img, a img { border: none; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; font-size: 12px; line-height: 12px; }
ul, li { list-style: none; }

/* using <br class="clearing" /> to clear floats */
.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 0px; height: 0; }

a { text-decoration: none; outline: none; color: #5f8baa; }
a:hover { text-decoration: underline; }

#container { width: 984px; margin: 0 auto 0 auto; padding: 0; text-align: left; position: relative; }

#header { width: 984px; height: 148px; position: relative; z-index: 5000; }
#header #logo { position: absolute; top: 23px; left: 46px; }
#header #tagline { position: absolute; top: 27px; right: 148px; }
#header ul { position: absolute; bottom: 0; left: 40px; height: 32px; }
#header ul li#navWater ul { left: 52px; }
#header ul li#navVapor ul { left: 212px; }
#header ul li#navClients ul { left: 460px; }
#header ul li#navAbout ul { left: 541px; }
#header ul li { float: left; display: inline; margin: 0 6px 0 0; padding: 0; height: 32px; overflow: hidden; }
#header ul li a { display: block; height: 32px; overflow: hidden; text-indent: -9999px; }
#navHome, #navHome a { width: 64px; background: url(../images/nav_home.gif) 0 0 no-repeat; }
#navWater, #navWater a { width: 154px; background: url(../images/nav_water.gif) 0 0 no-repeat; }
#navVapor, #navVapor a { width: 242px; background: url(../images/nav_vapor.gif) 0 0 no-repeat; }
#navClients, #navClients a { width: 75px; background: url(../images/nav_clients.gif) 0 0 no-repeat; }
#navAbout, #navAbout a { width: 91px; background: url(../images/nav_about.gif) 0 0 no-repeat; }
#navNews, #navNews a { width: 58px; background: url(../images/nav_news.gif) 0 0 no-repeat; }
#navContact, #navContact a { width: 108px; background: url(../images/nav_contact.gif) 0 0 no-repeat; }
#header ul li a:hover, #header ul li.navHover a { background-position: 0 -32px; }
#header ul li.navHover ul li a { background: none; }

.home #navHome a, .water #navWater a, .vapor #navVapor a, .clients #navClients a, .about #navAbout a, .news #navNews a, .contact #navContact a { background-position: 0 -32px; }

#header ul li ul { position: absolute; bottom: auto; top: 32px; background: transparent url(../images/bkgd_menu.png) 0 0 repeat-x; padding: 10px 0 10px 0; height: auto; width: 230px; display: none; }
#header ul li#navVapor ul { background: url(../images/bkgd_menu_wide.png) 0 0 repeat-x; width: 280px; }
#header ul li ul li { float: none; display: block; margin: 0; height: auto; overflow: visible; background: transparent; width: 200px; font-size: 12px; width: 200px; }
#header ul li ul li a { display: block; text-indent: 0; height: auto; overflow: visible; width: 100%; background: transparent; color: #fff; padding: 6px 0 6px 30px; }
#header ul li ul li a:hover { text-decoration: none; color: #85bcf4; }

#main { width: 984px; background: transparent url(../images/bkgd_interior2.jpg) 0 0 no-repeat; }
.home #main { background: transparent url(../images/bkgd_home.jpg) 0 0 no-repeat; }

#content { width: 630px; float: left; display: inline; margin: 45px 0 0 0; padding: 0 0 50px 0; }
.home #content { width: 960px; margin: 0 12px 0 12px; background: #f2f2f2; float: none; display: block; }

#content h1 { font-size: 24px; font-weight: normal; line-height: 25px; margin: 0 0 35px 0; color: #fff; }
#content p { font-size: 12px; line-height: 20px; color: #000; margin: 0 0 20px 0; }
#content h2 { font-size: 18px; line-height: 24px; font-weight: normal; margin: 0 0 10px 0; color: #8b8b8b; }
#content img { float: right; margin: 0 0 24px 24px; border: 1px solid #145467; }
#content img.noFloat { float: none; margin: 0 0 24px 0; }
#content ul { margin: 0 0 20px 0; }
#content ol { margin: 0 0 20px 0; }
#content ul li { background: url(../images/bul_text.gif) 0 3px no-repeat; margin: 0 0 6px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; color: #000; padding: 0 0 0 13px; font-size: 12px; line-height: 20px; }
#content ol li { list-style: decimal; margin: 0 0 6px 24px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; color: #000; padding: 0; font-size: 12px; line-height: 20px; }

#content table.clientList td img { float: none; margin: 0 0 20px 0; }

.home #content p, .home #content ul li { color: #555; }

#sectNav { width: 270px; float: left; display: inline; margin: 102px 0 0 42px; padding: 0 0 50px 0; }
#sectNav ul.nav { margin: 0 0 20px 0; }
#sectNav ul.nav li { font-size: 14px; line-height: 24px; padding: 0 0 0 18px; margin: 0; }
#sectNav ul.nav li.selected { background: url(../images/bkgd_sectnav.gif) 0 6px no-repeat; }
#sectNav ul.nav li.selected a { cursor: default; color: #000; }
#sectNav ul.nav li.selected a:hover { text-decoration: none; color: #000; }
#sectNav h2 { font-size: 16px; font-weight: normal; color: #145467; margin: 0 0 10px 0; }
#sectNav .studies { width: 182px; background: #e9eced; padding: 18px 10px 10px 18px; margin: 0 0 24px 0; }
#sectNav .studies li { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }
#sectNav .contactUs { padding: 0 0 0 18px; }
.contactUs p { font-size: 11px; line-height: 16px; color: #000; }

#features { width: 984px; height: 279px; background: transparent; }
.cycled { padding: 30px 0 0 52px; background: transparent; width: 882px; height: 220px; }
.cycled img { float: left; display: inline; }
.cycled .featImg { border: 1px solid #fff; }

#homeHeads { width: 960px; height: 45px; margin: 0; background: #5f8baa; position: relative; }
#homeHeads h2 { color: #fff; font-size: 16px; line-height: 16px; text-transform: uppercase; font-weight: normal; }
#indSolutions { position: absolute; top: 16px; left: 40px; }
#whatsNew { position: absolute; top: 16px; left: 583px; }

#industries { width: 509px; min-height: 204px; margin: 15px 0 0 12px; padding: 26px 0 0 30px; background: transparent url(../images/bkgd_industries.jpg) 0 0 no-repeat; float: left; display: inline; }
#content #industries ul li { float: left; display: inline; margin: 0 18px 20px 0; font-weight: bold; font-size: 12px; line-height: 15px; color: #5f8baa; cursor: pointer; background: none; padding: 0; }
#content #industries ul li.indHover { color: #555; }
#content #industries ul li.selected { cursor: default; color: #555; }
#industries .info { width: 519px; display: none; }
.info#indPetroInfo { display: block; }
#industries .info img { float: left; display: inline; margin: 0 19px 0 0; border: 1px solid #fff; }
#industries .info p { margin-top: -4px; float: left; display: inline; width: 285px; font-size: 12px; line-height: 20px; }

#news { float: left; display: inline; width: 325px; margin: 20px 0 0 32px; }
#content #news li { font-size: 11px; line-height: 20px; margin: 0 0 10px 0; padding: 0; background: none; }
#news li a { font-size: 13px; }

#login { width: 275px; float: left; display: inline; margin: 0 0 0 40px; background-color: #b6c8d7; color: #ffffff }
#login img { border: none !important; float: none !important; margin: 5px 0 20px 0 !important; }
#login h2 { font-size: 18px; font-weight: normal; margin: 15px 10px 5px 15px; color: #666666; }
#login form { margin: 0px 0px 15px 25px; padding: 0; }
#login input { margin: 7px 7px 0 0; width: 120px; font-size: 10px; }
#login input#loginSubmit { margin: 0; padding: 0; border: none; width: 47px; background: none; font-size: 12px; color: #da6332; cursor: pointer; }
#login input#loginSubmit:hover { color: #666666; }

#offices { width: 495px; margin: 0 0 0 12px; padding: 0 0 45px 30px; float: left; display: inline; }
#offices h2 { font-size: 16px; font-weight: normal; text-transform: uppercase; color: #999; margin: 0 0 16px 0; }
#offices p { float: left; display: inline; width: 155px; margin: 0 10px 0 0; font-size: 11px; line-height: 22px; }

#footer { width: 960px; margin: 0 12px 0 12px; border-top: 1px solid #f2f2f2; margin: 2px 12px 0 12px; padding: 12px 0 40px 0; }
#footer p { font-size: 11px; color: #999; }