.stone{color:#d1cfb9} .darkStone{color:#bab9a5} .green{color:#77bbb8} .lightGreen{color:#cae2e2} .darkGreen{color:#629784} .yellow{color:#ded430} .lightYellow{color:#f1efb7} .darkYellow{color:#b4ad05} .blue{color:#0082c6} .lightBlue{color:#84afc6} .darkBlue{color:#0e6b93} .red{color:#d81820} .grey{color:#999999} .darkGrey{color:#3C3C3C} *{margin:0; padding:0} img{border:0} .clear:after {content: ""; display: block; clear: both} .clear {zoom:1} /*structure*/ body{margin:0; background:url(images/bgStrip.gif) repeat-x #d1cfb9} #wrapper{width:960px; margin:auto; background-color:#FFFFFF} #header{height:176px; background-color:#333333} #header h1 a{ display:block; width:300px; height:37px; color:#3C3C3C; float:left; font-size:12px; background:url(images/logo.gif) no-repeat; position:relative; top:81px; left:68px; text-indent:-5000px} #header .strap{position:relative; top:143px; left:-129px; float:left} #header img{float:right} #leftCol{width:180px; float:left; text-align:center; margin-bottom:20px} #content{width:570px; float:left; padding:20px 20px 0 20px; margin-bottom:20px} #dyn_content{width:590px; float:left; padding:0; margin-top:20px; border:0} #dyn_content td{border:0px solid #000} #dyn_content #pageNum_wrapper{float:right} #rightCol{width:170px; float:right; padding:20px 0 0 0; margin-bottom:20px} #footer{height:20px; background-color:#bab9a5; clear:both; padding-top:10px} #footer p{font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:10px; font-size:9px; text-transform:uppercase; text-align:center; letter-spacing:2px} #terms{text-align:right; padding:5px 0 0 0; background-color:#d1cfb9; font:10px/10px Arial, Helvetica, sans-serif; color:#FFFFFF} #page{} /*elements*/ .headerGas{background:url(images/headerBg_gas.gif) repeat-x} .headerWater{background:url(images/headerBg_water.gif) repeat-x} .headerBuilding{background:url(images/headerBg_building.gif) repeat-x} .headerBrands{background:url(images/headerBg_brand.gif) repeat-x} #rightCol img{margin:20px 0 0 22px} #content.index img{float:right; position:relative; top:7px} /*info tables*/ table.infoTable_blue{margin:10px 0 0 0; border:1px solid #0e6b93} table.infoTable_green{margin:10px 0 0 0; border:1px solid #629784} table.infoTable_yellow{margin:10px 0 0 0; border:1px solid #b4ad05} table.infoTable_blue th{color:#FFFFFF; font-weight:bold; text-align:left; padding:5px; background-color:#0e6b93} table.infoTable_blue td{padding:10px} table.infoTable_green th{color:#FFFFFF; font-weight:bold; text-align:left; padding:5px; background-color:#629784} table.infoTable_green td{padding:10px} table.infoTable_yellow th{color:#FFFFFF; font-weight:bold; text-align:left; padding:5px; background-color:#b4ad05} table.infoTable_yellow td{padding:10px} table.thumbs{border:none; width:480px} .thumbs td{padding:0 20px 20px 0} /*company logos*/ #comp_table{width:100%; height:400px; border:20px solid #bab9a5} #comp_table td{padding:5px; vertical-align:middle; text-align:center; border:0px solid #bab9a5; font:10px/12px Arial, Helvetica, sans-serif; color:#999999} #comp_table td img{margin-bottom:10px} /*text formatting*/ #content ul{text-align:left} .bodyCopy li{margin-left:20px} p{text-align:left} .heading{font:bold 12px/22px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0} .first{font:bold 12px/22px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 11px 0} .newsFirst{font:bold 12px/22px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 11px 0} .bodyCopy{font:11px/22px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 11px 0} .newsCopy{font:11px/22px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 11px 0} .newsCaption{font:8px/12px Arial, Helvetica, sans-serif; color:#3C3C3C; text-align:left; margin:5px 0 11px 0} .caption{font:9px/12px Arial, Helvetica, sans-serif; color:#3C3C3C; text-align:left; margin:0 0 11px 0; padding-left:20px} .quote{font:bold 11px/18px Georgia, "Times New Roman", Times, serif; color:#d81820; margin:0 0 11px 0; padding:0 20px; text-align:right} /*ENEWS*/ .enews{background:#eee; padding:0.5em} /*site map*/ #siteMap{margin:0; padding:0; width:200px} #siteMap li{list-style-type:none; font:bold 12px/22px Arial, Helvetica, sans-serif; margin:0} #siteMap li li{padding-left:10px; font-size:9px; background:#CCCCCC; border:1px solid #fff} /*menus*/ /*side nav*/ #sideNav{list-style:none; margin:20px 0 15px 0; padding:0} #sideNav li{margin:0 0 5px 0; font:9px/9px Arial, Helvetica, sans-serif} #sideNav a{display:block; font:9px/9px Arial, Helvetica, sans-serif; color:#3C3C3C; text-decoration:none; text-align:right; margin:0 20px; padding:5px} #sideNav li.redmenu a:hover{background:#d81820; color:#fff; font:9px/9px Arial, Helvetica, sans-serif} #sideNav li.greenmenu a:hover{background:#77bbb8; color:#fff; font:9px/9px Arial, Helvetica, sans-serif} #sideNav li.yellowmenu a:hover{background:#ded430; color:#fff; font:9px/9px Arial, Helvetica, sans-serif} #sideNav li.bluemenu a:hover{background:#0082c6; color:#fff; font:9px/9px Arial, Helvetica, sans-serif} #sideNav li.red_selected{background:#d81820; color:#fff; margin:0 20px 5px 20px; text-align:right; padding:5px} #sideNav li.green_selected{background:#77bbb8; color:#fff; margin:0 20px 5px 20px; text-align:right; padding:5px} #sideNav li.yellow_selected{background:#ded430; color:#fff; margin:0 20px 5px 20px; text-align:right; padding:5px} #sideNav li.blue_selected{background:#0082c6; color:#fff; margin:0 20px 5px 20px; text-align:right; padding:5px} #sideNav a.gallery_selected{background:#d81820; color:#fff; font:9px/9px Arial, Helvetica, sans-serif} /*right nav*/ #rightNav{margin:0 0 10px 22px; padding:0; font:9px/12px Arial, Helvetica, sans-serif; color:#999999; text-align:left} #rightNav li{list-style-type:none; padding:0; margin:0} #rightNav li{margin-bottom:3px} #rightNav a{font:9px/12px Arial, Helvetica, sans-serif; color:#3C3C3C; text-decoration:none; text-align:left} #rightNav a:hover{color:#3C3C3C; text-decoration:underline} #rightNav a:hover.reverse{color:#3C3C3C; text-decoration:underline} #rightNav a.reverse{color:#3C3C3C; font-weight:bold} #rightNav li.title{margin-top:5px; font-weight:bold} #rightNav li.top{font-weight:bold} /*************************************************************************************/ /*project gallery*/ .yellow a:hover{background:#d81820; color:#3C3C3C; font:bold 9px/9px Arial, Helvetica, sans-serif} .sectionNav_selected{background:#77bbb8; color:#fff} .water{background:#0082c6} .building{background:#77bbb8} .gas{background:#ded430} .latest{background:#d81820} .noProjects{color:#ffffff; font:12px/22px Arial, Helvetica, sans-serif; margin:0 0 0 10px} #project_box{width:275px; float:left; margin:0 10px 20px 0; position:relative} #project_box #magnify{width:15px; height:15px; position:absolute; left:255px; top:160px; opacity:0.6;filter:alpha(opacity=60)} .project_text{font:bold 9px/9px Arial, Helvetica, sans-serif; color:#fff; margin:5px; text-transform:uppercase} /*project content*/ #titleStrip{padding:10px 15px} #project_content{background:#cae2e2; padding:10px 15px} .project_title{margin:0 0 0.5em 0; font:bold 14px/10px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase} .project_sub{font:10px/10px Arial, Helvetica, sans-serif; color:#fff; float:left} .project_listing{font:11px/1.5em Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 1em 0} .project_header{font-weight:bold; color:#629784} #titleStrip a{float:right; font:10px/10px Arial, Helvetica, sans-serif; color:#fff} #titleStrip hover:{color:#FFFFFF} .project_body{font:11px/1.5em Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 0.5em 0} /*sub section*/ .info{font:bold 9px/9px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 1.8em 0} #subSection{margin-bottom:20px} #subSection select{float:left; margin-right:10px; font:bold 9px/1em Arial, Helvetica, sans-serif; color:#3C3C3C} #subSection .indust{width:75px} #subSection .sector{width:165px} #subSection p{font:bold 9px/9px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:2px 10px 0 0; float:left} .page_num{width:15px; font:bold 10px/10px Arial, Helvetica, sans-serif; text-align:center; margin:0 5px 0 0; float:right} .page_num a{display:block; width:100%; padding:3px 0; text-decoration:none} .page_num a:hover{color:#fff; background-color:#77bbb8} .pageNum_selected{background-color:#77bbb8; color:#fff; padding:3px 0;} /*links*/ a {text-decoration:underline; color:#3C3C3C; font-weight:bold} a:hover{text-decoration:underline; color:#d81820} a.termsLinks{text-decoration:none; color:#FFFFFF} a.termsLinks:hover{text-decoration:none; color:#0082c6} /*news gallery images*/ .thumbs a img{border:1px solid #000;} .thumbs a:hover img{text-decoration:none; border:1px solid #d81820} /*news page*/ #news, #news ul{width:570px; margin:0; padding:0} #news li{list-style-type:none} .header {display:block; text-decoration:none; font:bold 11px/22px Arial, Helvetica, sans-serif; color:#fff; background:#84afc6; padding:5px; border-bottom:2px solid #fff} a:hover.header{background:#0e6b93; text-decoration:none; color:#fff} #news ul {background:#eee} #news ul li{margin:0; padding:8px 10px 1px 10px} #headerLink {width:100%; border:none; padding:0; margin:0} #headerLink td{vertical-align:top} /*press contacts*/ #press_contacts{width:148px; padding:10px 0 0 0; border-top:1px solid #999; margin-left:22px} #press_contacts p{font:9px/1.5em Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 0.5em 0} #press_contacts a {text-decoration:underline; color:#3C3C3C; font-weight:bold; font:9px/1.5em Arial, Helvetica, sans-serif; text-align:left} #press_contacts a:hover{text-decoration:underline; color:#d81820} /*NEWSLETTER*/ #newsLetter{margin:0 0 1em 22px; background:#bab9a5} #newsLetter p{font:9px/150% Arial, Helvetica, sans-serif; text-transform:uppercase} #newsLetter a{text-decoration:none; display:block; width:138px; background:#d81820; padding:5px; color:#fff} #newsLetter a:hover {background:#0e6b93; color:#fff} /*SIGN UP FORM*/ #newsSignUp{font:11px/22px Arial, Helvetica, sans-serif; color:#3C3C3C; margin:0 0 11px 0; width:500px; text-transform:uppercase; margin-top:2em} #newsSignUp fieldset{border:1px solid #ccc; background:#eee; padding:20px; margin-bottom:4em} #newsSignUp input{width:200px; padding:3px;} #newsSignUp dt{float:left; width:150px} #newsSignUp dt, #newsSignUp dd{margin-bottom:1em} #newsSignUp dd.chkBox input{width:20px; line-height:22px} #newsSignUp button{padding:4px}