/* CSS Document */ /* American Water Treatment */ /* created March 2010 */ /* written by Laura Winn */ * {margin:0px; padding:0px;} body, html {font-family: arial, helvetica, sans-serif; background-color:#EDEBD8; color: #333; text-align:left; min-width:552px; /* for good browsers*/ min-height:468px; /* for good browsers*/} #mainWrapper {width:900px; height:530px; margin-right:auto; margin-left:auto; margin-top:50px;} img {border:none; padding:0px; margin:0px;} .clear {clear:both;} /* page styles */ #header {width:900px; height:81px;} #header img {float:left;} #content {width:422px; height:370px; float:left; margin-top:2px;} #content p {font-size:14px; line-height:18px; padding:10px 15px 0 10px;} table {width:350px; background-color:#D4D1B7; color:#333; border: 1px solid #333; margin-left:35px; margin-top:12px; font-size:12px;} .margleft35 {margin-left:30px;} #locationslistL {width:160px; float:left; margin-left:70px;} #locationslistR {width:160px; float:left;} #locationslistL ul, #locationslistR ul {padding-top:15px; list-style-type:disc;} #locationslistL li, #locationslistR li {font-size:14px; line-height:20px;} #productslistL {width:180px; float:left; margin-left:55px;} #productslistR {width:160px; float:left;} #productslistL ul, #productslistR ul {padding-top:10px; list-style-type:disc;} #productslistL li, #productslistR li {font-size:14px; line-height:20px;} #servicesList {width:370px; margin-left:30px; margin-right:20px;} #servicesList ul {padding-top:10px;} #servicesList li {font-size:14px; line-height:20px;} #pageGraphic {width:278px; height:370px; float:left; margin-top:2px; } #rightNav {width:200px; height:370px; margin-top:2px; float:left;} #footer {width:900px;} #footer img {float:left;} #credits {width:900px; float:left;} #credits p {font-size:12px; color:#666; text-align:center; padding:15px; } .lightgrey {color:#999;} /* Navigation */ a {font-size:14px; color:#000; text-decoration:underline;} a:visited {font-size:14px; color:#000; text-decoration:underline;} a:hover {color: #3366CC;} a:active {color:#3366cc;} a.credits {font-size:12px; color:#999; text-decoration:none;} a.credits:visited {text-decoration:none;} a.credits:hover {text-decoration:underline; color:#666;} a.credits:active {text-decoration:underline; color:#666;} #navTop {width:200px; height:50px; display:block;} #navBottom {width:200px; height:110px; display:block;} /* Home page */ a.rollHome, a.rollWho, a.rollWhat, a.rollProducts, a.rollWellwater, a.rollLocations, a.rollContact {width:200px; height:30px; display:block;} #btnHome, #btnWho, #btnWhat, #btnProducts, #btnWellwater, #btnLocations, #btnContact {width:200px; height:30px; display:block;} #btnWho a.rollWho {background: url(images/navWho_roll.gif) 0px 0px no-repeat;} #btnWho a.rollWho:visited {background-position:0px 0px;} #btnWho a.rollWho:hover {background-position:0px -30px;} #btnWho a.rollWho:active {background-position:0px -30px;} #btnWhat a.rollWhat {background: url(images/navWhat_roll.gif) 0px 0px no-repeat;} #btnWhat a.rollWhat:visited {background-position:0px 0px;} #btnWhat a.rollWhat:hover {background-position:0px -30px;} #btnWhat a.rollWhat:active {background-position:0px -30px;} #btnProducts a.rollProducts {background: url(images/navProducts_roll.gif) 0px 0px no-repeat;} #btnProducts a.rollProducts:visited {background-position:0px 0px;} #btnProducts a.rollProducts:hover {background-position:0px -30px;} #btnProducts a.rollProducts:active {background-position:0px -30px;} #btnWellwater a.rollWellwater {background: url(images/navWellwater_roll.gif) 0px 0px no-repeat;} #btnWellwater a.rollWellwater:visited {background-position:0px 0px;} #btnWellwater a.rollWellwater:hover {background-position:0px -30px;} #btnWellwater a.rollWellwater:active {background-position:0px -30px;} #btnLocations a.rollLocations {background: url(images/navLocations_roll.gif) 0px 0px no-repeat;} #btnLocations a.rollLocations:visited {background-position:0px 0px;} #btnLocations a.rollLocations:hover {background-position:0px -30px;} #btnLocations a.rollLocations:active {background-position:0px -30px;} #btnContact a.rollContact {background: url(images/navContact_roll.gif) 0px 0px no-repeat;} #btnContact a.rollContact:visited {background-position:0px 0px;} #btnContact a.rollContact:hover {background-position:0px -30px;} #btnContact a.rollContact:active {background-position:0px -30px;} /* What We Do page specific */ a.rollWhat_home, a.rollWhat_who, a.rollWhat_what, a.rollWhat_products, a.rollWhat_wellwater, a.rollWhat_locations, a.rollWhat_contact {width:200px; height:30px; display:block;} #btnWhat_home, #btnWhat_who, #btnWhat_what, #btnbtnWhat_products, #btnWhat_wellwater, #btnWhat_locations, #btnWhat_contact {width:200px; height:30px; display:block;} #btnWhat_home a.rollWhat_home {background: url(images/navWhat_home_roll.gif) 0px 0px no-repeat;} #btnWhat_home a.rollWhat_home:visited {background-position:0px 0px;} #btnWhat_home a.rollWhat_home:hover {background-position:0px -30px;} #btnWhat_home a.rollWhat_home:active {background-position:0px -30px;} #btnWhat_who a.rollWhat_who {background: url(images/navWhat_who_roll.gif) 0px 0px no-repeat;} #btnWhat_who a.rollWhat_who:visited {background-position:0px 0px;} #btnWhat_who a.rollWhat_who:hover {background-position:0px -30px;} #btnWhat_who a.rollWhat_who:active {background-position:0px -30px;} #btnWhat_products a.rollWhat_products {background: url(images/navWhat_products_roll.gif) 0px 0px no-repeat;} #btnWhat_products a.rollWhat_products:visited {background-position:0px 0px;} #btnWhat_products a.rollWhat_products:hover {background-position:0px -30px;} #btnWhat_products a.rollWhat_products:active {background-position:0px -30px;} #btnWhat_wellwater a.rollWhat_wellwater {background: url(images/navWhat_wellwater_roll.gif) 0px 0px no-repeat;} #btnWhat_wellwater a.rollWhat_wellwater:visited {background-position:0px 0px;} #btnWhat_wellwater a.rollWhat_wellwater:hover {background-position:0px -30px;} #btnWhat_wellwater a.rollWhat_wellwater:active {background-position:0px -30px;} #btnWhat_locations a.rollWhat_locations {background: url(images/navWhat_locations_roll.gif) 0px 0px no-repeat;} #btnWhat_locations a.rollWhat_locations:visited {background-position:0px 0px;} #btnWhat_locations a.rollWhat_locations:hover {background-position:0px -30px;} #btnWhat_locations a.rollWhat_locations:active {background-position:0px -30px;} #btnWhat_contact a.rollWhat_contact {background: url(images/navWhat_contact_roll.gif) 0px 0px no-repeat;} #btnWhat_contact a.rollWhat_contact:visited {background-position:0px 0px;} #btnWhat_contact a.rollWhat_contact:hover {background-position:0px -30px;} #btnWhat_contact a.rollWhat_contact:active {background-position:0px -30px;} /* Products page specific */ a.rollProducts_home, a.rollProducts_who, a.rollProducts_what, a.rollProducts_products, a.rollProducts_wellwater, a.rollProducts_locations, a.rollProducts_contact {width:200px; height:30px; display:block;} #btnProducts_home, #btnProducts_who, #btnProducts_what, #btnbtnProducts_products, #btnProducts_wellwater, #btnProducts_locations, #btnProducts_contact {width:200px; height:30px; display:block;} #btnProducts_home a.rollProducts_home {background: url(images/navProducts_home_roll.gif) 0px 0px no-repeat;} #btnProducts_home a.rollProducts_home:visited {background-position:0px 0px;} #btnProducts_home a.rollProducts_home:hover {background-position:0px -30px;} #btnProducts_home a.rollProducts_home:active {background-position:0px -30px;} #btnProducts_who a.rollProducts_who {background: url(images/navProducts_who_roll.gif) 0px 0px no-repeat;} #btnProducts_who a.rollProducts_who:visited {background-position:0px 0px;} #btnProducts_who a.rollProducts_who:hover {background-position:0px -30px;} #btnProducts_who a.rollProducts_who:active {background-position:0px -30px;} #btnProducts_what a.rollProducts_what {background: url(images/navProducts_what_roll.gif) 0px 0px no-repeat;} #btnProducts_what a.rollProducts_what:visited {background-position:0px 0px;} #btnProducts_what a.rollProducts_what:hover {background-position:0px -30px;} #btnProducts_what a.rollProducts_what:active {background-position:0px -30px;} #btnProducts_wellwater a.rollProducts_wellwater {background: url(images/navProducts_wellwater_roll.gif) 0px 0px no-repeat;} #btnProducts_wellwater a.rollProducts_wellwater:visited {background-position:0px 0px;} #btnProducts_wellwater a.rollProducts_wellwater:hover {background-position:0px -30px;} #btnProducts_wellwater a.rollProducts_wellwater:active {background-position:0px -30px;} #btnProducts_locations a.rollProducts_locations {background: url(images/navProducts_locations_roll.gif) 0px 0px no-repeat;} #btnProducts_locations a.rollProducts_locations:visited {background-position:0px 0px;} #btnProducts_locations a.rollProducts_locations:hover {background-position:0px -30px;} #btnProducts_locations a.rollProducts_locations:active {background-position:0px -30px;} #btnProducts_contact a.rollProducts_contact {background: url(images/navProducts_contact_roll.gif) 0px 0px no-repeat;} #btnProducts_contact a.rollProducts_contact:visited {background-position:0px 0px;} #btnProducts_contact a.rollProducts_contact:hover {background-position:0px -30px;} #btnProducts_contact a.rollProducts_contact:active {background-position:0px -30px;} /* Well Water page specific */ a.rollWellwater_home, a.rollWellwater_who, a.rollWellwater_what, a.rollWellwater_products, a.rollWellwater_wellwater, a.rollWellwater_locations, a.rollWellwater_contact {width:200px; height:30px; display:block;} #btnWellwater_home, #btnWellwater_who, #btnWellwater_what, #btnbtnWellwater_products, #btnWellwater_wellwater, #btnWellwater_locations, #btnWellwater_contact {width:200px; height:30px; display:block;} #btnWellwater_home a.rollWellwater_home {background: url(images/navWellwater_home_roll.gif) 0px 0px no-repeat;} #btnWellwater_home a.rollWellwater_home:visited {background-position:0px 0px;} #btnWellwater_home a.rollWellwater_home:hover {background-position:0px -30px;} #btnWellwater_home a.rollWellwater_home:active {background-position:0px -30px;} #btnWellwater_who a.rollWellwater_who {background: url(images/navWellwater_who_roll.gif) 0px 0px no-repeat;} #btnWellwater_who a.rollWellwater_who:visited {background-position:0px 0px;} #btnWellwater_who a.rollWellwater_who:hover {background-position:0px -30px;} #btnWellwater_who a.rollWellwater_who:active {background-position:0px -30px;} #btnWellwater_what a.rollWellwater_what {background: url(images/navWellwater_what_roll.gif) 0px 0px no-repeat;} #btnWellwater_what a.rollWellwater_what:visited {background-position:0px 0px;} #btnWellwater_what a.rollWellwater_what:hover {background-position:0px -30px;} #btnWellwater_what a.rollWellwater_what:active {background-position:0px -30px;} #btnWellwater_products a.rollWellwater_products {background: url(images/navWellwater_products_roll.gif) 0px 0px no-repeat;} #btnWellwater_products a.rollWellwater_products:visited {background-position:0px 0px;} #btnWellwater_products a.rollWellwater_products:hover {background-position:0px -30px;} #btnWellwater_products a.rollWellwater_products:active {background-position:0px -30px;} #btnWellwater_locations a.rollWellwater_locations {background: url(images/navWellwater_locations_roll.gif) 0px 0px no-repeat;} #btnWellwater_locations a.rollWellwater_locations:visited {background-position:0px 0px;} #btnWellwater_locations a.rollWellwater_locations:hover {background-position:0px -30px;} #btnWellwater_locations a.rollWellwater_locations:active {background-position:0px -30px;} #btnWellwater_contact a.rollWellwater_contact {background: url(images/navWellwater_contact_roll.gif) 0px 0px no-repeat;} #btnWellwater_contact a.rollWellwater_contact:visited {background-position:0px 0px;} #btnWellwater_contact a.rollWellwater_contact:hover {background-position:0px -30px;} #btnWellwater_contact a.rollWellwater_contact:active {background-position:0px -30px;} /* Locations page */ a.rollLocations_home, a.rollLocations_who, a.rollLocations_what, a.rollLocations_products, a.rollLocations_wellwater, a.rollLocations_locations, a.rollLocations_contact {width:200px; height:30px; display:block;} #btnLocations_home, #btnLocations_who, #btnLocations_what, #btnbtnLocations_products, #btnLocations_wellwater, #btnLocations_locations, #btnLocations_contact {width:200px; height:30px; display:block;} #btnLocations_home a.rollLocations_home {background: url(images/navLocations_home_roll.gif) 0px 0px no-repeat;} #btnLocations_home a.rollLocations_home:visited {background-position:0px 0px;} #btnLocations_home a.rollLocations_home:hover {background-position:0px -30px;} #btnLocations_home a.rollLocations_home:active {background-position:0px -30px;} #btnLocations_who a.rollLocations_who {background: url(images/navLocations_who_roll.gif) 0px 0px no-repeat;} #btnLocations_who a.rollLocations_who:visited {background-position:0px 0px;} #btnLocations_who a.rollLocations_who:hover {background-position:0px -30px;} #btnLocations_who a.rollLocations_who:active {background-position:0px -30px;} #btnLocations_what a.rollLocations_what {background: url(images/navLocations_what_roll.gif) 0px 0px no-repeat;} #btnLocations_what a.rollLocations_what:visited {background-position:0px 0px;} #btnLocations_what a.rollLocations_what:hover {background-position:0px -30px;} #btnLocations_what a.rollLocations_what:active {background-position:0px -30px;} #btnLocations_products a.rollLocations_products {background: url(images/navLocations_products_roll.gif) 0px 0px no-repeat;} #btnLocations_products a.rollLocations_products:visited {background-position:0px 0px;} #btnLocations_products a.rollLocations_products:hover {background-position:0px -30px;} #btnLocations_products a.rollLocations_products:active {background-position:0px -30px;} #btnLocations_wellwater a.rollLocations_wellwater {background: url(images/navLocations_wellwater_roll.gif) 0px 0px no-repeat;} #btnLocations_wellwater a.rollLocations_wellwater:visited {background-position:0px 0px;} #btnLocations_wellwater a.rollLocations_wellwater:hover {background-position:0px -30px;} #btnLocations_wellwater a.rollLocations_wellwater:active {background-position:0px -30px;} #btnLocations_contact a.rollLocations_contact {background: url(images/navLocations_contact_roll.gif) 0px 0px no-repeat;} #btnLocations_contact a.rollLocations_contact:visited {background-position:0px 0px;} #btnLocations_contact a.rollLocations_contact:hover {background-position:0px -30px;} #btnLocations_contact a.rollLocations_contact:active {background-position:0px -30px;} /* Contact Us page specific */ a.rollContact_home, a.rollContact_who, a.rollContact_what, a.rollContact_products, a.rollContact_wellwater, a.rollContact_locations, a.rollContact_contact {width:200px; height:30px; display:block;} #btnContact_home, #btnContact_who, #btnContact_what, #btnbtnContact_products, #btnContact_wellwater, #btnContact_locations, #btnContact_contact {width:200px; height:30px; display:block;} #btnContact_home a.rollContact_home {background: url(images/navContact_home_roll.gif) 0px 0px no-repeat;} #btnContact_home a.rollContact_home:visited {background-position:0px 0px;} #btnContact_home a.rollContact_home:hover {background-position:0px -30px;} #btnContact_home a.rollContact_home:active {background-position:0px -30px;} #btnContact_who a.rollContact_who {background: url(images/navContact_who_roll.gif) 0px 0px no-repeat;} #btnContact_who a.rollContact_who:visited {background-position:0px 0px;} #btnContact_who a.rollContact_who:hover {background-position:0px -30px;} #btnContact_who a.rollContact_who:active {background-position:0px -30px;} #btnContact_what a.rollContact_what {background: url(images/navContact_what_roll.gif) 0px 0px no-repeat;} #btnContact_what a.rollContact_what:visited {background-position:0px 0px;} #btnContact_what a.rollContact_what:hover {background-position:0px -30px;} #btnContact_what a.rollContact_what:active {background-position:0px -30px;} #btnContact_products a.rollContact_products {background: url(images/navContact_products_roll.gif) 0px 0px no-repeat;} #btnContact_products a.rollContact_products:visited {background-position:0px 0px;} #btnContact_products a.rollContact_products:hover {background-position:0px -30px;} #btnContact_products a.rollContact_products:active {background-position:0px -30px;} #btnContact_wellwater a.rollContact_wellwater {background: url(images/navContact_wellwater_roll.gif) 0px 0px no-repeat;} #btnContact_wellwater a.rollContact_wellwater:visited {background-position:0px 0px;} #btnContact_wellwater a.rollContact_wellwater:hover {background-position:0px -30px;} #btnContact_wellwater a.rollContact_wellwater:active {background-position:0px -30px;} #btnContact_locations a.rollContact_locations {background: url(images/navContact_locations_roll.gif) 0px 0px no-repeat;} #btnContact_locations a.rollContact_locations:visited {background-position:0px 0px;} #btnContact_locations a.rollContact_locations:hover {background-position:0px -30px;} #btnContact_locations a.rollContact_locations:active {background-position:0px -30px;} /* Who's Working For you page specific */ a.rollWho_home, a.rollWho_who, a.rollWho_what, a.rollWho_products, a.rollWho_wellwater, a.rollWho_locations, a.rollWho_contact {width:200px; height:30px; display:block;} #btnWho_home, #btnWho_who, #btnWho_what, #btnbtnWho_products, #btnWho_wellwater, #btnWho_locations, #btnWho_contact {width:200px; height:30px; display:block;} #btnWho_home a.rollWho_home {background: url(images/navWho_home_roll.gif) 0px 0px no-repeat;} #btnWho_home a.rollWho_home:visited {background-position:0px 0px;} #btnWho_home a.rollWho_home:hover {background-position:0px -30px;} #btnWho_home a.rollWho_home:active {background-position:0px -30px;} #btnWho_what a.rollWho_what {background: url(images/navWho_what_roll.gif) 0px 0px no-repeat;} #btnWho_what a.rollWho_what:visited {background-position:0px 0px;} #btnWho_what a.rollWho_what:hover {background-position:0px -30px;} #btnWho_what a.rollWho_what:active {background-position:0px -30px;} #btnWho_products a.rollWho_products {background: url(images/navWho_products_roll.gif) 0px 0px no-repeat;} #btnWho_products a.rollWho_products:visited {background-position:0px 0px;} #btnWho_products a.rollWho_products:hover {background-position:0px -30px;} #btnWho_products a.rollWho_products:active {background-position:0px -30px;} #btnWho_wellwater a.rollWho_wellwater {background: url(images/navWho_wellwater_roll.gif) 0px 0px no-repeat;} #btnWho_wellwater a.rollWho_wellwater:visited {background-position:0px 0px;} #btnWho_wellwater a.rollWho_wellwater:hover {background-position:0px -30px;} #btnWho_wellwater a.rollWho_wellwater:active {background-position:0px -30px;} #btnWho_locations a.rollWho_locations {background: url(images/navWho_locations_roll.gif) 0px 0px no-repeat;} #btnWho_locations a.rollWho_locations:visited {background-position:0px 0px;} #btnWho_locations a.rollWho_locations:hover {background-position:0px -30px;} #btnWho_locations a.rollWho_locations:active {background-position:0px -30px;} #btnWho_contact a.rollWho_contact {background: url(images/navWho_contact_roll.gif) 0px 0px no-repeat;} #btnWho_contact a.rollWho_contact:visited {background-position:0px 0px;} #btnWho_contact a.rollWho_contact:hover {background-position:0px -30px;} #btnWho_contact a.rollWho_contact:active {background-position:0px -30px;}