/*

CSS Document
Designer: asterix


*/


/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;vertical-align: baseline;}
body {color: black;
      background: #24b8ec url(images/bg.jpg) repeat-x 0px 0px; 
      font-size:11px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}
a{text-decoration : none;}
.clear{clear : both;font-size : 0px;line-height : 0px;}
.gap{line-height : 14px;height : 14px;}
.pad{line-height : 25px;height : 25px;}

/* BASIC DESIGN STRUCTURE */
#content{margin : 0; padding : 0px;background: #24b8ec url(images/bg.jpg) repeat-x center top;}
#hold{width : 905px;margin : 0px auto; overflow:hidden;}
#header{margin : 0px auto;background : url(images/header.jpg) no-repeat 0px top;height : 158px; margin : 0px auto;}
#subdiv{margin : 0px auto;background : #FFF;padding : 15px 0px 0px 0px;}
#navigator{width : 880px;background : url(images/navbg.gif) repeat-x left top;height : 42px; margin : 0px auto;}
#mainblock{padding : 0px 15px 0px;margin : 18px auto 30px;}
#footer{padding : 25px 0px;margin : 0px auto;}

/* HEADER */
#header h1{padding : 13px 0px 0px 31px;float : left;width : 218px;height : 67px;}
#header h2{float : right;padding : 7px 31px 0px 0px;} 

/* MAIN NAVIGATOR */
#navigator ul{float : left;margin : 0px;padding : 0px;}
#navigator ul li,#navigator ul li a{float : left;}
#navigator ul li a span{visibility : hidden;}
#navigator ul li a{display : block;line-height : 42px;color : #FFF;font-size : 14px;}
#navigator ul li a.home{width : 97px;background : url(images/home.jpg) no-repeat left top;}
#navigator ul li a.about{width : 97px;background : url(images/about.jpg) no-repeat left top;}
#navigator ul li a.pools{width : 189px;background : url(images/pools.jpg) no-repeat left top;}
#navigator ul li a.products{width : 121px;background : url(images/products.jpg) no-repeat left top;}
#navigator ul li a.gallery{width : 119px;background : url(images/gallery.jpg) no-repeat left top;}
#navigator ul li a.contact{width : 110px;background : url(images/contact.jpg) no-repeat left top;}

#navigator ul li a.home:hover,#navigator ul li a.home_active{background : url(images/homeh1.jpg) no-repeat left top;}
#navigator ul li a.about:hover{background : url(images/abouth.jpg) no-repeat left top;}
#navigator ul li a.pools:hover{background : url(images/poolsh.jpg) no-repeat left top;}
#navigator ul li a.products:hover{background : url(images/productsh.jpg) no-repeat left top;}
#navigator ul li a.gallery:hover{background : url(images/galleryh.jpg) no-repeat left top;}
#navigator ul li a.contact:hover{background : url(images/contacth.jpg) no-repeat left top;}

/* FLASH */
#flash_banner{line-height : 0px;font-size : 0px;border : 15px solid #e0f8ff;}

/* MAIN CONTENT */
#leftblock{width : 225px;float : left;}
#rightblock{ padding : 0px 0px 0px 22px;width : 526px;float : left;}
#rightblock h2{font-family: Arial, Helvetica, sans-serif;font-weight : normal;font-size : 18px;color : #24b8ec;}
#rightblock p{word-spacing : 1px;letter-spacing : 1px;padding : 5px 0px 15px;font-family: Arial, Helvetica, sans-serif;font-weight : normal;font-size : 11px;color : #393939;}
#rightblock ul{padding : 0px 0px 0px 15px;}
#rightblock ul li{word-spacing : 1px;letter-spacing : 1px;line-height : 14px;background : url(images/listmarker.gif) no-repeat left top;padding : 0px 0px 8px 17px;font-family: Arial, Helvetica, sans-serif;font-weight : normal;font-size : 11px;color : #393939;}
#rightblockbig{ padding : 0px 0px 0px 22px;width : 526px;float : left;}

