body {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
color: #555;
font-size: 12px;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-color: #c6c6c6;
-webkit-text-size-adjust: none;
}

a {
outline: 0;
color: #4ca0ce;
}

form {
margin: 0;
padding: 0;
}

input, select, textarea {
margin: 2px 0 2px 0;
padding: 4px;
font-family: arial, sans-serif;
font-size: 16px;
color: #555;
outline: 0;
-webkit-border-radius: 0;
}

textarea {
resize: none;
}

#wrapper {
width: 900px;
margin: 0 auto;
border: 1px solid #c6c6c6;
border-top: 0;
border-bottom: 0;
text-align: left;
background-color: #fff;
overflow: auto;
}

#header {
width: 900px;
height: 54px;
background-image: url(../images/header-bg2.jpg);
background-repeat: no-repeat;
float: left;
}

#logo {
width: 270px;
height: 54px;
float: left;
}

#logo a {
width: 270px;
height: 54px;
float: left;
}

#utrs {
margin: 10px 10px 0 0;
padding: 0;
float: right;
}

#utrs p {
margin: 0;
padding: 0;
}

#utrs a {
font-size: 11px;
color: #4ca0ce;
font-weight: bold;
text-decoration: none;
}

#top-banner {
width: 900px;
height: 47px;
background-image: url(../images/top-banner-bg2.jpg);
background-repeat: no-repeat;
float: left;
}

#body-wrapper-home {
width: 900px;
height: 532px;
background-image: url(../images/body-wrapper.jpg);
background-repeat: no-repeat;
background-color: #fff;
float: left;
}

#nav-wrapper-home {
position: absolute;
width: 900px;
height: 25px;
float: left;
z-index: 1;
}

#nav-wrapper {
width: 900px;
height: 25px;
float: left;
}

/*
#nav-bg {
position: absolute;
width: 578px;
height: 25px;
background-image: url(../images/content-bg.png);
background-repeat: repeat-x;
z-index: 2;
}
*/

#nav {
position: absolute;
width: auto;
height: 25px;
z-index: 2;
background-color: #fff;
border: 1px solid #ccc;
border-top: 0;
border-left: 0;
/*
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
*/
float: left;
}

ul.menu {
margin: 0;
padding: 0;
height: 25px;
list-style: none;
}

ul.menu * {
margin: 0;
padding: 0;
}

ul.menu a {
color: #444;
text-decoration: none;
display: block;
}

ul.menu li {
position: relative;
float: left;
}

ul.menu ul { 
position: absolute;
top: 25px;
left: -1px;
display: none;
opacity: 0;
list-style: none;
/*
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
*/
}

ul.menu ul li { 
position: relative;
margin: 0;
width: 164px;
border: 1px solid #ccc;
border-top: none;
}

ul.menu ul li a {
padding: 0 7px 0 7px;
height: 25px;
line-height: 25px;
font-size: 11px;
background-color: #fff;
display: block;
}

ul.menu ul li a:hover { 
color: #fff;
background-color: #4ca0ce;
}

ul.menu ul ul { 
left: 170px;
top: 0;
}

ul.menu .menulink {
padding: 6px 7px 5px 7px;
font-size: 11px;
}

ul.menu .menulink:hover, ul.menu .menuhover { 
color: #fff;
background-color: #4ca0ce;
}

ul.menu .topline {
border-top: 1px solid #ccc;
}

#content-wrapper-home {
position: absolute;
z-index: 0;
}

#solutions {
position: absolute;
z-index: 1;
}

#solutions h2 {
margin: 40px 0 0 30px;
width: 300px;
height: 65px;
background-image: url(../images/solutions.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#content-home-bg {
position: absolute;
margin: 105px 0 0 30px;
width: 360px;


filter: alpha(opacity=85); /*older IE*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE */
-moz-opacity: .85; /*older Mozilla*/
-khtml-opacity: .85;   /*older Safari*/
opacity: .85;   /*supported by current Mozilla, Safari, and Opera*/
z-index: 1;
}

#content-home {
	position: absolute;
	margin: 105px 0 0 30px;
	padding: 20px 20px 8px 20px;
	width: 281px;
	height: 263px;
	z-index: 3;
	font-size: 19px;
	line-height:26px;
	/*border: 1px solid #ccc;*/
	/*
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
*/
overflow: auto;
	left: -5px;
}

#giveaway-ad {
position: absolute;
margin: 277px 0 0 375px;
width: 165px;
height: 195px;
z-index: 4;
}

#giveaway-ad a img {
border: 0;
float: left;
-webkit-transform: scale(.85);
-moz-transform: scale(.85);
-o-transform: scale(.85);
transform: scale(.85);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#giveaway-ad a:hover img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}

