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

html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
	overflow-y: scroll;
}
/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
body 
{
    margin: 0;
	padding: 0;
    background: #c1e6fb url(/images/bg.png);
    color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
img{
	border: 0;
}
a{
	text-decoration: none;
}
div{
	border: none;	
}
ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#wraper{
	margin: 0 auto;
	width: 1003px;
	height: 768px;
	position: relative;
}
#l{
	float: left;
	width: 379px;
	height: 768px;
	position: relative;
	background: url(/images/l-bg.jpg) no-repeat;	
}
#l a#logo{
	position: absolute;
	display: block;
	width: 309px;
	height: 177px;
	top: 37px;
	left: 28px;	
}
#txtpanel{
	width: 332px;
	height: 306px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #b7e1fb;
	line-height: 19px;
	text-align: justify;
	max-height: 290px;
	overflow: auto;
	padding-right: 5px;
}
#txtpanel h1{
	margin-top: 0;
	padding: 0;
	color: #e3f4fd;
	font-size: 18px;
	font-weight: normal;	
}
#txtpanel a{
	color: #b7e1fb;
	text-decoration: underline;
}
#r, .r{
	float: right;
	text-align: left;	
	width: 624px;
	height: 768px;
	position: relative;
	background: url(/images/r-bg.jpg) no-repeat;
}
#aboutus-r-panel,#pagenotfound-r-panel{
	background: url(/images/about-bg.jpg) no-repeat;
}
#inground-r-panel{
	background: url(/images/inground-bg.jpg) no-repeat;
}
#onground-r-panel{
	background: url(/images/onground-bg.jpg) no-repeat;
}
#aboveground-r-panel{
	background: url(/images/aboveground-bg.jpg) no-repeat;
}
#hottubs-r-panel{
	background: url(/images/hottubs-bg.jpg) no-repeat;
}
#faqs-r-panel{
	background: url(/images/faqs-bg.jpg) no-repeat;
}
#services-r-panel{
	background: url(/images/services-bg.jpg) no-repeat;
}
#retail-r-panel{
	background: url(/images/retail-bg.jpg) no-repeat;
}
#links-r-panel{
	background: url(/images/links-bg.jpg) no-repeat;
}
#contactus-r-panel{
	background: url(/images/contactus-bg.jpg) no-repeat;
}
#tes{
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: justify;
	right: 27px;
	top: 97px;
	color: #1980c2;
	font-size: 11px;
	font-weight: normal;
	width: 151px;
	height: 139px;
}
#tes p{
	text-align: right;	
}
#tes #btntes{
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: -29px;
	right: 3px;
}
#homemenu{
	position: relative;
	left: 63px;
	width: 319px;
	height: 438px;
	z-index: 99;
}
#homemenu .homemenubg{
	width: 125px;
	height: 108px;
	position: absolute;
}
#homemenu #homemenu1-bg{
	top: -3px;
	left: 97px;	
}
#homemenu #homemenu2-bg{
	top: 52px;
	left: 194px;	
}
#homemenu #homemenu3-bg{
	top: 107px;
	left: 98px;	
}
#homemenu #homemenu4-bg{
	top: 162px;
	left: 0px;	
}
#homemenu #homemenu5-bg{
	top: 162px;
	left: 194px;	
}
#homemenu #homemenu6-bg{
	top: 217px;
	left: 97px;	
}
#homemenu #homemenu7-bg{
	top: 272px;
	left: 0px;	
}
#homemenu #homemenu8-bg{
	top: 328px;
	left: 96px;	
}
#homemenu a{
	color: #1d4d75;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: block;
	position: absolute;
}
#homemenu a:link,
#homemenu a:visited{
	color: #042f58;
}
#homemenu a:hover{
	color: #042f58;
}
#homemenu a#homemenu1{
	top: 48px;
	left: 41px;	
}
#homemenu a#homemenu2{
	top: 43px;
	left: 23px;	
}
#homemenu a#homemenu3{
	top: 49px;
	left: 22px;	
}
#homemenu a#homemenu4{
	top: 49px;
	left: 37px;	
}
#homemenu a#homemenu5{
	top: 42px;
	left: 31px;	
}
#homemenu a#homemenu6{
	top: 47px;
	left: 37px;	
}
#homemenu a#homemenu7{
	top: 48px;
	left: 22px;	
}
#homemenu a#homemenu8{
	top: 50px;
	left: 37px;	
}
#topmenu{
	position: relative;
	width: 624px;
	height: 184px;
	background: transparent url(../images/topmenu-bg.png) no-repeat;
	z-index: 103;
}
#topmenu a{
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: block;
	position: absolute;	
}
#topmenu a:hover{
	color: #403401;	
}
#topmenu .topmenubg{
	width: 95px;
	height: 83px;
	position: absolute;	
}
#topmenu .act{
	background: url(/images/topmenu_hover.png) no-repeat;
}
#topmenu .act a{
	color: #403401;	
}
#topmenu .topmenubg a#topmenu1{
	top: 26px;
	left: 24px;	
}
#topmenu #topmenu1-bg{
	top: 54px;
	left: 1px;	
}
#topmenu .topmenubg a#topmenu2{
	top: 32px;
	left: 23px;	
}
#topmenu #topmenu2-bg{
	top: 10px;
	left: 78px;	
}
#topmenu .topmenubg a#topmenu3{
	top: 32px;
	left: 12px;	
}
#topmenu #topmenu3-bg{
	top: 54px;
	left: 154px;	
}
#topmenu .topmenubg a#topmenu4{
	top: 32px;
	left: 27px;	
}
#topmenu #topmenu4-bg{
	top: 10px;
	left: 230px;	
}
#topmenu .topmenubg a#topmenu5{
	top: 32px;
	left: 11px;	
}
#topmenu #topmenu5-bg{
	top: 54px;
	left: 306px;	
}
#topmenu .topmenubg a#topmenu6{
	top: 32px;
	left: 27px;	
}
#topmenu #topmenu6-bg{
	top: 10px;
	left: 382px;	
}
#topmenu .topmenubg a#topmenu7{
	top: 32px;
	left: 25px;	
}
#topmenu #topmenu7-bg{
	top: 54px;
	left: 458px;	
}
#topmenu .topmenubg a#topmenu8{
	top: 32px;
	left: 17px;	
}
#topmenu #topmenu8-bg{
	top: 10px;
	left: 532px;	
}
#submenu{
	position: absolute;
	top: 270px;
	left: 125px;
	display: none;
	width: 211px;
	height: 219px;
	background: transparent url(../images/submenu.gif) no-repeat;
	z-index: 200;
}
#submenu p{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 70px;
	height: 100px;
}
#submenu p a{
	color: #170c0a;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	margin: 3px auto;
	width: 110px;
	display: block;
}
#submenu p a:hover{
	color: #0a88b6;	
}
#circles{
	position: absolute;
	width: 371px;
	height: 469px;
	background: transparent url(/images/circles.gif) no-repeat;
	bottom: 29px;
	right: 0;
	z-index: 100;
}
#map{
	position: absolute;
	top: 180px;
	left: 300px;
	margin: 0 auto;
	width: 487px;
	height: 489px;
	background: url(/images/map.png) no-repeat;	
}
#search{
	position: absolute;
	right: 17px;
	top: 12px;
	z-index: 9999;
}
.search{
	padding-left: 150px;
	background: transparent url(../images/phone.png) no-repeat left center;
}
.btninput{
	border: 0;
	padding: 0 3px 2px 3px;
	background-color: #000;
	color: #FFF;
	font-size: 11px;
	height: 20px;
	cursor: pointer;		
}
#searchinput{
	padding: 0;
	margin-right: 5px;
	width: 116px;
	height: 18px;
	background: url(/images/searchbox-bg.jpg) no-repeat;
	border: 1px solid #616565;
	float: left;
}
#viewphotos{
	display: block;
	width: 208px;
	height: 56px;
	position: absolute;
	left: 17px;
	bottom: 80px;
	background: transparent url(/images/viewphotos.png) no-repeat;
}
#signup{
	position: absolute;
	bottom: 32px;
	left: 22px;
	z-index: 101;
}
#signupinput{
	padding: 0 0 0 10px;
	margin-right: 5px;
	float: left;
	height: 18px;
	width: 224px;
	color: #0d7fc7;
	font-size: 11px;
	background: url(/images/signupbox-bg.jpg) no-repeat;
	border: 1px solid #616565;	
}
#sociallinks{
	position: absolute;
	left: 343px;
	bottom: 30px;
	z-index: 102;
}
#sociallinks a{
	float: left;
	display: block;
	width: 39px;
	height: 39px;
	margin-right: 10px;
}
#sociallinks a.t-icon{
	background: url(/images/twitter.png) no-repeat;	
}
#sociallinks a.f-icon{
	background: url(/images/facebook.png) no-repeat;	
}
.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
}
#rights{
	margin: 0 0 0 30px;
	text-align: left;
	position: absolute;
	bottom: 5px;
}
#pwedby{
	position: absolute;
	bottom: 5px;
	right: 110px;
}
#pwedby a{
	color: #000;
}
#ipglink{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#dim{
	width: 0px;
	height: 0px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99998;
}
#signupsubmit{
	position: absolute;
	z-index: 99999;
	width: 300px;
	height: 100px;
	background: #FFFFFF;
	display: none;
	border: 2px solid #0a88b6;
}