/*********************************************
CSS RESET
*********************************************/
* {
	margin:0;
	padding:0;
	font-family:Arial;
}

/*********************************************
IE6 PNG FIX
*********************************************/
img, div {
	behavior:url(iepngfix.htc);
	border:none;
}

/*********************************************
DESIGN STYLES
*********************************************/
body {
	background-color:#67c0eb;
}
div#wrapper {
	width:900px;
	margin:0 auto;
}
div#bg-wrapper {
	float:left;
	width:900px;
	background:url(images/bg.gif) repeat-y;
}
div#site-wrapper {
	float:left;
	display:inline;
	width:860px;
	margin:0 0 0 20px;
}
div#header {
	float:left;
	height:130px;
	width:860px;
	background:url(images/header-bg.gif) no-repeat;
}
div#header div.left {
	float:left;
	width:360px;
}
div#header div.left img.logo {
	margin:21px 0 0 -18px;
}
div#header div.mid {
	float:left;
	display:inline;
	width:220px;
	margin:15px 0 0 20px;
	text-align:center;
	line-height:15px;
}
div#header div.mid a.browse {
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#2f9fcf;
	text-decoration:none;
	background:url(images/arrow.gif) no-repeat 0 4px;
}
div#header div.mid a.browse:hover {
	text-decoration:underline;
}
div#header div.right {
	float:right;
	display:inline;
	width:220px;
	padding:20px 20px 0 0;
	background:url(images/phone.jpg) no-repeat top right;
	text-align:right;
}
div#header div.right p.phone {
	padding:0;
	font-size:22px;
	font-weight:bold;
	color:#95785a;
	letter-spacing:-1px;
}
div#header div.right p.links {
	margin:4px 0 0 0;
	padding:0;
}
div#header div.right p.links a {
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#2f9fcf;
	text-decoration:none;
	background:url(images/arrow.gif) no-repeat 0 4px;
}
div#header div.right p.links a:hover {
	text-decoration:underline;
}
div#header div.right img.apsp {
	margin:12px 0 0 0;
}
div#nav {
	float:left;
	height:40px;
	width:860px;
	background:url(images/nav-bg.gif) repeat-x;
}
div#nav ul li {
	display:inline;
	margin:0 0 0 19px;
}
div#nav ul li a {
	font-size:13px;
	color:#f9eedc;
	font-weight:normal;
	text-decoration:none;
	line-height:40px;
}
div#nav ul li a:hover {
	border-bottom:5px solid #a98c6e;
}
div#nav ul li a.current {
	border-bottom:5px solid #a98c6e;
}
div#subheader {
	float:left;
	height:230px;
	width:860px;
	background:url(images/subheader-bg.jpg) no-repeat;
}
body#subpage div#subheader {
	float:left;
	height:70px;
	background:url(images/subpage-subheader-bg.jpg) no-repeat;
}
div#subheader-inner {
	margin:15px 15px 0 15px;
}

div#subheader div.left {
	float:left;
	display:inline;
	width:300px;
	margin:0 0 0 5px;
}
div#subheader div.left h1 {
	font-size:25px;
	color:#f9eedc;
	letter-spacing:-1.5px;
	text-shadow:0 1px 0 #68543f;
}
div#subheader div.left p {
	margin:5px 0 0 0;
	padding:0;
	font-size:14px;
	color:#e0d4c6;
}
div#subheader div.left a.more {
	float:right;
	height:28px;
	width:131px;
	margin:10px 0 0 0;
	background:url(images/learn-more.gif) no-repeat;
}
div#subheader div.left a.more:hover {
	background:url(images/learn-more.gif) no-repeat 0 -28px;
}
div#subheader div.right img {
	float:right;
	display:inline;
	margin:10px 10px 0 0;
}
div#subheader div.right-custom {
	float:right;
	display:inline;
	margin:70px 10px 0 0;
}
div#content {
	float:left;
	width:860px;
	background:url(images/content-bg.gif) repeat-x bottom;
}
div#content ul li a{
	margin:0 0 5px 20px;
	color:#95785a;
	font-size:12px;
}
div#content div.img-right{
	float:right;
	margin:0 0 0 0px;
	padding-left:200px;
}
div#content div.pool-covers {
	float:left;
	margin:0px 10px 10px 10px;
}
div#content div.pool-covers .right {
	float:right;
	width:480px;
	margin:0px 10px 0 10px;
}

