body { color: #3F3F3F; background: #FFFFFF; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; } a:link, a:visited, a:active { color: #666666; } a:hover { color: #000000; } a:focus { outline: none; } img { border: 0px; } p, ul, on, h1, h2, h3, h4 { margin: 14px 0px; padding: 0px; } blockquote { margin: 14px 10px 10px 60px; } p { line-height: 22px; } ul, ol, dl { margin: 0px 0px 10px 16px; padding: 0px 0px 10px 16px; line-height: 22px; } object:focus { outline: none; } #header { position: relative; width: 960px; height: 198px; margin: 0px auto; } #logo { position: absolute; top: 0px; left: 0px; width: 425px; height: 125px; } #flashnav { position: absolute; top: 0px; right: 0px; width: 520px; height: 400px; } ul#topnav { position: absolute; top: 164px; left: 54px; margin: 0px; padding: 0px; } ul#topnav li { list-style: none; float: left; margin: 0px 30px 0px 0px !important; padding: 0px !important; } ul#topnav li a { color: #333333; text-decoration: none; font-size: 12px; } ul#topnav li a:hover { color: #999999; } #wrapper { width: 960px; margin: 0px auto; padding: 0px; overflow: hidden; } /* HOME */ #home_main_pic { background: #FFFFFF url('/css/img/bg_home_main_pic.jpg') no-repeat; width: 960px; height: 390px; } #home_left { background: #FFFFFF url('/css/img/bg_home_left.jpg') no-repeat; float: left; width: 225px; height: 132px; margin: 0px 0px 0px 20px; padding: 30px 10px 0px 220px; } #home_right { background: #FFFFFF url('/css/img/bg_home_right.jpg') no-repeat; float: left; width: 225px; height: 132px; margin: 0px 0px 0px 10px; padding: 30px 10px 0px 220px; } #home_left p, #home_right p { color: #FFFFFF; font-size: 12px !important; line-height: 16px; margin: 22px 0px 0px 0px; padding: 0px; } #home_left a, #home_right a { text-decoration: none; color: #FFFFFF; font-size: 13px; line-height: 18px; } #home_left a:hover, #home_right a:hover { text-decoration: underline; } #home_left_2 { background-color: #FFFFFF; float: left; width: 394px; height: 100px; margin: 0px 0px 0px 16px; padding: 20px 10px 0px 44px; } #home_right_2 { background-color: #FFFFFF; float: left; width: 382px; height: 100px; margin: 0px 0px 0px 10px; padding: 20px 10px 0px 52px; } #home_left_2 p, #home_right_2 p { font-size: 13px; line-height: 16px; margin: 8px 0px 0px 0px; padding: 0px; } #technology_main_pic { background: #FFFFFF url('/css/img/bg_technology_main_pic.jpg') no-repeat; width: 960px; height: 195px; } #technology_content { background: #FFFFFF; padding: 0px 0px 0px 73px; } /* BETTER WATER */ #better_water_main_pic { background: #FFFFFF url('/css/img/bg_better_water_main_pic.jpg') no-repeat; width: 960px; height: 358px; } #better_water_left_1 { background: #FFFFFF url('/css/img/bg_better_water_left_1.jpg') no-repeat 22px 0px; float: left; width: 440px; margin: 0px; padding: 20px 20px 20px 160px; } #better_water_right_1 { background: #FFFFFF url('/css/img/bg_better_water_right_1.gif') no-repeat 0px 28px; float: left; width: 316px; padding: 20px 0px 20px 20px; } #better_water_left_1 p, #better_water_right_1 p { font-size: 13px; line-height: 16px; margin: 8px 0px 0px 0px; padding: 0px; } #better_water_2 { background: #FFFFFF url('/css/img/bg_better_water_2.gif') no-repeat 0px 10px; clear: left; width: 400px; margin: 0px 0px 0px 0px; padding: 10px 60px 30px 550px; } #better_water_2 p { font-size: 13px; line-height: 16px; margin: 8px 0px 0px 0px; padding: 0px; } #better_water_3 { width: 881px; margin: 20px 0px 0px 40px; } #better_water_3 p { font-size: 13px; line-height: 16px; margin: 16px 0px 20px 0px; padding: 0px 60px 0px 6px; } #better_water_4 { background: #FFFFFF url('/css/img/bg_better_water_4.jpg') no-repeat top right; width: 880px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 40px; } #better_water_4 ul { margin: 20px 0px 20px 0px !important; padding: 0px 0px 0px 20px !important; width: 300px; } #better_water_4 ul li { margin: 18px 0px; line-height: 14px; } #applications_endless { width: 273px; height: 69px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 4px; } #better_water_5 { background: #FFFFFF url('/css/img/bg_better_water_5.jpg') no-repeat 0px 20px; width: 516px; margin: 0px; padding: 0px 40px 40px 390px; } #better_water_5 p { font-size: 13px; line-height: 16px; margin: 16px 0px 0px 0px; } /* HOW IT WORKS */ #how_it_works_main_pic { background: #FFFFFF url('/css/img/bg_how_it_works_main_pic.jpg') no-repeat; width: 960px; height: 364px; } #how_it_works_1 { background: #FFFFFF url('/css/img/bg_how_it_works_1.jpg') no-repeat 700px 0px; margin: 0px 0px -20px 0px; padding: 20px 350px 0px 70px; width: 600px; height: 190px; } #how_it_works_1 p { font-size: 13px; line-height: 16px; margin: 20px 0px 0px 0px; padding: 0px; } #how_it_works_2 { background: #FFFFFF url('/css/img/bg_how_it_works_2.jpg') no-repeat; width: 610px; padding: 10px 70px 20px 280px; } #how_it_works_2 p { font-size: 13px; line-height: 16px; margin: 20px 0px 0px 0px; padding: 0px; } #how_it_works_3 { padding: 10px 0px 0px 110px; } #how_it_works_3 p { font-size: 13px; line-height: 16px; margin: 20px 0px 0px 0px; padding: 0px; } #how_it_works_4 { overflow: hidden; padding: 20px 0px 0px 70px; } #how_it_works_5 { overflow: hidden; padding: 20px 0px 30px 110px; } #how_it_works_5 p { font-size: 13px; line-height: 16px; margin: 20px 0px 0px 0px; padding: 0px; } .how_float { float: left; width: 240px; margin: 0px 0px 20px; padding: 0px 0px 20px 0px; } .how_float.first {width: 230px; margin: 0px 0px 0px 80px; } .how_float.second {width: 230px; margin: 0px 0px 0px 70px; } .how_float.third {width: 210px; margin: 0px 0px 0px 70px; } .how_float p { font-size: 13px; line-height: 16px; margin: 0px; padding: 0px; } #how_it_works_3 { overflow: hidden; } #how_it_works_3_l { background: #FFFFFF url('/css/img/bg_how_it_works_2.jpg') no-repeat right; float: left; width: 540px; padding: 20px 0px 40px 70px; } #how_it_works_3_r { float: left; width: 350px; } #how_it_works_3 p { font-size: 13px; line-height: 16px; margin: 20px 0px 0px 0px; padding: 0px; } #energy_savings_main_pic { background: #FFFFFF url('/css/img/bg_how_it_works_main_pic.jpg') no-repeat; width: 960px; height: 357px; } #applications_main_pic { background: #FFFFFF url('/css/img/bg_how_it_works_main_pic.jpg') no-repeat; width: 960px; height: 357px; } #success_stories_main_pic { background: #FFFFFF url('/css/img/bg_how_it_works_main_pic.jpg') no-repeat; width: 960px; height: 357px; } /* BETTER FUEL */ #better_fuel_main_pic { background: #FFFFFF url('/css/img/bg_better_fuel_main_pic.jpg') no-repeat; width: 960px; height: 357px; } #better_fuel_left { background: #FFFFFF url('/css/img/bg_better_fuel_left.jpg') no-repeat; float: left; width: 340px; margin: 0px 10px 0px 0px; padding: 40px 10px 0px 240px; } #better_fuel_right { background: #FFFFFF url('/css/img/bg_better_fuel_right.jpg') no-repeat; float: left; width: 278px; margin: 20px 0px 0px 10px; padding: 0px 10px 0px 40px; border-left: 2px #C0C0C2 solid; } #better_fuel_left p, #better_fuel_right p { font-size: 13px; line-height: 16px; margin: 8px 0px 0px 0px; padding: 0px; } #better_fuel_middle { background: #FFFFFF url('/css/img/bg_better_fuel_middle.jpg') no-repeat 380px 30px; clear: left; margin: 0px; padding: 26px 620px 30px 25px; } #better_fuel_middle p { font-size: 13px; line-height: 16px; margin: 8px 0px 0px 0px; padding: 0px; } #better_fuel_bottom { background: #FFFFFF url('/css/img/bg_better_fuel_bottom.gif') no-repeat; clear: left; width: 525px; height: 246px; margin: 20px 0px 30px 0px; padding: 10px 0px 30px 430px; } #better_fuel_bottom p { font-size: 13px; line-height: 16px; margin: 8px 0px 0px 0px; padding: 0px; } /* EPA RESULTS */ #epa_results_main_pic { background: #FFFFFF url('/css/img/bg_better_fuel_main_pic.jpg') no-repeat; width: 960px; height: 379px; } #epa_results_wrapper { background: #FFFFFF url('/css/img/bg_epa_results_2.jpg') no-repeat bottom right; width: 960px; height: 580px; } #epa_results_1 { background: transparent url('/css/img/bg_epa_results_1.jpg') no-repeat 20px 20px; font-size: 20px; width: 580px; height: 75px; padding: 26px 0px 0px 120px; } #epa_results_2 { padding: 0px 0px 0px 120px; width: 420px; } /* SUCCESS STORIES */ #success_stories_main_pic { background: #FFFFFF url('/css/img/bg_success_stories_main_pic.jpg') no-repeat; width: 960px; height: 357px; } #tab_cs_water { background: #FFFFFF url('/css/img/bg_tab_cs_water.gif') no-repeat; width: 316px; height: 56px; margin: 0px auto 20px; } #cs_subnav_wrapper { width: 916px; margin: 0px auto; } #cs_tab_restaurant { float: left; width: 308px; height: 42px; } #cs_tab_restaurant a span { display: none; } #cs_tab_restaurant a { display: block; width: 308px; height: 42px; background: #FFFFFF url('/css/img/bg_tab_cs_restaurant.gif') no-repeat 0px 0px; } #cs_tab_restaurant a:hover { background: #FFFFFF url('/css/img/bg_tab_cs_restaurant.gif') no-repeat 0px -42px; } #cs_tab_restaurant a.current { background: #FFFFFF url('/css/img/bg_tab_cs_restaurant.gif') no-repeat 0px -84px; } #cs_tab_hotel { float: left; width: 304px; height: 42px; } #cs_tab_hotel a { display: block; width: 304px; height: 42px; background: #FFFFFF url('/css/img/bg_tab_cs_hotel.gif') no-repeat 0px 0px; } #cs_tab_hotel a span { display: none; } #cs_tab_hotel a:hover { background: #FFFFFF url('/css/img/bg_tab_cs_hotel.gif') no-repeat 0px -42px; } #cs_tab_hotel a.current { background: #FFFFFF url('/css/img/bg_tab_cs_hotel.gif') no-repeat 0px -84px; } #cs_tab_industrial { float: left; width: 304px; height: 42px; } #cs_tab_industrial a { display: block; width: 304px; height: 42px; background: #FFFFFF url('/css/img/bg_cs_tab_industrial.gif') no-repeat 0px 0px; } #cs_tab_industrial a span { display: none; } #cs_tab_industrial a:hover { background: #FFFFFF url('/css/img/bg_cs_tab_industrial.gif') no-repeat 0px -42px; } #cs_tab_industrial a.current { background: #FFFFFF url('/css/img/bg_cs_tab_industrial.gif') no-repeat 0px -84px; } #cs_content_wrapper { width: 960px; overflow: hidden; clear: both; } #cs_leftnav { float: left; width: 305px; } #cs_leftnav_links { font-size: 15px; margin: 50px 0px 36px 30px; } #cs_leftnav a { color: #000000; display: block; width: 264px; margin: 6px 0px; padding: 5px 5px 5px 0px; text-decoration: none; } #cs_leftnav a:hover { color: #666666; text-decoration: underline; } #cs_leftnav span.current { color: #29AAE2 !important; margin: 6px 0px; padding: 5px 5px 5px 0px; display: block; } #cs_content { background: #FFFFFF url('/css/img/bg_cs_content.gif') repeat-y; float: left; width: 610px; padding: 35px 0px 35px 45px; position: relative; } #cs_content_top { background: #FFFFFF url('/css/img/bg_cs_content_top.gif') no-repeat; position: absolute; top: 0px; left: 0px; width: 580px; height: 35px; } #cs_content_bottom { background: #FFFFFF url('/css/img/bg_cs_content_bottom.gif') no-repeat; position: absolute; bottom: 0px; left: 0px; width: 580px; height: 35px; } #cs_contact_info { padding-left: 330px; } #cs_contact_info p { font-size: 15px; color: #58585A; padding: 20px 0px; border-top: 2px #CACACC solid; border-bottom: 2px #CACACC solid; } /* COMPANY */ #company_main_pic { background: #FFFFFF url('/css/img/bg_company_main_pic.jpg') no-repeat; width: 960px; height: 199px; } #company_2 { padding: 20px 40px; } /* CONTACT US */ #contact_main_pic { background: #FFFFFF url('/css/img/bg_contact_main_pic.jpg') no-repeat; width: 960px; height: 199px; } #contact_2 { width: 630px; padding: 20px 40px; } #footer { margin: 40px auto 20px; clear: left; padding: 10px 0px 10px 0px; border-top: 1px dashed #666666; height: 20px; width: 960px; } #footer p { color: #666666; font-size: 10px; margin: 0px 0px 0px 54px; padding: 0px; } #footer a { color: #666666; text-decoration: none; } #footer a:hover { color: #999999; } .c { text-align: center; } .r { text-align: right; } .rf { float: right; margin-left: 5px; } .lf { float: left; margin-right: 5px; } .vert_align * { vertical-align: middle; } .orange_text { color: #F7931E !important; } .blue_text { color: #29AAE2 !important; } .green_text { color: #70BE44 !important; } .larger_text { font-size: 15px !important; } .yellow_shaded { background-color: #F5ED30; margin: -10px !important; } .yellow_shaded p { padding: 10px !important; }