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

body, html {
	padding: 0;
	margin: 0;
	background: #FFF url(images/body-bkg.jpg) top repeat-x;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.3;
	color: #222;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a { text-decoration: none; color: #215CA5; }
a img { border: none; }

p,h1,h2,h3,h4 {
	margin: 0px;
	padding: 5px 0;
}
h1,h2,h3,h4 {
	color: #215CA5;
	line-height: 1.2;
}
h1 { font-size: 200%; letter-spacing: -1px;}
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; color: #333; padding-bottom: 0;}

ul,ol {
	margin: 0px;
	padding: 3px; 
	margin-left: 10px;
}

sup {margin: 0; }

textarea {
	width: 90%;
	height: 75px;
	padding: 3px;
	border: 1px solid #B1E0F0;
	background: #FFF;
}
textarea.textarealg {
	height: 300px;
	border: 1px solid #999;
	background: #FFF;
}
form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 1px solid #FFF;
	font-size: 13px;
}
fieldset legend {
	color: #555;
	padding: 0 5px;
}
input.txtinput {
	width: 90%;
	padding: 1px 1px;
	border: 1px solid #68C9EF;
	border-bottom: 1px solid #B1E0F0;
	background: #FFF;
}




#mainContainer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	padding-bottom: 10px;
	border: 1px solid #ddd;
}

#headerHome {
	height: 90px;
	background: url(images/header-home.jpg) bottom center no-repeat;
}
#header {
	height: 165px;
	background: url(images/header.jpg)  bottom center no-repeat;
	position: relative;
}

#header #headerText {
	position: absolute;
	top: 105px;
	left: 160px;
	width: 285px;
	overflow: hidden;
}
#headerText .headerTitle {
	display: block;
	font: normal 20px/22px  'Lucida Grande','Lucida Sans';
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #FFF;
}
#headerText p {
	color: #FFF;
	font: normal 12px/14px  'Lucida Grande','Lucida Sans';
	padding-right: 25px;
}
#header .logo {
	width: 400px;
	height: 90px;
	float: left;
}



#headerAd {
	position: absolute;
	top: 35px;
	left: 670px;
	height: 115px;
	width: 185px;
	
}
#headerVideo{
	position: absolute;
	top: 5px;
	left: 687px;
	height: 240px;
	width: 180px;
	z-index: 1000;
}


/* ----- MAIN MENU ----------- */
#mainMenu {
	height: 25px;
	margin: 0 auto;
	background: #1956a2  url(images/navbar-mid.png) bottom repeat-x;
	background: #0081BB url(images/menu-bkg.png) bottom repeat-x;
}
ul.mainMenu {
	height: 25px;
	width: 840px;
	list-style-type: none;
	display: inline;
	padding: 0; 
	margin: 0;
}
ul.mainMenu li {
	height: 25px;
	line-height: 35px;
	display: block;
	float: left;
	letter-spacing: 1px;
	text-align: center;
	font: normal 11px/25px  'Lucida Grande','Lucida Sans',Verdana;
	color: #FFF;
	width: auto;
}
ul.mainMenu li a {
	display: block;
	height: 25px;
	color: #FFF;
	border-right: 1px solid #1694cd;
}
ul.mainMenu li.first {
}
ul.mainMenu li.last {
	border: none;
}

ul.mainMenu li a:hover { color: #FFF; }
ul.mainMenu li.last a { border: none; color: #FFF; }
ul.mainMenu li:hover { background: #2298cd url(images/menu-hover.png) bottom repeat-x; }
ul.mainMenu li.last { width: 15%; }







.topnav{
	float: right;
	margin: 7px 200px 0 0;
	line-height: 15px;
	letter-spacing: .3em;
	font-size: 11px;
}
.topnav a {
	color: #555;
}

#branding{
	height: 40px;
	background: url(images/branding.gif) top center no-repeat;
}
#brandingHome {
	height: 211px;
	background: url(images/branding-home.jpg) top center no-repeat;
}
#brandingHome .brandingText {
	width: 220px;
	height: 150px;
	margin-left: 235px;
	padding-top: 55px;
	overflow: hidden;
}
.brandingText .brandingTitle {
	display: block;
	font: normal 20px/22px  'Lucida Grande','Lucida Sans';
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #FFF;
}
.brandingText p {
	color: #FFF;
	font: normal 12px/14px  'Lucida Grande','Lucida Sans';
	padding-right: 25px;
}


#quickQuote {
	background: url(images/quickQuote3-bkg.gif) top center no-repeat;
	width: 180px;
	padding-top: 50px;
}
#quickQuoteBott {
	background: url(images/quickQuote3-bkg.gif) bottom center no-repeat;
	width: 180px;
	height: 10px;
	margin-bottom: 10px;
}



table.quoteForm {
	font-size: 12px;
}
table.quoteForm th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #61b50b;
}
table.quoteForm td {
	padding-bottom: 10px;
}
table.quoteForm td input.text {
	border: 1px solid #B1E0F0;
	height: 18px;
	width: 99%;
	padding: 1px;
}