div#content div.pool-liners {
	float:left;
	margin:16px 0 0px 0;
	width:400px;
	font-size:10px;
	text-align:center;
}
div#content div.pool-liners-inner {
	float:left;
	width:66px;
	margin:0 0px 10px 0;
	
}
div#content div.pool-liners-right {
	float:right;
	width:345px;
	margin:40px 30px 0px 0px;
}
div#content div.pool-covers-right {
	float:right;
	width:345px;
	margin:20px 0px 0px 10px;
}

div#content div.stretch-covers {
	float:left;
	margin:0px 10px 0 0px;
}
div#content div.stretch-covers-inner{
	float:left;
	width:160px;
	margin:5px 0 20px 2px;
}
div#content-inner {
	float:left;
	display:inline;
	margin:10px 15px 0 15px;
	padding:0 0 10px 0;
}
div#content-inner ul{
	padding:10px 0 20px 0;
}
div#content-inner ul li{
	margin:0 0 10px 20px;
	font-size:13px;
	color:#776048;
}
div#content-inner .img-right {
	float:right;
	margin:0 0 0 20px;
}
div#content-inner .custom {
	float:right;
	margin:0 0 0 0px;
}
div#content-inner .row{
	float:left;
	margin:10px 0px 10px 0px;
	border-bottom:1px dashed;
}
div#content-inner .row a{
	font-size:13px;
	margin-bottom:10px
}
div#content-inner .right {
	float:right;
	text-align:left;
}
div#content-inner .samples {
	float:left;

	margin:10px 55px 0 25px;
	text-align:left;
}
div#content-inner .features{
	float:right;
	font-size:12px;
	margin:0 0 0 40px;
}
div#content-inner .features a{
	float:right;
	font-size:10px;
	margin:0 0 0 40px;
}
div#content-inner .features ul{
	padding:10px 0 20px 0px;
}
div#content-inner .features ul li{
	margin:0 0 10px 20px;
}
body#subpage div#content-inner {
	margin:15px 20px 0 20px;
	padding:0;
}
div#content-inner .img-right {
	float:right;
	margin:0 0 0 20px;
}

div#content-inner-custom{
	float:left;
	width:830px;
	margin:10px 15px 0 15px;
	padding:0 0 10px 0;
}
div#content-inner-custom ul{
	padding:10px 0 10px 0;
}
div#content-inner-custom ul li{
	margin:0 0 10px 20px;
	font-size:13px;
	color:#776048;
}
div#content-inner-custom .img-right-01 {
	float:right;
	width:210px;
	height:116px;
	background:url(images/) no-repeat;
}
div#content-inner-custom .img-right-02 {
	float:right;
	width:210px;
	height:116px;
	background:url(images/dome-custom-02.jpg) no-repeat;
}
div#content-inner-custom .img-right-03 {
	float:right;
	width:210px;
	height:116px;
	background:url(images/dome-custom-02.jpg) no-repeat;
}