/* BLOCKS */
#blocks{margin : 0px;padding : 0px 0px 0px 15px;}
#blocks li{padding : 12px 11px 8px 11px;float : left;margin : 0px 0px 22px 0px;width : 259px;height : 68px;background : #e0f8ff;}
#blocks li a{padding-top : 39px;display : block;width : 258px;height : 28px;}
#blocks li a#one{background : url(images/imgone.jpg) no-repeat left top;}
#blocks li a#one:hover{background : url(images/imgoneh.jpg) no-repeat left top;}
#blocks li a#two{background : url(images/imgtwo.jpg) no-repeat left top;}
#blocks li a#two:hover{background : url(images/imgtwoh.jpg) no-repeat left top;}
#blocks li a#three{background : url(images/imgthree.jpg) no-repeat left top;}
#blocks li a#three:hover{background : url(images/imgthreeh.jpg) no-repeat left top;}
#blocks li a#four{background : url(images/imgfour.jpg) no-repeat left top;}
#blocks li a#four:hover{background : url(images/imgfourh.jpg) no-repeat left top;}
#blocks li a#five{background : url(images/imgfive.jpg) no-repeat left top;}
#blocks li a#five:hover{background : url(images/imgfiveh.jpg) no-repeat left top;}
#blocks li a#six{background : url(images/imgsix.jpg) no-repeat left top;}
#blocks li a#six:hover{background : url(images/imgsixh.jpg) no-repeat left top;}
#blocks li a#sev{background : url(images/imgsev.jpg) no-repeat left top;}
#blocks li a#sev:hover{background : url(images/imgsevh.jpg) no-repeat left top;}
#blocks li a#eight{background : url(images/imgeight.jpg) no-repeat left top;}
#blocks li a#eight:hover{background : url(images/imgeighth.jpg) no-repeat left top;}
#blocks li a#nine{background : url(images/imgnine.jpg) no-repeat left top;}
#blocks li a#nine:hover{background : url(images/imgnineh.jpg) no-repeat left top;}
#blocks li a span{cursor : pointer;text-transform : uppercase;padding-top : 3px;display : block;width : 248px;line-height : 22px;font-family: Arial, Helvetica, sans-serif;font-weight : bold;font-size : 15px;color : #FFF;text-align : right;padding-right : 10px;}
#blocks li.mid{margin : 0px 15px 22px 15px;}

/* FOOTER */
#footer p{word-spacing : 1px;letter-spacing : 1px;padding-right : 12px;font-family: Arial, Helvetica, sans-serif;font-weight : bold;font-size : 11px;color : #FFF;text-align : right;}

/* OTHER PAGES */
#leftblock{font-family: Arial, Helvetica, sans-serif;}
#leftblock h2{background : url(images/leftblock.png) repeat-x left top;padding-left : 23px;line-height : 42px;font-weight : bold;font-size : 14px;color : #FFF;}
#menu li ul li:hover,#menu li ul li{border : 0px;}
#menu li a,#menu li a span{color : #0b91ca;font-weight : bold;font-size : 11px;}
#menu li a span{padding-right : 12px;background : url(images/arrow.gif) no-repeat right 2px;}
#menu li a:hover span{background : url(images/arrowh.gif) no-repeat right 3px;}
#menu li a{display : block;width : 190px;line-height : 25px;padding : 0px 0px 0px 33px;border-top : 1px solid #b9e8f5;}
#menu li{background : #e0f8ff;border-left : 1px solid #e0f8ff;border-right : 1px solid #e0f8ff;}
#menu li:hover{background : #e8faff;border-left : 1px solid #b9e8f5;border-right : 1px solid #b9e8f5;}
#menu li a.last{padding-bottom : 7px;border-bottom : 1px solid #e0f8ff;}
#menu li a.last:hover{border-bottom : 1px solid #b9e8f5;}
#menu li ul{background : transparent;padding  : 0px 0px 12px 40px;}
#menu ul li{line-height : 17px;color : #5e5e5e;font-size : 11px;font-weight : bold;padding : 0px 0px 0px 10px;background : url(images/submarker.gif) no-repeat left 5px;}
#menu ul li:hover{background : url(images/submarker.gif) no-repeat left 5px;}
#menu li ul li a{color : #5e5e5e;display : inline;line-height : 17px;background : transparent;width : 264px;padding-left : 0px;border : 0px;}
#menu li ul li a:hover{color : #7F7F7F;background : none;border : 0px;}

#rightimg{width : 321px;height : auto;margin : 23px auto 15px;border : 10px solid #e0f8ff;}
#rightimg a{display : block;font-size : 0px;}

#rightimg_pool_light_emaux {width : 250px;height : auto;margin : 23px auto 15px;border : 10px solid #e0f8ff;}
#rightimg_pool_light_poolite {width : 250px;height : auto;margin : 23px auto 15px;border : 10px solid #e0f8ff;}


.outline_content {
   
	border-right: #E8F8F8 1px solid;
	border-top: #E8F8F8 1px solid;
	border-left: #E8F8F8 1px solid;
	border-bottom: #E8F8F8 1px solid;
	
}

#product {

    padding-top: 20px;


}