#giveaway-ad-large {
margin: 0 35px 0 0;
width: 300px;
height: 355px;
background-image: url(../images/giveaway-ad-large.png);
background-repeat: no-repeat;
float: left;
}

#giveaway-content {
padding: 15px 0 0 0;
width: 463px;
float: left;
}

#rotate {
position: absolute;
margin: 0 0 0 308px;
width: 592px;
height: 450px;
z-index: 0;
}

#body-wrapper {
margin: 0;
padding: 0;
width: 900px;
min-height: 335px; 
background-image: url(../images/body-wrapper.jpg);
background-repeat: no-repeat;
background-color: #fff;
float: left;
}

#content-wrapper {
padding: 15px 30px 12px 30px;
width: 840px;
float: left;
}

#content-wrapper h2 {
margin: 0;
padding: 0;
width: 838px;
height: 65px;
text-indent: -9999px;
}

#we-sell-solutions {
background-image: url(../images/solutions.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#about {
background-image: url(../images/about.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#products {
background-image: url(../images/products.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#how-it-works {
background-image: url(../images/how-it-works.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#point-of-use {
background-image: url(../images/point-of-use.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#reverse-osmosis {
background-image: url(../images/reverse-osmosis.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#air-to-water {
background-image: url(../images/air-to-water.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#water-softeners {
background-image: url(../images/water-softeners.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#benefits {
background-image: url(../images/benefits.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#how-to-buy {
background-image: url(../images/how-to-buy.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#dealers {
background-image: url(../images/dealers.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#contact {
background-image: url(../images/contact.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#calculator {
background-image: url(../images/calculator.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#news {
background-image: url(../images/news.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#giveaway {
background-image: url(../images/giveaway.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

#content {
margin: 0;
padding: 20px 20px 8px 20px;
width: 798px;
font-size: 16px;
border: 1px solid #ccc;
background-image: url(../images/content-bg.jpg);
background-repeat: no-repeat;
background-color: #fff;
/*
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
*/
float: left;
}

#content h3 {
margin: 0 0 15px 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 22px;
color: #4ca0ce;
font-weight: normal;
}

#content-home p, #content p {
margin: 0 0 15px 0;
padding: 0;
}

#content-products {
margin: 0;
padding: 0;
width: 838px;
font-size: 16px;
border: 1px solid #ccc;
background-image: url(../images/content-bg.jpg);
background-repeat: no-repeat;
background-color: #fff;
/*
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
*/
float: left;
}

#wave-home {
position: absolute;
margin: 283px 0 0 0;
width: 900px;
height: 197px;
background-image: url(../images/wave.png);
background-repeat: no-repeat;
z-index: 0;
}

#wave-wrapper-home {
position: absolute;
margin: 335px 0 0 0;
width: 900px;
height: 197px;
z-index: 0;
}

#wave-wrapper {
width: 900px;
height: 197px;
float: left;
}

#wave {
position: absolute;
width: 900px;
height: 197px;
background-image: url(../images/wave.png);
background-repeat: no-repeat;
}

#memberships {
position: absolute;
margin: 127px 0 0 30px;
}

/*
#memberships-home {
position: absolute;
margin: 395px 30px 0 30px;
width: 840px;
}

#memberships {
padding: 5px 30px 7px 30px;
width: 840px;
height: 63px;
float: left;
}
*/

#memberships ul, #memberships-home ul {
margin: 0;
padding: 0;
height: 55px;
list-style: none;
}

#memberships ul li, #memberships-home ul li {
margin: 0 12px 0 0;
height: 55px;
float: left;
}

#memberships ul li a, #memberships-home ul li a {
text-indent: -9999px;
float: left;
}



#boca {
width: 52px;
height: 55px;
background-image: url(../images/boca.jpg);
background-repeat: no-repeat;
}

#boca a {
width: 52px;
height: 55px;
float: left;
}

#coral {
width: 133px;
height: 55px;
background-image: url(../images/coral.jpg);
background-repeat: no-repeat;
background-position: 0 bottom;
}

#coral a {
width: 133px;
height: 50px;
float: left;
}

#lakeworth {
width: 55px;
height: 55px;
background-image: url(../images/lakeworth.jpg);
background-repeat: no-repeat;
background-position: 0 bottom;
}

#lakeworth a {
width: 55px;
height: 55px;
float: left;
}

#homeshow-wrapper {
position: relative;
margin: 66px 0 0 0;
padding: 0 10px 0 0;
float: right;
}

#homeshow {
width: 70px;
height: 116px;
/*
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
*/
}

#homeshow img {
border: 0;
}

#footer {
width: 900px;
background-color: #555;
border-top: 0px solid #c6c6c6;
float: left;
}

