@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

* html #footer{
	margin:-50px auto 0 auto;
}
* html #container{
	height:100%;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	*margin-left: 1px;
}

body {
	background-color: #896a43;
	background-image: url(../images/template/content_area_bg.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

.clearer {
	clear: both;
}

#container {
	position: relative;
	min-height: 100%;
}

#head {
	height: 102px;
	width: 953px;
	margin: 0 auto 0 auto;
	padding: 0 15px 0 0;
	background-image: url(../images/template/header_bg.gif);
	background-repeat: no-repeat;
}

#head-logo-area {
	float: left;
}

#head-logo {
	margin: 29px 0 17px 42px;
}

#head-30yrlogo {
	margin: 0 24px 0 40px;
	padding: 0;
}

#top-nav {
	width: 500px;
	float: right;
	margin: 19px 0 8px 0;
	padding: 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #dad5d0;
}

#top-nav a:link, #top-nav a:visited {
	font-size: 11px;
	color: #527c81;
	text-decoration: none;
	margin: 0 10px 0 10px;
}
#top-nav a:hover {
	font-size: 11px;
	color: #527c81;
	text-decoration: underline;
	margin: 0 10px 0 10px;
	
}
#top-nav a:active {
	font-size: 11px;
	color: #527c81;
	text-decoration: none;
	margin: 0 10px 0 10px;
}

#main-nav {
	width: 692px;
	float: right;
	padding: 0;
}

#main-nav a, #main-nav a#first, #main-nav a#last {
	display: block;
	float: left;
	height: 29px;
	padding-top: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8d7a6c;
	text-decoration: none;
}

#main-nav a:link, #main-nav a:visited {
	width: 134px;
	background-image: url(../images/template/main_nav_bg.gif);
	background-repeat: repeat-x;
	color: #8d7a6c;
	font-weight: bold;
	text-decoration: none;
}
#main-nav a:hover {
	background-position: 0 -44px;
	color: #72afb6;
	text-decoration: none;
}
#main-nav a:active {
	width: 134px;
	background-image: url(../images/template/main_nav_bg.gif);
	background-repeat: repeat-x;
	color: #8d7a6c;
	font-weight: bold;
	text-decoration: none;
}

#main-nav a#first:link, #main-nav a#first:visited {
	width: 141px;
	background-image: url(../images/template/main_nav_bg_first.gif);
	background-repeat: no-repeat;
	font-weight: normal;
}
#main-nav a#first:hover { 
	background-position: 0 -44px; 
	color: #72afb6; 
}
#main-nav a#first:active {
	width: 141px;
	background-image: url(../images/template/main_nav_bg_first.gif);
	background-repeat: no-repeat;
	font-weight: normal;
}

#main-nav a#last:link, #main-nav a#last:visited {
	width: 141px;
	background-image: url(../images/template/main_nav_bg_last.gif);
	background-repeat: no-repeat;
	font-weight: normal;
}
#main-nav a#last:hover { 
	background-position: 0 -44px; 
	color: #72afb6; 
}
#main-nav a#last:active {
	width: 141px;
	background-image: url(../images/template/main_nav_bg_last.gif);
	background-repeat: no-repeat;
	font-weight: normal;
}

#main-wrap {
	background-image: url(../images/template/main_bg.gif);
	background-repeat: repeat-x;
}

#main-content {
	width: 968px;
	margin: 0 auto 0 auto;
	padding: 27px 0 50px 0;
	background-image: url(../images/template/main_content_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#feature-flash {
	width: 968px;
	height: 301px;
}

.feature-col {
	float: left;
	width: 297px; /*321*/
	height: 100px;	/*124*/
	padding: 12px;
}

.feature-col#soak {
	color: #527d81;
	background-image: url(../images/template/home/feature_col_bg_soak.jpg);
	background-repeat: no-repeat;
}

.feature-col#relax {
	margin: 0 2px 0 2px;
	color: #8c7a6c;
	background-image: url(../images/template/home/feature_col_bg_relax.jpg);
	background-repeat: no-repeat;
}

.feature-col#swim {
	color: #4b879f;
	background-image: url(../images/template/home/feature_col_bg_swim.jpg);
	background-repeat: no-repeat;
}

.feature-col p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: normal;
}

.feature-col#soak p, .feature-col#soak ul li {
	color: #527d81;
}

.feature-col#relax p, .feature-col#relax ul li {
	color: #8c7a6c;
}

.feature-col#swim p, .feature-col#swim ul li {
	color: #4b879f;
}

.feature-col ul {
	list-style: disc;
	margin: 15px 0 0 0;
	padding: 0 0 0 25px;
}