#mainContent {
	width: 840px;
	margin: 0 auto;
	padding-top: 15px;
}
#mainContent.home .leftTextLarge {
	xbackground: url(images/Home-page-units.jpg) top right no-repeat;
}


#mainContent .leftText {
	float: left;
	width: 290px;
	margin-right: 20px;
}
#mainContent .leftTextLarge {
	float: left;
	width: 640px;
	margin-right: 20px;
}
#mainContent .rightText {
	float: right;
	width: 180px;
	margin-top:90px;
}
.title {
	text-transform: capitalize;
	padding: 0;
	margin: 0;
	line-height: 20px;
	font-weight: bold;
	color: #215CA5;
}
.subtitle {
	padding: 0;
	display: block;
	text-transform: capitalize;
	font-size: 16px;
	color: #777;
	font-weight: normal;
}

/* -- WHOLE HOUSE -------------- */
#whLeft { float: left; width: 59%; }
#whRight {
	float: right;
	width: 39%;
	background: #b5cee2;
	margin-top: 10px;
}

#whRight .whBox { width: 145px; float: left;  }
#whRight .leftbox { margin-right: 12px; }
#whRight .whBox .whImg { width: 145px; height: 145px; overflow: hidden; }
#whRight .whBox .text { line-height: 1.2; padding: 4px;}

/* -- CAROUSEL -------------- */
#feature_one, 
#feature_two, 
#feature_three,
#feature_four,
#feature_five,
#feature_six,
#feature_seven,
#feature_eight,
#feature_nine,
#feature_ten {display:none;}

div.feature_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
div.feature_nav ul li { 
	float: left; 
	display: block;
	width: 10%;
	text-align: center;
	font-size: 13px;
	color: #B9C8ED;
	margin-right: 5%;
	margin-bottom: 3%;
	border: 1px solid #DAE9F5;
}
div.feature_nav ul li a { color: #DAE9F5; }
div.feature_nav ul li a.on { color: #4EB815; }
div.feature_nav ul li .on { border: 1px solid #4EB815; }

#factsContainer { padding: 0 0 0 10px; height:150px; background: url(images/water-facts-bkg.jpg) center -40px no-repeat; }

ul.faq { width: 50%; }
ul.faq li { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 3px; padding: 0 0 2px 5px;}

#footer {
	margin-top: 10px;
	color: #222;
	border-top: 1px dashed #ddd;
}
.footerText {
	padding: 15px 30px;
}
#footer a {text-decoration: underline; }

.disclaimer {
	font-size: 11px;
	line-height: 1.2;
}


ul.spaced {
	list-style-type: none;
}
ul.spaced li {
	padding-bottom: 15px;
	padding-top: 5px;
}

table.reportTable {
	border: 1px solid #eee;
	font-size: 13px;
	line-height: 1.1;
	width: 100%;
}

table.reportTable td,
table.reportTable th {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border: 1px solid #eee;
	height: 35px;
}

/* ---- LOCATE DEALER ---------- */
div#dealersFound {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
table.dealersFoundTable td {
	padding-bottom: 10px;
}
table.dealersFoundTable td a { text-decoration: underline; }


/* ---- LT BLUE ROUDED BOX ---------- */

.bluebox {
}
.bluebox .boxTop {
	height: 10px;
	background: #ecf7fa;
}
.bluebox .boxTop .left {
	width: 10px;
	height: 10px;
	float: left;
	background: url(images/rounded-ltblue.gif) top left no-repeat;
}
.bluebox .boxTop .right {
	width: 10px;
	height: 10px;
	float: right;
	background: url(images/rounded-ltblue.gif) top right no-repeat;
}
.bluebox .boxBott {
	height: 10px;
	background: #ecf7fa;
}
.bluebox .boxBott .left {
	width: 10px;
	height: 10px;
	float: left;
	background: url(images/rounded-ltblue.gif) bottom left no-repeat;
}
.bluebox .boxBott .right {
	width: 10px;
	height: 10px;
	float: right;
	background: url(images/rounded-ltblue.gif) bottom right no-repeat;
}
.bluebox .boxMid {
	padding: 0 15px;
	background: #ecf7fa;
}


.caption { line-height: 1.2; font-size: 11px; font-weight: normal; color: #222; }

div.success {
border: 1px solid #009900;
color: #006600;
padding: 5px;
font-weight: bold;
background:#CCEBCA;
}

/* ---- CLASSES ------------ */

.error {
	color: #cc0000;
}
.clear {
	clear: both;
}
.spacing {
	height: 10px;
	width: auto;
}
.dottedline {
	height: 1px;
	border-top: 1px dashed #ddd;
	padding-bottom: 15px;
}
.dkred { color: #990000; }
.gray { color: #999; }
.blue { color: #215CA5; }
.ltgreen { color: #61b50b; }
table tr.on { background: #f5f5f5; }
.black { color:#000000; }
.dkgray { color:#333333; }
.red { color:#CC0000; }

.boldType { xfont-weight: bold; }
.boldHeading { font: bold 20px/30px  }

.small { font-size: 10px;}
.medsm { font-size: 12px; }
.med {font-size: 14px; }
.medlg { font-size: 16px; }
.large { font-size: 18px; }
.exlarge { font-size: 22px; }