div#content div.buck {
	float:left;
	display:inline;
	height:310px;
	width:200px;
	margin:0 0 0 10px;
	background:url(images/buck-bg.gif) no-repeat bottom;
}
div#content div.buck h2 {
	float:left;
	display:inline;
	height:36px;
	width:190px;
	margin:0 0 0 5px;
	background:url(images/buck-title-bg.gif) no-repeat bottom;
}
div#content div.buck h2 a {
	padding:0 0 0 10px;
	font-size:18px;
	color:#f9eedc;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	text-shadow:0 1px 0 #22789c;
	line-height:35px;
}
div#content div.buck h2 a:hover {
	color:#e5dac8;
}
div#content div.buck img {
	float:left;
	display:inline;
	margin:5px 0 0 10px;
}
div#content div.buck p {
	float:left;
	display:inline;
	margin:10px 10px 0 10px;
	padding:0;
	font-size:12px;
	color:#95785a;
}
div#content div.buck a.more {
	float:left;
	display:inline;
	height:40px;
	width:180px;
	margin:10px 0 0 5px;
	padding:0 0 0 10px;
	background:url(images/more.gif) no-repeat;
	font-size:12px;
	color:#f9eedc;
	font-weight:normal;
	text-decoration:none;
	text-shadow:0 1px 0 #68543f;
	line-height:38px;
}
div#content div.buck a.more:hover {
	background:url(images/more.gif) no-repeat 0 -40px;
}
div#footer {
	float:left;
	height:260px;
	width:860px;
	background-color:#d7caba;
}
div#footer-inner {
	margin:20px;
}
div#footer div.left {
	float:left;
	width:340px;
}
div#footer div.cert {
	float:left;
	display:inline;
	width:100px;
	margin:0 0 0 20px;
}
div#footer div.cert a {
	float:left;
	font-size:13px;
	color:#267fa6;
	font-weight:bold;
	text-decoration:none;
	line-height:14px;
}
div#footer div.cert a:hover {
	text-decoration:underline;
}
div#footer div.mid {
	float:left;
	display:inline;
	width:140px;
	margin:0 0 0 20px;
}
div#footer div.mid ul li {
	list-style-type:none;
}
div#footer div.mid ul li a {
	padding:0 0 0 10px;
	background:url(images/arrow2.gif) no-repeat 0 4px;
	font-size:13px;
	color:#776048;
	font-weight:normal;
	text-decoration:none;
	line-height:18px;
}
div#footer div.mid ul li a:hover {
	text-decoration:underline;
}
div#footer div.right {
	float:left;
	display:inline;
	width:180px;
	margin:0 0 0 20px;
}
div#footer div.right p {
	line-height:15px;
}
div#footer div.right a {
	font-size:12px;
	color:#267fa6;
	font-weight:bold;
	text-decoration:none;
}
div#footer div.right a:hover {
	text-decoration:underline;
}
div#footer h3 {
	padding:0 0 10px 0;
	font-size:14px;
	color:#9a7e61;
	font-weight:bold;
	letter-spacing:-.5px;
}
div#footer p {
	padding:0 0 12px 0;
	font-size:13px;
	color:#776048;
}
div#footer p span {
	color:#267fa6;
	font-weight:bold;
}

/*********************************************
FORM STYLES
*********************************************/
#contact-form {
	float:left;
	width:530px;
}
#contact-form .left {
	float:left;
	width:240px;
}
#contact-form .right {
	float:right;
	width:240px;
}
#contact-form .info {
	float:right;
	width:260px;
	background:#cccccc;
}
#contact-form .txt {
	font-size:13px;
}

/*********************************************
DEFAULT TEXT STYLES
*********************************************/
h1, h2, h3, h4, h5 {

}
h1 {

}
h2 {
	font-size:20px;
	color:#267fa6;
	letter-spacing:-.5px;
}
h3 {

}
h4 {

}
h5 {

}
h6 {
	font-size:12px;
	color:#267fa6;
	letter-spacing:0px;
}
p {
	font-size:13px;
	color:#776048;
	line-height:18px;
	padding:0 0 10px 0;
}
a {
	color:#267fa6;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
ul {

}
ul li {

}
.breadcrumbs a{
	float:right;
	text-align:right;
	margin:15px 15px 0 15px;
	font-size:12px;
}

/*********************************************
UTILITY
*********************************************/
.clear {
	clear:both;
}