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

h1, h2, h3{ float:left; margin:0px; padding:0px; width:100%}
ul, li{  margin:0px; padding:0px;}
body {
	margin:0;
	padding:0px;
	margin-top:0px;
	background: url(images/index_05.jpg) top left repeat-x #297bb9;
	color:#01273c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em
}
.bodydiv {
	margin:0px auto;
	padding:0px;
	width:1000px;
}

h3{ font-size:14px;}
h2{ font-size:18px;}
.container {
	margin:0;
	padding:0px;
	width:1000px!important;
	float:left;
	text-align:left;
}

.design {width:100%; float:left; text-align:center; font-size:12px; padding: 45px 0 10px 0; background: #297bb9;}
.design a {font-weight: normal;}
.design a:hover {font-weight: normal;}
.buton{ width:130px; height:36px; background-image:url(images/bt_send.jpg); display:block; border:none; cursor:pointer;}
.buton:hover{ width:130px; height:36px; background-image:url(images/bt_send_hover.jpg); display:block; border:none; cursor:pointer;}

.header {
	width:1000px;
	float:left;
	height:119px;
	padding:0px;
	margin:0px;
	text-align:left;
}
#logo {
	width:301px;
	height:119px;
	margin:0px;
	padding:0px;
	float:left;
}
#logo a{border:none; }
#logo a img {border:none; text-decoration:none;}

#headright {
	width:699px;
	height:119px;
	background:url(images/header_right.jpg) top left no-repeat;
    margin:0px!important;
	padding:0px!important;
	float:left;
	position:relative;
}

#headright .tel {
	color:#000000;
	font-size:22px;
	float:right;
	padding:70px 30px 0px 0px;
}

#headright a.home {
	display:block; width:35px; height:35px; float:right;
	position:absolute; top:12px; right:94px;
}

#headright a.contact {
	display:block; width:35px; height:35px; float:left;
	position:absolute; top:12px; right:50px;
}
#header{width:1000px; height:379px!important;
padding:0px; margin:0px; float:left; }

#mainNav {
	float:left;
	margin:0px 0px 0px 0px;
	width:302px;
	height:379px;
	padding:0px;
	background:url(images/menu_bg.jpg) top left no-repeat;
}

#mainPic{
	float:left;
	margin:0px 0px 0px 0px;
	width:698px;
	height:379px;
	padding:0px 0px 0px 0px;
	background:url(images/bg_mainpic.jpg) top left no-repeat;
}
#mainPic img{border:none; padding:3px 0px 0px 0px; margin:0px;}
#mainline{width:1000px; height:9px; background:url(images/main_line.jpg) top left no-repeat; float:left; padding:0px 0px 0px 0px; margin:0px;}
#mainNav ul{
	padding:25px 0px 0px 22px;
	width:280px;
	margin:0px;
	float:left;
}
#mainNav li {
	float: left;
	width:280px;
	height:41px;
	text-align:left;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
}

.item1 a, .sel1 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item1.jpg) center left no-repeat;
}
.item2 a, .sel2 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item2.jpg) center left  no-repeat;
}
.item3 a, .sel3 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item3.jpg) center left  no-repeat;
}
.item4 a, .sel4 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item4.jpg) center left  no-repeat;
}
.item5 a, .sel5 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item5.jpg) center left  no-repeat;
}

.item6 a, .sel6 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item6.jpg) center left  no-repeat;
}

.item7 a, .sel7 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item7.jpg) center left  no-repeat;
}

.item8 a, .sel8 a:hover {
	width:219px;
height:17px;
	padding:12px 0px 12px 60px;
	float:left;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	background:url(images/item8.jpg) center left  no-repeat;
}

