/*************
	Skipper-pool CSS 
	by damx
****************/
*{
margin:0px;
padding:0px;
}

body{
	margin:0px auto;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3e8fd4;
	line-height:16px;
	background:#e2f7fb url('../images/body-bg.jpg') no-repeat;
}

/* common elements */

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}
.center {
	margin:0 auto;
	text-align:center;
}
.txtright {
	text-align:right;
}
.txtleft {
	text-align:left;
}
.mB5{ margin-bottom:5px;}
.mR5, .box-f img { margin-right:5px;}
.mR7, .box-f span {	margin-right:7px;}
.mB10{ margin-bottom:10px;}
.mT10{ margin-top:10px;}
.mT20{margin-top:20px;} .mT40 {margin-top:40px;}
.mB20{	margin-bottom:20px;} .mB40 {margin-bottom:40px;}
.mLn20 {	margin-left:-20px;}
.mL10 {	margin-left:10px;}
.mL40 {	margin-left:40px;}
.mTn10 {	margin-top:-10px;}
.pL20 {	padding-left:20px;} .pL50 {	padding-left:50px;}
.pT10 {	padding-top:10px;}
.pT20 {	padding-top:20px;} .pT40 {padding-top:40px;}
.pT30 {	padding-top:30px;} .pB40 {padding-bottom:40px;}
.pB30 {	padding-bottom:30px;}
.pR20 {	padding-right:20px;}
.pH30 {	padding-top:30px;	padding-bottom:30px;}
.pV20 { padding-left:20px; padding-right:20px;}
.w100 {	width:100px;}
.w170, .form1 label {	width:170px;}
.w300 {	width:300px;}
.w700 {	width:700px;}
.full {	width:100%;}
.LH18 {	line-height:18px;} .LH22 {	line-height:22px;}
.LH15 {	line-height:15px;}
img {	
	border:0;
}
a {
	text-decoration:none;
	color:#345e98;
}
a:hover {
	color:#01d7e3;
}
p {
	margin:0 0 16px;
}
.none, #subnav h2 a span, #subnav h1 span, #navlist li a span {
	display:none
}
.nM {
	margin:0;
}
li {
	list-style-type:none;
}
.thumb {
	width:270px; display:inline; float:left; text-align:center;
	background-color:#bbe3f2;
	margin:14px;
}
*html .thumb {	margin-bottom:0px;}
.thumb b {
	clear:both; display:block; padding:8px 0;
}
.thumb img {
	padding-top:10px;
}

.lab {
	width:130px; float:left;
	color:#274a70;
	font-family:verdana;
	font-weight:bold;
	margin-top:3px;
}
.wide {
	width:100%;
}
.B1 {
	border:1px #139fed solid;
}
.italic {
	font-style:italic;
}
.padz {
	margin:3px 0pt 10px;
}
/* end common elements */

#Wrapper{
	width:100%;
}
#Wrapper2{
	width:100%;
	background:url('../images/trans-bg.jpg') 0px 224px repeat-x;
}
.index-pos {
	padding-left:88px;
}

#Container{
	width:1004px;
	height:auto;
	margin:0 auto;
}
#Content {
	padding:0 60px;
}
#Footer-bg {
	width:100%;
	background:url('../images/footer-bg.gif') repeat-x;
	height:135px;
}
#Footer {
	margin:0 auto;
	padding-top:20px;
}
/*********header***********/
#Header{
	width:1004px;
	height:220px;
	margin:0 auto;
}
#Header2{
	width:1004px;
	height:200px;
	margin:0 auto;
}
#topheader {
	background:url(../images/header-bg.jpg) no-repeat;
	height:124px;
}
#subheader {
	height:62px;
	background:url('../images/nav-bg.gif') no-repeat;
}
.box-f {
	font-size:10px;
	font-family:"Myriad Pro";
	width:210px; 
}
.box-f span {
	line-height:1.3em;
	letter-spacing:0.3px;
}
.logo {
	width:200px; 
	height:105px; 
	margin:10px 40px 0pt;
}
.logo2{
	width:80px; height:100px; 
	margin:14px 25px 0 0;
}

	/*****nav*****/
