@charset "utf-8";
/* CSS Document */

body {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(/images/template/bg.jpg) top center no-repeat #1d52a0;
}
hr{
	width: 85%;
	height: 1px;
	background-image:url(/images/template/grey_line.jpg);
	border: none;
}
input.btn, button.btn{
	padding: 2px 10px 2px 10px;
	border: 1px solid #009;
	background-color: #09F;
	color: #009;
	cursor: pointer;
}
	input.btn:hover, button.btn:hover{
		border: 1px solid #09F;
		background-color: #009;
		color: #09F;
	}
tr.odd{
	background-color: #CCC;	
}
tr.even{
	background-color: #999;
}

/**********************************************
topnav
**********************************************/
#top_nav {
	width: 693px;
	height: 17px;
	margin: 30px auto 5px auto;
	text-align: right;
	color: white;
	font-size:11px;
}
	#top_nav a{
		color: white;
	}
/**********************************************
border
**********************************************/
#border {
	width: 655px;
	margin: auto;
	border: solid 8px #435d01;
	position: relative;
	padding: 0px 10px 72px 10px;
	background: url(/images/template/bottom_water.jpg) bottom left no-repeat #FFF;
}
/**********************************************
header
**********************************************/
#header {
	margin: 10px 0px 0px 0px;
	background:url(/images/template/header-bg.jpg) top left no-repeat;
	position:relative;
}
/**********************************************
slideshow
**********************************************/
#slideshow {
	height: 223px;
	position: relative; 
	top: 3px;
	left: 10px;
}
	#slideshow #KW_24572 {
		
	}
		#slideshow #KW_24572 #slide {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 100;
		}
	#slideshow #logo {
		width: 279px;
		height: 223px;
		position: absolute;
		z-index: 200;
	}
/**********************************************
nav
**********************************************/
#nav {
	height: 41px;
}
	#nav ul {
		list-style: none;
		width: 632px;
		height: 41px;
		margin: 3px 0px 0px 15px;
	}
		#nav ul li {
			float: left;
			position: relative;
			margin-right: 0px;
			/*width of all li's should be: 631px wide*/
		}
			#nav ul li a {
				text-decoration: none;
				font-weight: bold;
				color:#FFF;
				display: block;
				height: 31px;
				padding: 10px 0 0 0;
				text-align: center;
			}
			#nav a:hover, #nav a.over{
				background-position: 0px -43px;
			}
			#nav_about{
				width: 109px;
				background: url(/images/template/navigation/about.jpg);
			}
			#nav_products{
				width: 112px;
				background: url(/images/template/navigation/products.jpg);
			}
			#nav_faqs{
				width: 54px;
				background: url(/images/template/navigation/faqs.jpg);
			}
			#nav_waterQuality{
				width: 155px;
				background: url(/images/template/navigation/waterQuality.jpg);
			}
			#nav_breakingNews{
				width: 69px;
				background: url(/images/template/navigation/breakingNews.jpg);
			}
			#nav_contact{
				width: 132px;
				background: url(/images/template/navigation/contact.jpg);
			}
			#nav ul li ul{
				position: absolute;
				left: -9000px;
				border-left: 1px solid #93b966;
				border-right: 1px solid #93b966;
/*				border-left: 1px solid #060;
				border-right: 1px solid #060;*/
				z-index: 100;
				width: 206px;
				margin-top:8px;
			}
				#nav ul li:hover ul, #nav ul li.over ul{
					position: absolute;
					left: -15px;
					top: 33px;
					height: auto;
					padding: 0px;
				}
					#nav ul li ul li{
						display: block;
						color: #FFF;
						float: none;
					}
					#nav ul li ul li:first-child{
/*						border-top: 1px solid #060;*/
						border-top: 1px solid #93b966;
					}
						#nav ul li ul li a{
							width: 200px;
							height: 20px;
							padding: 3px;
							display: block;
							line-height:20px;
							background-color:#435d01;
							border-bottom: 1px solid #93b966;
/*							border-bottom: 1px solid #060;*/
							position: relative;
							z-index:1000;
							
							
						}
						#nav ul li ul li a:hover{
							background-color:#569836;
/*							background-color: #93b966;*/
						}
/**********************************************
content Pane
**********************************************/
#content_pane{
	position: relative;
}
/**********************************************
content
**********************************************/
#content {
	padding: 0px 0px 75px 40px;
}
	#content a {
		text-decoration: underline;
/*		color: #8c9a07;*/
		color:#509731;
	}
	#content a:visited {
		color:#518ebd;
	}
	#content p.red {
		color: #a14920;
	}
	#content #somethingSpecial{
		position: absolute; 
		bottom: 10px; 
		right: 30px;	
	}
	#content #distributorFamily{
		position: absolute;
		bottom: 0px;
		right: 470px;
		margin: 0px;
	}
	#breadcrumb{
		padding:10px 0 0 0;
	}
	
.credit{
	font-size:.8em;
}

.blue{
	color:#3366ff;
}

.error{
	color:#F00;
}

/**********************************************
Footer
**********************************************/
#footer {
	width: 693px;
	height: 22px;
	margin: 8px auto 0px auto;
	text-align: right;
	color: white;
	font-size:11px;
}