@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body {
	background:url(images/aqua-bliss-water-bg.jpg) top center #FFF repeat-x fixed;
}

#holder {
	width:946px;
	height:auto;
	margin:auto;
}

#logo {
	width:249px;
	height:92px;
	float:left;
	margin-top:5px;
}

#top-contact {
	width:232px;
	height:69px;
	float:right;
	margin-top:28px;
	background:url(images/contact-holder.png);
}

#menu {
	width:auto;
	height:20px;
	float:right;
	text-align:right;
	margin-top:17px;
	clear:right;
}

#flash {
	width:944px;
	height:297px;
	float:left;
	margin-top:15px;
	clear:both;
}

#info-holder {
	width:942px;
	height:auto;
	float:left;
	margin-top:17px;
	padding-bottom:10px;
	clear:both;
	border: thin solid #cfd7d9;
	background:url(images/holder-bg.png) repeat;
}

#footer {
	width:100%;
	height:133px;
	float:left;
	background:url(images/bottom-bg.png) repeat-x;
}

#bottom-bar {
	width:100%;
	height:10px;
	float:left;
	background-color:#00b4c6;
}


/* Home Page Styles */

#col1 {
	width:609px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-right:25px;
	background:url(images/margin.png) right repeat-y;
}

#col2 {
	width:253px;
	height:auto;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

#house-systems {
	width:944px;
	height:auto;
	float:left;
}

/* Custom Water Systems Page Styles */

#custom-holder {
	width:942px;
	height:auto;
	float:left;
	margin-top:17px;
	clear:both;
	border: thin solid #cfd7d9;
	background:url(images/custom-water-bg.png) center top no-repeat;
}

#custom-water {
	width:944px;
	height:auto;
	float:left;
	background:url(images/water-systems.png) center bottom no-repeat;
}

#water-systems {
	width:904px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
}

/* Contact Styles */

#contact-aqua {
	width:944px;
	height:auto;
	float:left;
	background:url(images/contact-aqua-bliss.jpg) center bottom no-repeat #d4e5f5;
}

#contact-flash {
	width:944px;
	height:258px;
	float:left;
	clear:both;
}

#faq-flash {
	width:944px;
	height:217px;
	float:left;
	clear:both;
}

#marvin-video {
	width:480px;
	height:270px;
	position:absolute;
	margin-top:7px;
	margin-left:450px;
	border: medium solid #74b0c2;
}







/* Rollover Links Styles */

.menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5184a5;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5184a5;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.menu  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5184a5;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #385792;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}


.footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #566976;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #566976;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.footer  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #566976;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.info a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #385792;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.info a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #385792;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.info  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #385792;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.info a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.contact a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.contact a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.contact  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.contact a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.weblink a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5184a5;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.weblink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5184a5;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.weblink  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5184a5;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.weblink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #385792;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}



/* Font Styles */

.arial12-w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.arial12-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #566976;
}

h1, h2, h3, h4, h5, h6 {
	color: #37637f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.arial13-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #365c74;
	line-height: 18px;
	text-decoration: none;
}
.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #608DA8;
	line-height: 18px;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
.arial14-or {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A85102;
	line-height: 18px;
	text-decoration: none;
}


ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;

}

li
{
	background: url(images/bullet.png) no-repeat;
	background-position: 0 .4em;
	padding-left:22px;
	line-height:20px;
}
.arial14-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #566976;
	font-weight: bold;
}