.inline li, .inline {
	display:inline;
}
#navlist {
	font-size:14px;
	float:left;
	margin-left:60px;
}
.dvdr, #navlist li .dvdr {background-image:url('../images/nav-divider.gif'); height:32px;}
#navlist li a {
	width:70px;
	float:left;
	height:28px;
}
#nav1 {	background:url('../images/navlist/home.gif');}
#nav2 {	background:url('../images/navlist/about-us.gif');}
#nav3 {	background:url('../images/navlist/services.gif');}
#nav4 {	background:url('../images/navlist/products.gif');}
#nav5 {	background:url('../images/navlist/portfolio.gif');}
#nav6 {	background:url('../images/navlist/contact.gif');}
		/*****hovermenu*****/
#nav1:hover {	background:url('../images/navlist/home-h.gif');}
#nav2:hover {	background:url('../images/navlist/about-us-h.gif');}
#nav3:hover {	background:url('../images/navlist/services-h.gif');}
#nav4:hover {	background:url('../images/navlist/products-h.gif');}
#nav5:hover {	background:url('../images/navlist/portfolio-h.gif');}
#nav6:hover {	background:url('../images/navlist/contact-h.gif');}

/*************text styles**************/
.arial {	font-family:Arial, Helvetica, sans-serif;}
.txt10 {
	font-size:10px;
}

.txt11 {
	font-size:11px;
}
.txt12 {
	font-size:12px;
}
.txt14 {
	font-size:14px;
}
.u {
	text-decoration:underline;
}
h4 {
	font-size:14px;
	font-weight:normal;
	padding:13px 0;
}
h3 {
	font-size:16px;
}
h2 {
	font-size:20px;
	color:#1e78b8;
	font-weight:normal;
}
h1 {
	font-size:20px;
	font-weight:normal;
}
.black {color:black;}
.brown {color:#443e3e;}
.blue, a.blue {	color:#1c5478;}
.skyblue, .white li a:hover { color:#90e0f4 }
.white, .white li a { color:#ffffff;}
/********border styles************/
.t1 {height:73px; width:212px; background-image:url('../images/subnav/services.jpg');}
.t1-bgtop {	background:url('../images/subnav-bg-top.jpg') no-repeat;}
.t1-bgmid {	background:url('../images/subnav-bg-mid.jpg') repeat-y;}
.t1-bgbtm {	background:url('../images/subnav-bg-btm.jpg') no-repeat; height:27px;}
.line1 { border-top:1px #cbe4f8 solid; clear:both; margin-bottom:10px;}
.b1 {	border:1px #62a0c8 solid;}
/*************content parts************/
.col {
	width:212px;
}
.col2 {
	width:600px;
	margin-left:55px;
}
#subnav h2 a {
	float:left;
	height:40px;
	width:212px;
}
.aboutbg {	background:url('../images/about.gif') 0% 50% no-repeat;}
.servicesbg {	background:url('../images/services.gif') 0% 50% no-repeat;}
.productsbg {	background:url('../images/products.gif') 0% 50% no-repeat;}
.portfoliobg {	background:url('../images/portfolio.gif') 0% 50% no-repeat;}
.contactbg {	background:url('../images/contact.gif') 0% 50% no-repeat;}

/*******submenu**********/
#sub1 {	background:url('../images/subnav/saltwater.gif');} #sub1:hover { background:url('../images/subnav/saltwater-h.gif');}
#sub2 {	background:url('../images/subnav/linear-R.gif');} #sub2:hover {	background:url('../images/subnav/linear-R-h.gif');}
#sub3 {background:url('../images/subnav/equip-inst.gif');} #sub3:hover {background:url('../images/subnav/equip-inst-h.gif');}
#sub4 {background:url('../images/subnav/seasonal-o.gif');}	#sub4:hover {background:url('../images/subnav/seasonal-o-h.gif');}
#sub5 {background:url('../images/subnav/pool-c.gif');} #sub5:hover {background:url('../images/subnav/pool-c-h.gif');}
#sub6 {	background:url('../images/subnav/regular-m.gif');} #sub6:hover {	background:url('../images/subnav/regular-m-h.gif');}

/*************forms**************/
.form1 label {
	font-weight:bold;
	float:left; letter-spacing:1px;
}
.form1 .b1, .form1 textarea {
	padding:5px; 
	font-size:11px; 
	color:#115688; 
	background:#c3f4f9; 
	font-family:Arial;
}

/**********transition css**********/
#transition {
	width:596px;
	margin:0px auto 34px auto;
}
#transition img {
	border:1px solid #53c1e0;
}