.item1 a:hover, .sel1 a {
	background:url(images/item1_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}
.item2 a:hover, .sel2 a {
	background:url(images/item2_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}
.item3 a:hover, .sel3 a {
	background:url(images/item3_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}
.item4 a:hover, .sel4 a {
	background:url(images/item4_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}
.item5 a:hover, .sel5 a {
	background:url(images/item5_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}

.item6 a:hover, .sel6 a {
	background:url(images/item6_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}

.item7 a:hover, .sel7 a {
	background:url(images/item7_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}

.item8 a:hover, .sel8 a {
	background:url(images/item8_h.jpg) center left  no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#fefefe;
	font-weight:bold;
}




/*Main*/

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#001740;
	font-weight:bold
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#001740;
	text-decoration:underline;
	font-weight:bold
}

.content {
	width:1000px;
	float:left;
	padding:0px;
	margin:0px;
	background:url(images/bg_contenty.jpg) top left repeat-y;
}
.content_details
{
	width:1000px!important;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	background:url(images/bg_content.jpg) top left no-repeat;
	/*background:url(images/bg_bot_content.jpg) bottom left no-repeat;*/
}

.content_left{
width:287px;
margin:0px 0px 0px 21px;
padding:0px;
background-color:#FFFFFF;
float:left;
height:420px;
}

.main_conent{
	width:673px;
	background:url(images/bg_cont.jpg) top left no-repeat #FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px;
	overflow:hidden;
	float:left;
}

.inner_conent h1 {font-size:24px; color:#014369; margin:0px; padding:30px 0px 20px 35px; line-height: 1.5em;}

.inner_conent{
width:959px;
background:url(images/bg_cont_inner.jpg) top left no-repeat #FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 21px;
overflow:hidden;
float:left;
}

.main_conent h1 {font-size:24px; color:#014369; margin:0px; padding:30px 0px 20px 25px;}

.paragraph {clear:both; display:block; padding:0px 20px 0px 25px;color:#01273c; font-size:12px;}
.paragraph p {display:block; margin:0 0 10px 0;line-height: 1.5em; color:#01273c;font-size:12px; }

.paragraph h1 {font-size:21px; color:#014369; margin:0px; padding:0px 0px 10px 0px;}
.paragraph h2 {margin:10px 0px 9px 0px;
	color:#297bb9;
	font-size:16px;}
.paragraph2 {clear:both; display:block; padding:0px 30px 0px 30px;color:#01273c; font-size:12px; float:left; width:905px}
.paragraph2 p {display:block; margin:0 0 10px 0;line-height: 1.5em; color:#01273c;font-size:12px; }
.paragraph2 ul {list-style-type:disc; width:890px; margin-top:10px; margin-bottom:10px; padding-left:20px;}
.paragraph2 ul li{list-style-type:disc; padding:0; float: none; }
.paragraph2 ul li ul {list-style-type:disc; width:890px; margin-top:0px; margin-bottom:0px; padding-left:20px;}
.paragraph2 ul li ul li {list-style-type:disc; padding:0px; padding-bottom:0px; float: none; }

.photo-gallery {clear:both; display:block; padding:0px 30px 0px 30px;color:#01273c; font-size:12px; float:left; width:905px}
.photo-gallery p {display:block; margin:0 0 10px 0;line-height: 1.5em; color:#01273c;font-size:12px; }
.photo-gallery ul {list-style-type:disc; width:890px; margin-top:10px; margin-bottom:10px; padding-left:20px;}
.photo-gallery ul li{list-style-type:disc; padding:0; float: none; }
.photo-gallery ul li ul {list-style-type:disc; width:890px; margin-top:0px; margin-bottom:0px; padding-left:20px;}
.photo-gallery ul li ul li {list-style-type:disc; padding:0px; padding-bottom:0px; float: none; }
.photo-gallery h2 {color: #ffffff;}




ul {width:905px;}
.paragraph2 h1 {font-size:21px; color:#014369; margin:0px; padding:0px 0px 10px 0px;}

.paragraph3 {clear:both; display:block; padding:0px 40px 0px 40px;color:#01273c; font-size:12px; float:left; width:915px}
.paragraph3 p {display:block; margin:0 0 10px 0;line-height: 1.5em; color:#01273c;font-size:12px; }
.paragraph3 ul {list-style-type:disc; width:890px; margin-top:10px; margin-bottom:10px; padding-left:20px;}
.paragraph3 ul li {list-style-type:disc; padding:0px; padding-bottom:0px; float: none; }
ul {width:905px;}
.paragraph3 h1 {font-size:21px; color:#014369; margin:0px; padding:0px 0px 10px 0px;}

.paragraph4 {clear:both; display:block; padding:10px 30px 20px 30px;color:#01273c; font-size:12px; float:left; width:905px}
.paragraph4 a {text-decoration:underline}
.paragraph4 a:hover {text-decoration: none}

.content_left a {text-decoration:none;}
.content_left a img {border:none; }
h1 {
	margin:0px;
	padding:0px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	float:left;
	width:100%;
	font-weight:normal;
}
h3 {margin:10px 0px 5px 0px;
	color:#001740;
	font-size:14px;}

.contactform {
	width:500px;
	float:right;
}
.left {
	width:401px;
	float:left;
}
.right {
	width:434px;
	float:right;
}
.pic {
	width:218px;
	float:left;
	text-align:right;
}
.pic_text {
	width:630px;
	float:right;
}
.par {
	width:100%;
	float:left;
	padding:0;
	margin-left: 15px;
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.table_home td {
	font-size:12px;
	color:#000;
	padding:5px;
	width:60px;
}
.sitefooter {
	margin:0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	color: #c2ae75;
	width:1000px;
	float:left;
	height:47px;
	background: url(images/bg_footer.jpg) top left no-repeat;
	padding-top:40px;
}
.meniufooter {
	width:556px;
	float:left;
	color: #012237;
	padding:10px 0px 0px 40px;
	font-weight:normal;
	text-align:left;
}
.copy {
	margin:10px 0px 15px 0px;
	padding:0px;
	width:376px;
	float:right;
	font-size:11px;
	color:#022b44;
	text-align:center;
	padding:0px;
}
.meniufooter a {
	color: #012237;
	text-decoration:none;
	font-size:11px;
	padding:0px 5px 0px 5px;
	font-weight:normal;
}
.meniufooter a:hover {
	color: #012237;
	text-decoration:underline;
	font-size:11px;
	padding:0px 5px 0px 5px;
}
.content h2 {
	margin:10px 0px 5px 0px;
	color:#297bb9;
	font-size:16px;
}

.content h2 a {
	margin:10px 0px 5px 0px;
	color:#297bb9;
	font-size:16px;
	text-decoration: underline;
}

.par {width:100%}
.par1 {width:100%; float:left}
.par1 ul {padding:0px; margin:0px; padding-left:20px; list-style-position:inside; padding-top:10px;}
.par1 ul li {padding:0px; margin:0px;; list-style-position: outside; padding-bottom:10px;}

.par ul{ padding:0px; margin:0px; padding-left:20px; list-style-position:inside; padding-top:10px;}

.content a.piclink {
	text-decoration:none;
}
.content a.piclink img {
	border:none;
}

.copy a {
	font-size:11px;
	color:#dae3d5;
	text-decoration:underline;
}
.copy a:hover {
	font-size:11px;
	color:#dae3d5;
	text-decoration:none;
}
.table_order td {
	font-size:12px;
	padding:2px;
}
.field2 {
	border:1px solid #403101;
	background-color:#fff;
}
.field3 {
	border:1px solid #403101;
	background-color:#fff;
	height:100px;
}
.field {
	width:180px;
	border:1px solid #403101;
	background-color:#fff;
}
.field1 {
	width:220px;
	border:1px solid #403101;
	background-color:#fff;
}
.submit {
	background-color:#403101;
	border: none;
	color:#FFF;
}
.servicestable td ul {
	margin:0px;
	padding:0px;
	list-style:disc;
	list-style-position:inside;
}

a img{ border:none}

p { float:left; width:100%; margin:0 0 10px 0;}

#pool-building-process tr td {text-align: left;}
#pool-building-process tr td img {border: 2px solid #297bb9; margin-left: 14px;}
hr {color: #297bb9;}

.vinyl-liners {width: 100%; float: left;}
.vinyl-liners tr td {width: 25%; text-align: center;}

.clearer{float:left; clear:both;}

.contact-form {display:block; width:500px; text-align:left; background:#F3F3F3; border:1px solid #E5E5E5; padding:4px 10px; margin-right:20px; font-size:11px; }
.contact-form td {vertical-align:top; border-bottom:1px solid #E5E5E5; padding:8px 0 8px 10px; }
.formContact {width:100%; }
.formContact .inputText {width:214px; padding: 2px 4px 2px 4px; border:1px solid #E5E5E5; vertical-align:middle; color: #666666; font-size:11px; }
.formContact #msg1ContactForm {width:470px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.contact-form label {display:block; margin:0 0 2px 0; font-weight:bold; }

.content_left a {display:block; float:left}