.feature-col ul li {
	list-style: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #527d81;
	margin: 0 0 3px 0;
	*margin: 0 0 -3px 0;
	padding: 0;
}

.feature-col ul li a:link, .content-bucket-content a:link { color: #72afb6; }
.feature-col ul li a:visited, .content-bucket-content a:visited { color: #72afb6; }
.feature-col ul li a:hover, .content-bucket-content a:hover { color: #527d81; }
.feature-col ul li a:active, .content-bucket-content a:active { color: #72afb6; }

#content-area-wrap {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	/*background-image: url(../images/template/content_area_bg.gif);
	background-repeat: repeat-y;*/
}

.block {
	display: block;
}

.iefix-content-top {
	*margin-top: -15px;
}

.iefix-content-side {
	*margin-top: -11px;
}

#content-area {
	margin: 20px 0 0 20px;
}

.content-bucket-styled {
	float: left;
	width: 288px;
	/*height: 135px;*/
	background-image: url(../images/template/feature_bucket_bg.gif);
	background-repeat: repeat-y;
}

.content-bucket-plain {
	float: left;
	width: 288px;
	padding-top: 4px;
}

.content-bucket-top-brown, .content-bucket-top-gray {
	height: 24px;
	padding: 12px 0 0 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.content-bucket-top-brown img, .content-bucket-top-gray img {
	margin: 0 5px 2px 0;
}

.content-bucket-top-brown a, .content-bucket-top-gray a {
	color: #FFF;
	text-decoration: none;
}

.content-bucket-top-brown {
	background-image: url(../images/template/feature_bucket_top_brown.gif);
	background-repeat: no-repeat;
}

.content-bucket-top-gray {
	background-image: url(../images/template/feature_bucket_top_gray.gif);
	background-repeat: no-repeat;
}

.content-bucket-content {
	height: 75px;
	margin: 10px 12px 6px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #666;
}

.content-bucket-content img {
	margin: 0 0 0 5px;
}

.content-vert-divider {
	float: left;
	width: 1px;
	height: 127px;
	margin: 4px 15px 4px 15px;
	background-color: #EEEEEE;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
}

#footer-content {
	height: 27px;
	*height: 32px;
	width: 918px;
	margin: 0 auto;
	background-color: #705029;
	border-top: medium double #FFF;
	*border-top: 3px double #705029;	/* ie fix */
	padding: 20px 20px 0 20px;
}

a#terms {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#copyright {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d1c5bd;
}

#breadcrumb {
	padding-bottom: 10px;
	border-bottom: 1px solid #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

#breadcrumb a {
	color: #72afb6;
}

#breadcrumb.norule {
	border: 0;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	margin: 10px 0 0 0;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #527d81;
	margin: 10px 0 0 0;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #666;
	margin: 10px 0 0 0;
}

.brown-info-bucket, .white-info-bucket, .maintenance-bucket {
	margin: 10px 0 10px 0;
	padding: 0;
}

.white-info-bucket img {
	border: 0;
}

.brown-info-bucket-top {
	height: 29px;
	padding: 12px 0 0 12px;
	background-image: url(../images/template/brown_info_bucket_top.gif);
	background-repeat:  no-repeat;
}

.white-info-bucket-top {
	height: 25px;
	padding: 8px 0 0 10px;
}

.white-info-bucket-top h3 a, .white-info-bucket-top#green h3 a {
	color: #FFF;
	text-decoration: none;
}

.white-info-bucket-top#green {
	background-image: url(../images/template/white_info_bucket_top_green.gif);
	background-repeat: no-repeat;
}

.white-info-bucket-top#gray {
	background-image: url(../images/template/white_info_bucket_top_gray.gif);
	background-repeat: no-repeat;
}

.white-info-bucket-top#blue {
	background-image: url(../images/template/white_info_bucket_top_blue.gif);
	background-repeat: no-repeat;
}

.maintenance-bucket-top {
	height: 24px;
	padding: 8px 0 0 12px;
	background-image: url(../images/template/maintenance_bucket_top.gif);
	background-repeat:  no-repeat;
}

.brown-info-bucket-top h3, .brown-info-bucket-top h3 a, .white-info-bucket-top h3, .maintenance-bucket-top h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:  normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.maintenance-bucket-top h3, .maintenance-bucket-top h3 a {
	color: #72afb6;
	text-decoration: none;
}

.white-info-bucket-top img, .maintenance-bucket-top img {
	margin: 0 5px 2px 0;
}

.brown-info-bucket-content, .white-info-bucket-content, .maintenance-bucket-content {
	margin: 0;
}

.brown-info-bucket-content {
	background-color: #705029;
	padding: 5px 15px 1px 15px;
}

