/* Copyright 2004 Trend One Media, and Justin R. Rankin. All Rights Reserved. */


/* Foundation Elements Defined */

body {
	margin: 16px auto;
	padding: 0px;
	background-color: #DBDBDB;
}

#container {
	width: 732px;
	margin: 0px auto;
	padding: 10px;
	background-color: #FFF;
}

#content {
	width: 730px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #333;
	background:  url(../images/bkgnds/side_blue.gif) repeat-y left top;
}

#header{
	background: #4A5C70 url(../images/mui/newlogo.gif) no-repeat left;
	margin: 0px;
	padding: 20px 50px 0px 0px;
	width: 680px;
	height: 50px;
	text-align: right;
}

#date{
	width: 720px;
	background-color: #4A5C70;
	padding-right: 10px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
}

/* Navigational Elements Defined */

#navback {
	width: 730px;
	height: 35px;
	background: #4A5C70 url(../images/navigation/nav_back.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
}

li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a, li#bu5 a {
	position: absolute;
	width: 103px;
	height: 31px;
	top: 4px;
	text-decoration: none;
}

li#bu1on a, li#bu2on a, li#bu3on a, li#bu4on a, li#bu5on a {
	position: absolute;
	width: 100px;
	height: 35px;
	top: 0px;
	text-decoration: none;
}

li#bu6 {
	position: absolute;
	width: 200px;
	height: 24px;
	text-decoration: none;
	left: 533px;
	top: 5px;
}

li#bu1 a { left: 25px; background: url(../images/navigation/home_over.gif) 0px -31px no-repeat;}
li#bu1on a { left: 26px; background: url(../images/navigation/home_on.gif) 0px 0px no-repeat;}
li#bu2 a { left: 126px; background: url(../images/navigation/products_over.gif) 0px -31px no-repeat;}
li#bu2on a { left: 127px; background: url(../images/navigation/products_on.gif) 0px 0px no-repeat;}
li#bu3 a { left: 227px; background: url(../images/navigation/company_over.gif) 0px -31px no-repeat;}
li#bu3on a { left: 228px; background: url(../images/navigation/company_on.gif) 0px 0px no-repeat;}
li#bu4 a { left: 328px; background: url(../images/navigation/info_over.gif) 0px -31px no-repeat;}
li#bu4on a { left: 329px; background: url(../images/navigation/info_on.gif) 0px 0px no-repeat;}
li#bu5 a { left: 429px; background: url(../images/navigation/contact_over.gif) 0px -31px no-repeat;}
li#bu5on a { left: 430px; background: url(../images/navigation/contact_on.gif) 0px 0px no-repeat;}

li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover, li#bu5 a:hover { background-position: 0px 0px; }

#navback span {
	display: none;
}

ul {
	position: absolute;
	width: 730px;
	height: 35px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*  Presentational Elements Defined */

#splash {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 730px;
}

#spotlight {
	text-align: left;
	margin: 0px;
	padding: 0px 5px 0px 10px;
	width: 312px;
	background:  url(../images/bkgnds/spotlight.gif) repeat-x top left;
	float: left;
}

.spothead{
	font-weight: bold;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
}

.prod1 {
	background: url(../images/products/pou/eq10countertop.jpg) no-repeat top left;
	padding-left: 90px;
	height: 87px;
	border-bottom: 1px dashed #333;
}

.prod2 {
	background: url(../images/products/pou/uvundercounter.jpg) no-repeat top left;
	padding-left: 90px;
	height: 86px;
	border-bottom: 1px dashed #333;
	margin-top: 7px;
}

.prod3 {
	background: url(../images/products/uv/pouuvfilter.jpg) no-repeat top left;
	padding-left: 90px;
	height: 86px;
	border-bottom: 1px dashed #333;
	margin-top: 7px;
}
.prod4 {
	background: url(../images/products/poe/ewp.gif) no-repeat top left;
	padding-left: 90px;
	height: 87px;
	border-bottom: 1px dashed #333;
	margin-top: 7px;
}

#news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: left;
	margin-left: 328px;
	padding: 0px 5px 15px 10px;
	background:  url(../images/bkgnds/news.gif) repeat-x top left;
}

.newshead{
	font-weight: bold;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
}

.newstxta{
	vertical-align: top;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	width: 350px;
	border-bottom: 1px dashed #333;
}

.newstxtb{
	vertical-align: top;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 372px;
}

#lftcol{
	margin: 0px;
	padding: 5px;
	width: 318px;
}

#lftcol p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 13px;
	padding: 0px 0px 5px 0px;
}

#rtcol{
	margin: 0px 0px 0px 328px;
	padding: 5px 5px 30px 5px;
	color: #333;
}

#rtcol p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 3px 0px;
}

#rtcol span{
	width: 70px;
	text-align: right;
	padding: 3px 0px;
	display: block;
	float: left;
}

.lftcoltitle{ font-weight: bold; padding: 0px 0px 2px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px dashed #333;}
.rtcoltitle{ font-weight: bold; color: #369; padding: 0px; margin: 0px 0px 10px 0px;}

#head{
	background:  url(../images/bkgnds/news.gif) repeat-x top left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 725px;
	border-bottom: 2px solid #333;
}

#head p{
	font-weight: bold;
	color: #FFF;
	line-height: 20px;
}

/* Miscellaneous Elements Defined */

#links{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	line-height: 22px;
	background:  url(../images/bkgnds/news.gif) repeat-x top left;
	margin: 0px;
	padding: 0px;
	width: 730px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;	
}

#links a, a:visited, a:active{
	color: #FFF;	
}

#links a:hover{
	color: #69C;
	text-decoration: underline;	
}

#copy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 22px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 730px;
}

#valid{
	text-align: center;
	height: 24px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	width: 730px;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

form{
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

a {text-decoration: none; color: #333; font-weight: bold;}
a:visited {color: #333;}
a:active {color: #333;}
a:hover {color: #369; font-weight: bold;}