@charset "utf-8";
/* CSS Document For Pool and Spa Works By: -- Simply Jap -- */


/* HTML5 tags */
figure, header, menu, section, article, aside, footer { display: block; }
 
/* Basic Structures */ 

* { padding:0; margin:0; }

html { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; }

figure#header { background:#343434; height:109px; padding-top:17px; border-bottom:1px solid #000; position:relative; z-index:0; }
	figure#header header { width:982px; height:95px; margin:0 auto; position:relative; }
		figure#header header h1 { background:url(../images/logo.png); width:320px; height:80px; position:relative; }
		figure#header header h1 a { width:320px; height:80px; display:block; }
		figure#header header h1 span { position:absolute; top:-999px; left:0; }
		figure#header header img { position:absolute; bottom:-1px; right:0; }

figure.background { width:100%; background:#b02a25; float:left; }
	figure.background	section#product, figure.background section#testimonials { width:982px; margin:0 auto; position:relative; overflow:hidden; padding:30px 0; }
		section#product img.shadow{ position:absolute; top:0; left:0; }
		section#product #boost { background:url(../images/boost-bg.jpg) no-repeat center bottom; width:274px; height:394px; position:absolute; top:44px; right:0; z-index:999; }
		section#product #boost h2 { background:url(../images/title-boost.jpg); width:274px; height:57px; position:relative }
		section#product #boost h2 span { position:absolute; top:-999px; left:0; }
		section#product #boost ul.upper { margin:20px 0 0 40px; }
			section#product #boost ul.upper li { background:url(../images/check.jpg) no-repeat left top; color:#000; line-height:30px; padding-left:40px; }
		section#product #boost ul.lower { margin:10px 0 0 40px; }
			section#product #boost ul.lower li { margin:4px 0; }
			section#product #boost ul.lower .txt { width:120px; height:22px; border:1px solid #c0c0c0; }
			section#product #boost ul.lower .combo { width:192px; height:22px; border:1px solid #c0c0c0; }
			section#product #boost ul.lower .btn { background:url(../images/btn.png); width:187px; height:58px; line-height:58px; font-size:22px; color:#b02a25; display:block; border:0; margin-top:10px; }
			section#product #boost ul.lower label { width:80px; text-align:left; color:#000; float:left; font-family:"Times New Roman", Times, serif; margin-right:5px; }
		
		section#product ul.product {}
		section#product ul.product li { background:url(../images/product.jpg) no-repeat center top; width:198px; height:348px; margin-right:14px; display:inline; float:left; position:relative; padding:20px 13px 0 13px; }
		section#product ul.product li img.bestvalue { position:absolute; top:0; right:-5px; z-index:0; }
		section#product ul.product li h3 { font-size:17px; margin-bottom:24px; position:relative; z-index:999; }
		section#product ul.product li h4 { color:#ffe704; font-size:35px; text-align:center; background:url(../images/border.png) no-repeat center top; padding-bottom:14px; }
		section#product ul.product li h4 span { color:#8c8c8c; font-size:14px; }
		section#product ul.product li p { font-size:13px; line-height:20px; }
		section#product ul.product li p span { margin-left:20px; }
		section#product ul.product li a { background:url(../images/btn.png); width:157px; height:58px; line-height:58px; font-size:22px; color:#b02a25; display:block; padding-left:30px; position:absolute; left:18px; bottom:20px; }
		section#product ul.product li a:hover { text-decoration:underline; }
	
	figure.background section#testimonials { }
		section#testimonials h2 { font-size:32px; }
		section#testimonials ul { margin:10px 0; }
		section#testimonials li { background:url(../images/baloon.jpg); width:278px; height:81px; color:#000; font-size:12px; padding:20px; margin-right:14px; display:inline; float:left; }
		section#testimonials li strong { font-style:italic; }
	
figure#content { background:#111111; border-top:4px solid #f30000; border-bottom:4px solid #f30000; clear:both; }
	figure#content article { width:982px; margin:0 auto; padding:30px 20px; }
	figure#content article h2 { font-size:32px; }
	
footer { width:982px; text-align:center; font-size:11px; color:#525252; padding:40px 0; margin:0 auto; clear:both; }	



/* top navigation */

#topnav
{
 width:840px;
 position:relative;
height: 30px;

font-size: 16px;
font-weight: bold;
font-family: Trebuchet MS;
line-height: 22px;
background-image: url("/images/top-nav-bg.gif");
margin-left:240px;
}




#topnav ul
{
padding: 0;
margin: 0;
list-style: none;
}

#topnav li
{
display: inline;
margin: 0;
padding: 0;

}

#topnav a
{
float: left;
background: url("/images/top-nav-button-left.gif");
margin: 0;
padding: 0 0 0 2px;
color: white;
text-decoration: none;
}

#topnav #home a
{
background: url("/images/nav-left.gif") no-repeat left top;
padding: 0 0 0 5px;
}

#topnav span
{
float: left;
display: block;
background: url("/images/top-nav-button-right.gif") no-repeat right top;
padding: 4px 15px 4px 12px;
margin: 0;
}

#topnav #home span
{
padding: 4px 15px 4px 10px;
}

#topnav a:hover
{
color: #FFF;
background-position: left center;
}

#topnav #home a:hover
{
background-position: left center;
}

#topnav a:hover span
{
background-position: right center;
}

#topnav a:active
{
color: #FFF;
background-position: left bottom;
}

#topnav #home a:active
{
background-position: left bottom;
}

#topnav a:active span
{
background-position: right bottom;
}

#topnav #current a
{
background-position: left bottom;
}

#topnav #homecurrent a
{
background-position: left bottom;
}

#topnav #current span
{
color: #FFF;
background-position: right bottom;
}



#topnavendcap
{
float: left;
width: 2px;
height: 30px;
background-image: url("/images/top-nav-button-end.gif");
}


#navright
{
float: right;
width: 6px;
height: 30px;
background-image: url("/images/nav-right.gif");
}

#icons
{
float: right;
margin: -22px 12px 0 0;
}

#icons ul
{
margin: 0;
padding: 0;
list-style: none;
}

#icons li
{
display: inline;
margin: 0 0 0 4px;
padding: 0;
}

.normalul
{

}