﻿body {margin:0; padding:0; background:url(../images/mainbg.gif) 0 0 repeat-x #FFFFFF; font:14px/18px Georgia, "Times New Roman", Times, serif; color:#666666;}
div, p, ul, h1, h2, h3, h4, form{margin:0px; padding:0px;}
ul{list-style-type:none;}


/*--Top--*/
#topPan{width:708px; height:175px; position:relative; margin:22px auto; background:url(../images/HybridHeader.png) 0 0 no-repeat #FEFFFE;}

#topPan ul.ul1{width:475px; height:27px; position:absolute; top:0px; right:0px;}
#topPan ul.ul1 li{float:left; width:95px; height:27px; display:block;}
#topPan ul.ul1 li a{display:block; width:95px; height:27px; background:#83A6FE; color:#FFFFFF; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul.ul1 li a:hover{background:url(../images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#FFFFFF; text-decoration:none;}
#topPan ul.ul1 li.isactive a{background:url(../images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#FFFFFF; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}

#topPan ul.ul2{width:auto; height:23px; position:absolute; top:30px; right:0px;}
#topPan ul.ul2 li{float:left; width:auto; height:23px; background:#83A6FE; color:#FFFFFF; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul.ul2 li a{display:block; width:auto; height:23px; background:#83A6FE; color:#FFFFFF; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul.ul2 li a:hover{background:url(../images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#FFFFFF; text-decoration:none;}
#topPan ul.ul2 li.isactive a{background:url(../images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#FFFFFF; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
#topPan ul.ul2 li.spacer{float:left; width:5px; height:23px; background:#FFFFFF; color:#FFFFFF; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
/*--/Top--*/

/*--Middle Panel--*/
#mainmiddlePan{height:auto; background:url(images/middlepanbg.gif) 0 0 repeat-x #F0F0F0; color:#666; padding:17px 0 0;}
#middlePan{width:708px; position:relative; margin:0 auto;}


#sitemap{font-size:12px/15px Trebuchet MS,Arial, Helvetica, sans-serif; font-weight:bold; color:#83A6FE}
#sitemap a{color:#83A6FE; text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}

#aboutus ul{font-size:12px; list-style-type:disc; font-weight:bold;}
#aboutus ul li{margin-bottom:12px}

#solarpoolheating {height:800px; width:708px}
#solarpoolheating ul{width:324px; height:275px; position:absolute; padding:100px 0 0 0; font-size:12px; list-style-type:none; font-weight:normal; text-align:justify;}
#solarpoolheating ul li{margin-bottom:12px}

#solarwaterheating {height:475px; width:708px}
#solarwaterheating ul{width:334px; height:auto; position:absolute; padding:53px 0 0 20px; font-size:12px; list-style-type:disc; font-weight:bold; text-align:justify;}
/*--/Middle Panel--*/


/*--Footer--*/
#footermainPan{height:100px; background:url(images/footerbg.gif) 0 0 repeat-x #777777; color:#FFFFFF; margin:0; padding:0; clear:both;}
#footerPan{width:708px; position:relative; margin:0 auto;}
#footerPan img{width:196px; height:45px; position:absolute; top:23px; right:6px; border:0;}

#footerPan ul.ul3{width:500px; position:absolute; top:15px; left:0px;}
#footerPan ul.ul3 li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul.ul3 li a{color:#FFFFFF; background:#777777; text-decoration:none;}
#footerPan ul.ul3 li a:hover{text-decoration:underline;}

#footerPan ul.ul4{width:500px; position:absolute; top:36px; left:0px;}
#footerPan ul.ul4 li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul.ul4 li a{color:#FFFFFF; background:#777777; text-decoration:none;}
#footerPan ul.ul4 li a:hover{text-decoration:underline;}

#footerPan p.roclic{background:#777777; color:#FFFFFF; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:0px;}
#footerPan p.copyright{background:#7D7D7D; color:#FFFFFF; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:76px; left:0px;}
/*--/Footer--*/