.white-info-bucket-content {
	background-color: #FFFFFF;
	padding: 5px 10px 1px 10px;
}

.maintenance-bucket-content {
	background-color: #72afb6;
	padding: 5px 10px 1px 10px;
}
.white-info-bucket-content a {
	color: #72afb6;
}

.white-info-bucket-content a img {
	margin-bottom: 10px;
	border: 0;
}

.white-info-bucket-content img.right-img, .maintenance-bucket-content img.right-img {
	float: right;
	margin: 2px 0 0 10px;
}

.white-info-bucket-content img.left-img, .maintenance-bucket-content img.left-img {
	float: left;
	margin: 2px 10px 0 0;
}

.brown-info-bucket-content p, .white-info-bucket-content p, .maintenance-bucket-content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 10px 0;
	padding: 0;
}

.brown-info-bucket-content p, .maintenance-bucket-content p {
	color: #FFFFFF;
}

.brown-info-bucket-content table {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #FFFFFF;
}

.brown-info-bucket-content table th {
	text-align: left;
}
.brown-info-bucket-bot {
	height: 59px;
	margin: 0;
	padding: 10px 0 0 0;
	*padding-top: 5px;
}

.brown-info-bucket-bot#phone {
	background-image: url(../images/template/brown_info_bucket_bot_phone.gif);
	background-repeat:  no-repeat;
}

.brown-info-bucket-bot#info {
	background-image: url(../images/template/brown_info_bucket_bot_info.gif);
	background-repeat:  no-repeat;
}
.brown-info-bucket-bot#plain {
	height: auto;
	background-color: #705029;
}
.brown-info-bucket-bot#plain img {
	margin: 0;
}
.brown-info-bucket-bot#plain p a {
	color: #FFFFFF;
}

.brown-info-bucket-bot h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 26px 15px 0 15px;
}

.brown-info-bucket-bot p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 15px 10px 15px;
}

.brown-info-bucket-bot img {
	margin: 20px 0 0 15px;
}

.bucket-spacer {
	float: left;
	width: 4px;
	height: 10px;
}

.right-col-img-link {
	display: block;
	margin: 10px 0 10px 0;
}

.right-col-img-link img {
	border: none;
}

.shadow-box {
	background-image: url(../images/template/shadow_box_bg.gif);
	background-repeat: repeat-y;
	margin: 20px 0 0 0;
	padding: 0;
}

.shadow-box h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	margin: 10px 20px 15px 20px;
}

.shadow-box p {
	margin: 0 20px 15px 20px;
}

.shadow-box ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #999999;
	margin-left: 50px;
	margin-bottom: 15px;
}

#prod-specialist {
	height: 55px;
	background-image: url(../images/template/hot_tubs/hottubs_prod-specialist_bg.jpg);
	background-repeat: no-repeat;
	padding: 15px 0 0 20px;
	margin-top: 20px;
}

#prod-specialist p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

#prod-specialist p#talk {
	color: #72afb6;
	font-weight: bold;
	margin-bottom: 0;
}

#prod-specialist p#call-us {
	color: #99897d;
}

.photo-bucket-right {
	float: right;
	margin: 15px 0 5px 15px;
}

.photo-bucket-right img {
	display: block;
}

#gallery-bucket.soak {
	background-image: url(../images/template/shadow_box_bg_green.gif);
	background-repeat: repeat-y;
}

#gallery-bucket.swim {
	background-image: url(../images/template/shadow_box_bg_blue.gif);
	background-repeat: repeat-y;
}

#gallery-bucket.soak p {
	color: #527d81;
	margin: 15px 25px;
}

#gallery-bucket.swim p {
	color: #4b879f;
	margin: 15px 25px;
}


#gallery-bucket.soak p {
	color: #527d81;
	margin: 15px 25px;
}


#gallery-bucket.soak p {
	color: #527d81;
	margin: 15px 25px;
}

#gallery-bucket-head {
	background-image: url(../images/template/shadow_box_bg.gif);
	background-repeat: repeat-y;
	padding: 10px 0 15px 20px;
}

#gallery-bucket-head h1 {
	margin: 0;
	padding: 0;
}

#gallery-bucket-flash {
	margin: 10px 14px;
}

.pools-pull-quote {
	margin: 20px 0 20px 0;
}

.pools-pull-quote-content {
	background-color: #edf5f9;
	border-left: 1px solid #c8dce6;
	border-right: 1px solid #c8dce6;
	padding: 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	line-height: 21px;
	color: #4b879f;
}

.pools-pull-quote-content span {
	font-style: normal;
	font-weight: bold;
	white-space: nowrap;
}