#copyright {
width: 400px;
padding: 0 0 0 10px;
height: 30px;
line-height: 30px;
font-size: 11px;
color: #ddd;
float: left;
}

#copyright hr {
display: none;
}

#terms {
width: 400px;
padding: 0 10px 0 0;
font-size: 11px;
float: right;
}

#terms a {
color: #ddd;
text-decoration: none;
}

#terms a:hover {
color: #fff;
text-decoration: underline;
}

#terms ul {
margin: 6px 0 0 0;
padding: 0;
list-style: none;
float: right;
}

#terms ul li {
padding: 0 0 0 6px;
height: 18px;
line-height: 18px;
float: left;
}

.facebook-icon {
padding: 2px 0 4px 23px;
background-image: url(../images/facebook18x18.jpg);
background-repeat: no-repeat;
}

.twitter-icon {
padding: 2px 0 4px 23px;
background-image: url(../images/twitter18x18.jpg);
background-repeat: no-repeat;
}

.linkedin {
margin: 0 6px 0 0;
}

.terms {
border-left: 1px solid #888;
}

.prod-wrapper {
margin: 0 0 12px 0;
width: 798px;
float: left;
}

.prod-img {
padding: 10px 0 10px 0;
width: 300px;
float: left;
}

.prod-desc {
padding: 15px 0 0 35px;
width: 463px;
float: left;
}

.pdf {
margin-right: 10px;
vertical-align: middle;
}

#jwplayer {
margin: 0 0 20px 20px;
width: 400px;
height: 339px;
float: right;
}

#certs {
margin: 10px 0 14px 0;
height: 40px;
float: left;
}

#facebook {
padding: 2px 5px 6px 30px;
background-image: url(../images/facebook24x24.jpg);
background-repeat: no-repeat;
}

#twitter {
padding: 2px 5px 6px 30px;
background-image: url(../images/twitter24x24.jpg);
background-repeat: no-repeat;
}

#linkedin {
padding: 2px 5px 6px 30px;
background-image: url(../images/linkedin24x24.jpg);
background-repeat: no-repeat;
}

#contact-form-wrapper {
margin: 0 0 14px 0;
padding: 20px;
width: 440px;
border: 1px solid #ccc;
background-color: #f5f5f5;
/*
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
*/
float: right;
}

.contact-table {
margin: 0 0 14px 0;
width: 100%;
font-size: 16px;
}

.contact-table td {
padding: 0 0 3px 0;
}

#required-box {
margin: 0 0 14px 0;
padding: 10px;
width: 420px;
color: #d8000c;
border: 1px solid #d8000c;
background-color: #fef1ec;
}

.required {
color: #d8000c;
font-style: bold;
}

.input {
border: 1px solid #ccc;
}

.required-input {
border: 1px solid #ccc;
background-color: #fef1ec;
}

.btn {
margin-right: 4px;
padding: 6px 14px 6px 14px;
color: #fff;
font-weight: bold;
text-shadow: #4ca0ce 0px -1px 0px;
cursor: pointer;
background: -moz-linear-gradient(top, #5fc8ff, #4ca0ce);
background: -o-linear-gradient(top, #5fc8ff, #4ca0ce);
background: -webkit-gradient(linear, left top, left bottom, from(#5fc8ff), to(#4ca0ce));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5fc8ff', EndColorStr='#4ca0ce', GradientType=0);
background-color: #5fc8ff;
border: 1px solid #4ca0ce;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 2px #aaa;
-webkit-box-shadow: 1px 1px 2px #aaa;
box-shadow: 1px 1px 2px #aaa;
}

.btn:hover {
background: #5fc8ff;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5fc8ff', EndColorStr='#5fc8ff', GradientType=0);
}

/* Removes Button Focus */
.btn::-moz-focus-inner {
border: 0;
padding: 0;
}

#new-wrapper ul {
margin: 0 0 0 15px;
padding: 0;
}

#new-wrapper ul li {
margin: 0 0 14px 0;
padding: 0 0 0 5px;
}

#home-images-wrapper {
margin: 25px 0 10px 0;
width: 838px;
height: 202px;
float: left;
}

.home-image {
margin: 0 10px 0 0;
width: 202px;
height: 202px;
float: left;
}

#home-image1 {
background-image: url(../images/home-image1.png);
background-repeat: no-repeat;
}

#home-image2 {
background-image: url(../images/home-image3.png);
background-repeat: no-repeat;
}

#home-image3 {
background-image: url(../images/home-image4.png);
background-repeat: no-repeat;
}

#home-image4 {
margin-right: 0;
background-image: url(../images/home-image2.png);
background-repeat: no-repeat;
}