/**** background gradient ****/
.body {	background: url('../images/layout/background.jpg') repeat-x;background-color: #C0D6ED;margin: 0px;padding: 0px;z-index: 0;}
.center {text-align:center;}
img {border: 0;	float: none;}

#clear { margin: 0px; padding: 0px; width: 100%; height:0px; clear: both;}

#contact { width: 986px; color: #2F5F8E; text-align: right;	font: normal normal bold 16px Verdana; margin: 0 auto 0 auto; padding: 5px 10px 5px 0;}

#container {width: 986px;margin: 0 auto 12px auto;z-index: 1;position: relative;}
#containerTop {	background: url('../images/layout/containterTop.png') no-repeat;width: 986px;margin: 0 auto 0 auto;	position: relative; height: 25px;}
#containerMid {	background: url('../images/layout/containerMid.png') repeat-y; width: 986px; min-height: 600px;	margin: 0 auto 0 auto; padding_bottom:24px; position: relative;}
#containerEnd {	background: url('../images/layout/containerEnd.png') no-repeat;	width: 986px; margin: 0 auto 0 auto; position: relative; height: 24px;}

#welcomeBox { margin-top: 12px; margin-bottom: 24px; margin-left: 100px; float: left;}
#welcome {  width: 200px; float: left;}
#intro { margin-left: 20px; width: 550px; float: left;}

#important {position: relative;	float: left;z-index:1; text-align:center; width:100%;}

#systemLogos {position: relative;width:903px; height:112px;background-image:url('../images/layout/water_treatment_systems.jpg'); margin:16px auto 0 auto;}

#footContainer { width:986px; height:168px;margin: 24px auto 12px auto; z-index: 1; position: relative;}
#leftFoot {background: url('../images/layout/footerLeft.png') no-repeat;width: 453px;height: 168px;position: relative;float: left;}
#citiesServed {width:280px;position:relative;float:left;margin:6px 0 0 170px;}
#cityList {width:70px; position:relative; float:left; padding-right:20px;}
#midFoot {background: url('../images/layout/footerMid.png') repeat-x; width: 334px; height: 168px;position: relative;float: left;}
#systemList {width:280px;position:relative;float:left;margin:6px 0 0 28px;}
#rightFoot {background: url('../images/layout/footerRight.png') no-repeat;width: 199px;height: 168px;position: relative;float: left;}
#premierList {width:130px;position:relative;float:left;margin:6px 0 6px 28px;}
#socialList {width:130px;position:relative;float:left;margin:2px 0 0 28px;}
#socialList img{padding-right:4px;}
#footContainer h3 { padding: 10px 0 0 28px; margin: 0;	font: normal normal bold 16px "Trebuchet MS"; color: #464646;}
#footContainer p { font: 12px Arial, Helvetica, sans-serif; color: #464646; text-decoration: none; padding:0;margin:0; line-height:16px;}
#footContainer a { font: 12px Arial, Helvetica, sans-serif; color: #464646; text-decoration: none; padding:0;margin:0; line-height:16px;}

#footerNav {position:relative;float:left;padding-right:60px;margin: 10px 0 0 0;}
/**
#footContainer { width:986px; height:156px;margin: 24px auto 12px auto; z-index: 1; position: relative;}
#leftFoot {background: url('../images/layout/footerLeft.png') no-repeat;width: 74px;height: 156px;position: relative;float: left;}
#midFoot {background: url('../images/layout/footerMid.png') repeat-x; width: 874px; height: 156px;position: relative;float: left;}
#footerCrumb {border-bottom: 1px #464646 solid;margin: 10px 0 0 0;width: 838px;height: 30px;padding-bottom: 10px;}
#footerCrumb a { font: 12px Arial, Helvetica, sans-serif; color: #464646; text-decoration: none;}
#footerNav2 {position:relative;float:left;margin: 10px 0 0 0;padding-right:30px;}
#footerNavItems {position:relative;float:left;padding-right:35px;}
#footerNav a {font: 12px Arial, Helvetica, sans-serif;color: #464646;text-decoration: none;line-height: 20px;}
#footerNav2 a { font: 12px Arial, Helvetica, sans-serif; color: #464646; text-decoration: none;line-height: 20px;}
#rightFoot {background: url('../images/layout/footerRight.png') no-repeat;width: 38px;height: 156px;position: relative;float: left;}
**/

#footer { width: 986px;	margin: 0 auto 12px auto; z-index: 1; position: relative; text-align: center; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #3E5C78;}
#footer a { font: 12px Arial, Helvetica, sans-serif; color: #3E5C78; text-decoration: none;}



#contentWrapperBox { width: 937px; position: relative; float: left; margin: 0 24px 0 24px;}
#photoGallery {width: 912px; position: relative; float: left; margin: 0 0 25px 25px;}
#photoGallerySide {width: 179px; position: relative; float: left;}
#photoGalleryMid {width: 467px; position: relative; float: left; margin: 0 30px 0 30px;}
#mainContent {width: 889px; position: relative; float: left; margin: 0 24px 12px 24px;}
#left {position:relative; width:405px; z-index:1; margin-top:12px; float:left;}
#leftContent      {position:relative; width:405px; z-index:1; margin-left:72px; margin-top:12px; float:left;}
#leftContentSmall {position:relative; width:350px; z-index:1; margin-left:50px; float:left;}
#leftContentSmaller {position:relative; width:350px; z-index:1; margin-top:20px; margin-left:50px; float:left;}
#rightContent {position:relative; float:right; z-index:1; width:395px; margin-top:12px; padding-left:30px; border-left: 1px #464646 solid;}
#rightContentSmall {position:relative; float:right; z-index:1; width:395px; margin-left:30px;}
#rightContentSmaller {position:relative; float:right; z-index:1; width:350px; margin-right:30px;}
#rightContentBig {position:relative; float:right; z-index:1; width:450px; margin-top:20px;}
#middleContent {position:relative; width:839px; z-index:1; margin-left:50px; float:left;}
#form {position:relative; float:left; z-index:1; width:395px; margin-top:12px; margin-left:30px;}
#formBIG {position:relative; float:left; z-index:1; width:425px; margin-top:12px; margin-left:30px;}
#landingBox { background: url('../images/default/freshWater2.jpg') no-repeat; height: 271px; width: 937px; position: relative; float: left; margin: 0 24px 12px 24px;}
#waterTestBox { margin-top: 130px; margin-left: 200px; width: 530px; float: left;}
#defaultColumn { position: relative; float: left; width: 260px;	left: 64px;	padding-right: 40px; list-style-type: none;	font: 14px Verdana;}
#defaultIcon { padding: 5px 10px 0 0; width: 40px; float: left;	margin: 0}
#defaultContent {width:240px; padding-left:10px; float:left}
#goBox { margin: 14px auto 0 auto;  padding-top:2px; background: url('../images/default/goButton.jpg') no-repeat;	height: 29px; width: 181px;	text-align: center;}
#goBox a{ font: normal normal bold 18px "Trebuchet MS";	color: #FFFFFF;}

#productBox { background: url('../images/products/waterProducts.jpg') no-repeat; height: 362px;	width: 938px; position: relative; float: left; margin: 0 24px 12px 24px;}
#productGo {width:123px; height:36px; margin-left:20px; margin-top:142px; float:left;}
#productFeatures { width: 250px;position: relative;	float: left; margin: 0 24px 0 24px;}
#productFeatureTop { background: url('../images/layout/productTop.png') no-repeat;  height: 17px; width: 250px; position: relative; float: left;}
#productFeatureMid { background: url('../images/layout/productMid.png') repeat-y; width: 250px; position: relative; float: left;}
#productFeatureEnd { background: url('../images/layout/productEnd.png') no-repeat;  height: 17px; width: 250px; position: relative; float: left;}
#productFeatureHighlight { height: 350px; width: 664px; position: relative; float: left;}

#productGallery{position:relative; float:left; width:937px; margin: 36px 0 12px 34px;}
#productGalleryItem{position:relative; float:left; width:179px;}
#productIcon{position:relative; float:left; height:155px; width:179px;}

#productGuide {position: relative; width: 370px; z-index: 1; margin-left: 60px; margin-top:12px; float: left;}
#guideLayout{position: relative; float:left;width:170px;margin-right:15px;}
#guideItem{position: relative; float:left;width:155px;padding-bottom:0px;}
#guideORB{position: relative; float:left;width:28px;height:25px;margin-right:5px;}
#guideDescription{position: relative; float:left;width:120px;height:25px;padding-top:5px;}

#waterBox { background: url('../images/waterGuide/mnWaterQuality.jpg') no-repeat; height: 362px; width: 938px; position: relative; float: left; margin: 0 24px 12px 24px;}
#waterGuide {position: relative; width: 430px; z-index: 1; margin-left: 60px; float: left;}
#waterProblem {position:relative;float:left;width:99px;padding-right:20px;padding-bottom:35px;}

#freeWaterLayout{position: relative; float:left; margin-bottom:20px;}
#freeWaterItem {position:relative;float:left;width:90px;padding-right:20px;}

#customerReview { width: 900px;	margin: 12px 0px 24px 44px; position: relative; float: left;}
#customerReviewPic {width: 30px; height: 31px; margin-left: 8px; margin-right: 16px; position: relative; float: left;}

/**** Font Styles ****/
a {color: #2F5F8E; font: normal normal normal 14px Verdana;	text-decoration: none;}
h1.black { font: normal normal normal 36px Arial; color: #000000; margin: 25px 0px 0px 25px; padding: 0px;}

h2 { font: 24px arial; margin: 0 0 0 25px; padding: 0px;}
h2.landingHeadings { padding: 0; margin: 0;	font: normal normal bold 24px "Trebuchet MS"; color: #464646;}
h2.footerNavTitle {margin: 0px;padding: 0px;font: normal normal bold 14px Arial;text-align: left;color: #464646;}
h2.galleryTitle {margin: 0px;padding: 10px 0 10px 0;font: normal normal bold 14px Arial;text-align: center;color: #464646;}
h2.productFeatures { font: 18pt "Trebuchet MS";	color: #000000;	text-align: center;	margin: 0 0 17px 0;	padding: 0;}
h2.customerReview {	font: normal bold 18px "Arial"; margin-bottom: 6px;	margin-top: 6px;}
h3.Welcome { font: 40px Arial; color: #000000; margin: 4px 0 0 0; padding: 0;}

h3.premierwatermn { font: normal normal bold 20px Arial; color: #3A73BA; margin: 0; padding: 0;}
h3.premierwatermnLight { font: normal normal bold 20px Arial; color: #75ADE3; margin: 0; padding: 0;}
h3.landingSubHeading { font: normal normal bold 14px Verdana; color: #559D20; margin: 0; padding: 0 0 10px 0;}
h3.rating { font: normal normal bold 18px Verdana; color: #559D20; margin: 0; padding: 0;}

p.intro { font: normal normal normal 14px Verdana;	color: #FFFFFF;}
p {	font: 14px Verdana; padding: 0; margin: 0;}
p.left {font: 14px Verdana; padding: 5px 10px 5px 20px ; margin: 0; text-align:left;}
p.quote { font: italic normal normal 14px Arial; padding: 4px 0 0 0; margin: 0;}
p.important {font: normal normal bold 14px Verdana; color: #FF0000; padding: 0; margin: 0;}

.ulrestyled { padding: 0 0 0 10px; margin: 0 0 0 10px; list-style: circle;}
.olrestyled {font: 14px Verdana;}


label {	font-family: Verdana;font-size: 14px;font-weight: bold;float: right;padding-right:5px;}