/*-----------------------------------------------------------------------------
Aqua Web 2006 Style Sheet

version:   3.0
author:    kristen mattingly
email:     kmattingly@kwpowell.com
-----------------------------------------------------------------------------*/

/* =general
-----------------------------------------------------------------------------*/
* {margin: 0; padding: 0;}

/* class for clearing floats */
.clear {clear:both;}

img {border: 0;}

body {background:#fff url(images/waterbackground.jpg) top center no-repeat; font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; color:#333;}

input, textarea {font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; color:#333;}


/* =structure
-----------------------------------------------------------------------------*/
#container {position:absolute; z-index:1; margin-left:-386px; top:20px; left:50%; width:772px; text-align:center; z-index:1;}

#searchBar {position:relative; clear:both; width:772px; height:40px; background:none; text-align:left; z-index:2;}

#siteBorder {position:relative; clear:both; width:770px; border:1px solid #999; background-color:#fff; text-align:center; margin-bottom:20px; z-index:3;}

#mainNav {position:relative; clear:both; height:26px; background:#fff url(images/topNavBg.gif) repeat-y; text-align:left; z-index:100;}

#masthead {position:relative; clear:both; height:100px; background:#fff; text-align:left; z-index:4;}

#mainContent {position:relative; clear:both; background:#fff; text-align:left; z-index:5;}

#footer {position:relative; clear:both; height:30px; background:#fff; color:#333; text-align:left; z-index:6;}



/* =searchBar
-----------------------------------------------------------------------------*/
#searchBar {padding:0px 0px 10px; font-weight:bold;}

	#searchBar a:link {color:#666; text-decoration:none;}
	#searchBar a:visited {color:#666; text-decoration:none;}
	#searchBar a:hover {color:#102b72; text-decoration:underline;}
	#searchBar a:active {color:#102b72; text-decoration:underline;}


/* =mainNav
-----------------------------------------------------------------------------*/
#mainNav {padding:0px; font-weight:bold; color:#fff;}

	#mainNav a:link {color:#fff; text-decoration:none;}
	
	#mainNav a:visited {color:#fff; text-decoration:none;}
	
	#mainNav a:hover {color:#102B72; text-decoration:none; /*background:#102B72;*/}
	
	#mainNav a:active {color:#102B72; text-decoration:none; /*background:#102B72;*/}
	
#nav, #nav ul {/* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1;}

#nav a {display: block; /*width: 12em;*/  padding:7px 10px 8px 8px;}

#nav li {/* all list items */ float: left; border-bottom:1px solid #fff;/*padding:4px 13px 4px 10px; width: 12em;  width needed or else Opera goes nuts */}

#nav li ul {/* second-level lists */ position: absolute; /*width: 12em;*/ left: -999em; margin:0px; /* using left instead of display to hide menus because display: none isn't read by screen readers */ z-index:99;}

#nav li ul li {border-bottom:1px solid #fff;}

#nav li ul ul {/* third-and-above-level lists */ margin: -27px 0 0 175px; z-index:98;}

#nav li ul ul ul {/*fourth-level lists*/ margin: -27px 0 0 120px; z-index:97;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {/* lists nested under hovered list items */ left: auto; color: #fff; background:#79a5c7; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:0px solid #fff; border-left:1px solid #fff;}

.aquaAdvantage {width:110px; background:url(images/topNavDivider.gif) right top no-repeat;}
	.aquaAdvantageSubmenu {width:176px;}
.products {width:131px; background:url(images/topNavDivider.gif) right top no-repeat;}
	.productsSubmenu {width:175px; background:url(images/topNavArrow.gif) right top no-repeat;}
		.biologicalProcesses {width:91px;}
		.aerationMixing {width:117px;}
		.filtration {width:120px; background:url(images/topNavArrow.gif) right top no-repeat;}
			.clothMedia {width:100px;}
			.travelingBridge {width:80px;}
		.membranes {width:178px;}
		.controls {width:88px;}
	.productsFinancingSubmenu {width:175px; background:none;}
.resourceLibrary {width:114px; background:url(images/topNavDivider.gif) right top no-repeat;}
	.resourceLibrarySubmenu {width:202px;}
.customerResponse {width:174px; background:url(images/topNavDivider.gif) right top no-repeat;}
	.customerResponseSubmenu {width:144px;}
.acap {width:101px;}
	.acapSubmenu {width:126px;}
	

/* =masthead
-----------------------------------------------------------------------------*/
#masthead #logo {
	position:relative;
	float:left;
	padding:0px 0px 0px 10px;
	top:20px;
	width:450px;
	height:77px;
}

#masthead #chat {position:relative; float:right; padding:0px 10px 0px 0px; top:20px; width:194px; height:51px;}



/* =subNav
-----------------------------------------------------------------------------*/



/* =mainContent-HOME
-----------------------------------------------------------------------------*/
#homeTopBar {position:relative; width:770px; height:21px; background:#fff url(images/topbar.gif) top left no-repeat;}

#home {position: relative; width:770px; height:193px;}

	#homeText {position: relative; float:left; width:386px; height:193px; background:#79a5c7;}
	
		#homeText h1 {margin:15px 25px 0px; color:#fff; font-size: 12px; font-weight: normal; line-height:15px;}

	#homeAnimation {position: relative; float:right; width:383px; height:193px; z-index:7;}

#homeBottomBar {position:relative; clear:both; width:770px; height:21px; background:#fff url(images/bottombar.gif) bottom right no-repeat;}

#homeLinks {height:140px; background:#fff;}

	#homeLinks td {text-align:center;}

	#homeLinks h2 {font-size:14px; font-weight:bold; color:#102b72;}
		#homeLinks .h2large {font-size:18px; color:#00869a;}
		
		#arrowBg {height:72px; background:#fff url(images/arrow-ltblue-180.gif) top left no-repeat;}
		
	#homeLinks a:link {color:#666; text-decoration:none;}
	#homeLinks a:visited {color:#666; text-decoration:none;}
	#homeLinks a:hover {color:#102b72; text-decoration:none;}
	#homeLinks a:active {color:#102b72; text-decoration:none;}



/* =mainContent-OTHERPAGES
-----------------------------------------------------------------------------*/
#pageCategory {margin:0 5px; padding:0 12px; height:18px; color:#79a5c7; background:url(images/productCategoryArrow.gif) right top no-repeat; text-align:right; font-size:12px; font-weight:bold; letter-spacing:2px;}

#pageHeader {position:relative; clear:both; width:770px; height:121px;}

	#pageText {position:relative; float:left; width:459px; height:120px; background:#79a5c7;}

		#pageText h1 {margin:10px 20px 0px; color:#fff; font-size:20px; font-weight:normal;}

		#pageText p {margin:0px 20px 10px; color:#fff; font-size:12px; font-weight:normal; line-height:15px;}
		
		#pageText a:link {color:#fff; text-decoration:none;}
		#pageText a:visited {color:#fff; text-decoration:none;}
		#pageText a:hover {color:#102b72; text-decoration:none;}
		#pageText a:active {color:#102b72; text-decoration:none;}

	#pagePicture {position:relative; float:right; width:310px; height:120px;}

#pageNav {position:relative; clear:both; width:740px; height:20px; background:#79a5c7; border-bottom:1px solid #fff; padding:5px 15px 1px; font-weight:bold; color:#fff;}

	#pageNav a:link {color:#fff; text-decoration:none;}
	#pageNav a:visited {color:#fff; text-decoration:none;}
	#pageNav a:hover {color:#102b72; text-decoration:none;}
	#pageNav a:active {color:#102b72; text-decoration:none;}
	

#pageContent, #pageContent2 {position:relative; clear:both; width:770px; font-size:1em;}
	#pageContent2 {/*height:630px; */background:url(images/productSidebarbg.gif) right top repeat-y;}
	
	#pageBody, #pageBody2 {position:relative; background:none; width:770px;}
	#pageBody2 {width:459px; float:left;}
	
		#pageBody h2 {margin:10px 20px; font-size:14px; font-weight:bold; color:#102b72; letter-spacing:1px;}
			#pageBody h2 .larger {font-size:18px; color:#00869a;}
			#pageBody h2 .largerltblue {font-size:18px; color:#5c9acb;}
			
		#pageBody2 h2 {margin:10px 20px; font-size:14px; font-weight:bold; color:#102b72; letter-spacing:1px;}
			#pageBody2 h2 .larger {font-size:18px; color:#00869a;}
			#pageBody2 h2 .largerltblue {font-size:18px; color:#5c9acb;}
		
		#pageBody h3, #pageBody2 h3 {font-weight:bold; letter-spacing:1px;}
		#pageBody2 h3 {margin:20px 20px 0px; padding:5px 0px 0px 7px; height:30px; color:#fff; background:url(images/productBodyh3bg.gif) left top no-repeat; font-size:1em;}
		
		#pageBody h4 {margin:20px 20px 0px; padding:5px 0px 0px 7px; height:30px; color:#fff; background:url(images/productBodyh3bg.gif) left top no-repeat; font-size:1em;}
		
		#pageBody p, #pageBody2 p {margin:10px 20px;}
			
		#pageBody ul, #pageBody2 ul {margin:10px 15px; padding:0px 20px;}
		
		#pageBody a:link, #pageBody2 a:link {color:#102b72; text-decoration:none;}
		#pageBody a:visited, #pageBody2 a:visited {color:#102b72; text-decoration:none;}
		#pageBody a:hover, #pageBody2 a:hover {color:#102b72; text-decoration:underline;}
		#pageBody a:active, #pageBody2 a:active {color:#102b72; text-decoration:underline;}
		
		#pageBody table, #pageBody2 table {margin: 10px 20px;}
			#pageBody td, pageBody2 td {text-align:center;}
			
		#arrow {float:right; padding:6px 8px;}
		#teal {background-color:#00869a;}
		#blue {background-color:#5c9acb;}
		#purple {background-color:#4b186e;}
		#red {background-color:#9c1f3e;}
		
		#form table {}
			#form td {padding:2px; text-align:center; height:26px; vertical-align:middle}
			.formHeader {background-color:#999; color:#fff; border:1px solid #fff;}
		
	#pageSidebar {position:relative; float:right; padding:10px 10px 20px 10px; width:290px; background:url(images/productSidebarbg.gif) left top repeat-y; color:#fff; text-align:center;}
	
		#pageSidebar h2 {float:left; padding:6px 8px; font-weight:bold; letter-spacing:1px; font-size:1em;}
		
		#pageSidebar p {padding:4px 12px 5px; font-size:1em; font-weight:normal;}
		
		#pageSidebar ul {margin:0px 0px 0px 10px; padding:4px 12px 5px; font-weight:normal;}
			#pageSidebar li {padding:0px 0px 3px;}
			.listHeader {margin:0px 0px 0px -15px; font-weight:bold; list-style-type: none;}
			
		#pageSidebar table {margin:0px; border:1px solid #fff; width:100%;}
			#pageSidebar td {border:1px solid #fff;}
			
		#pageSidebar a:link {color:#fff; text-decoration:none;}
		#pageSidebar a:visited {color:#fff; text-decoration:none;}
		#pageSidebar a:hover {color:#fff; text-decoration:underline;}
		#pageSidebar a:active {color:#fff; text-decoration:underline;}
			
		#pageSidebarTable {padding:10px 10px 0px;}
		
			#pageSidebarTable table {margin:0px 0px 10px; border:0px solid #fff;}
				#pageSidebarTable td {border:0px solid #fff;}
		
			#pageSidebarTable a:link {color:#fff; text-decoration:none;}
			#pageSidebarTable a:visited {color:#fff; text-decoration:none;}
			#pageSidebarTable a:hover {color:#fff; text-decoration:underline;}
			#pageSidebarTable a:active {color:#fff; text-decoration:underline;}
			
	#resourceLibrary {margin:0px; padding:0px;}
	
		#resourceLibrary table {margin:0px;}
			.h2 {background-color:#102b72; border-bottom:1px solid #fff;}
			.h3 {background-color:#666; border-bottom:1px solid #fff; border-right:1px solid #fff;}
			.photo {background-color:#999; border-bottom:1px solid #fff; border-right:1px solid #fff;}
			.ltgray {background-color:#ccc; border-right:1px solid #333;}
			.white {background-color:#fff; border-right:1px solid #333;}
			
			#resourceLibrary td {padding:5px 8px; text-align:left; color:#333; font-size:1em; font-weight:normal;}
		
		#resourceLibrary h2 {color:#fff; font-size:11px; font-weight:bold; text-align:right; margin:0px;}
			
		#resourceLibrary h3 {float:left; color:#fff; font-size:11px; font-weight:bold; letter-spacing:2px; text-align:left;}
			
		#arrow2 {float:right; padding:0px;}
		
	#contactUs {margin:0px; padding:0px;}
	
		#contactUs table {margin:10px 20px; color:#333; font-size:1em; font-weight:normal;}
			#contactUs td {padding:3px; text-align:left;}
			.contactUsh2 {background-color:#999; margin:0px; padding:0px;}
		
		#contactUs h2 {margin:0px; padding:0px; letter-spacing:0px;}
		

	
/* =footer
-----------------------------------------------------------------------------*/
#footerBorder {height:30px; width:770px; border-top:1px solid #999; border-left:0px solid #999; border-right:0px solid #999; border-bottom:0px solid #999;}

#copyright {position:relative; padding:0px 10px 10px; float:left; margin-top:-7px; top:50%;}

#secondaryNav {position:relative; padding:0px 10px 10px; float:right; margin-top:-7px; top:50%;}
	
	#secondaryNav a:link {color:#333; text-decoration:none;}
	#secondaryNav a:visited {color:#333; text-decoration:none;}
	#secondaryNav a:hover {color:#102b72; text-decoration:underline;}
	#secondaryNav a:active {color:#102b72; text-decoration:underline;}



/* =typography
-----------------------------------------------------------------------------*/
.bold {font-weight: bold;}
.superscript {font-size:8px; vertical-align:top;}
.subscript {font-size:8px; vertical-align:bottom;}
.teal {color:#00869a;}
.ltblue {color:#5c9acb;}
.dkblue {color:#102b72;}
.purple {color:#4b186e;}
.red {color:#9c1f3e;}
.white {color:#fff;}


/* =headings
-----------------------------------------------------------------------------*/



/* =links
-----------------------------------------------------------------------------*/




/* =forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
/*fieldset {
  border: 1px solid transparent;
}*/


/* =tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}