/* CSS Document */

body {
background: #ccc; margin: 0 auto;
color: #666;
}

div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* CONTAINER*/
#container {background: #fff; width:900px; margin: 0 auto; padding: 0px 0px 0px 0px; position: relative;}

/* TOP PANEL*/
#topPanel{width:100%; height:225px; position:relative;}
#topPanel img{width:100%; height:250px; z-index:1; padding:0; position:relative; margin: 0 auto;}
/* MENU PANEL*/
#topPanel ul{width: 100%; height:42px; position:absolute; top:250px; left:0px;}
#topPanel ul li{width:100px; height:42px; float:left; }
#topPanel ul li a{width:100px; height:42px; display:block; background: blue url('images/menu-bg.gif') repeat-x 0 0; color: #000; font-weight:normal; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:40px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#topPanel ul li a:hover{background:#fff url('images/menu-bg1.gif'); color:#fff; text-decoration:none;}
/* HEADER PANEL*/
#topPanel #headerPanelfast{width:269px; height:269px; position:absolute; top:0; left:0; padding:0px; background:#fff url('images/boiler.jpg') no-repeat 0 0; color:#fff; margin-left:0; margin-right:0; margin-top:305px; margin-bottom:0}
#topPanel #headerPanelfast a{width:269px; height:269px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:269px; height:269px; background:#fff url('images/boiler.jpg') no-repeat 0 0; color:#fff; text-decoration:none}
#topPanel #headerPanelfast h2{display:block; text-align: center; width:160px; height:47px; color:#990000; margin: 0 0 0 52px; font:21px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:10px; z-index:1;}
#topPanel #headerPanelfast p{width:163px; color:#000; text-align: center; display:block; font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:230px 50px 0 45px;}

#topPanel #headerPanelsecond{width:269px; height:269px; position:absolute; top:0; left:315px; padding:0px; background:#fff url('images/water_heaters.jpg') no-repeat 0 0; color:#fff; margin-left:0; margin-right:0; margin-top:305px; margin-bottom:0}
#topPanel #headerPanelsecond a{width:269px; height:269px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:269px; height:269px; background:#fff url('images/water_heaters.jpg') no-repeat 0 0; color:#fff; text-decoration:none}
#topPanel #headerPanelsecond h2{display:block; text-align: center; width:160px; color:#990000; height:47px; background:none; margin: 0px 0 0 80px; font:21px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelsecond p{width:163px; color:#000; text-align: center; display:block; font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:230px 50px 0 90px;}

#topPanel #headerPanelthird{width:269px; height:269px; position:absolute; top:0; right:0; padding:0px; background:#fff url('images/furnace.gif') no-repeat 0 0; color:#fff; margin-left:0; margin-right:0; margin-top:305px; margin-bottom:0}
#topPanel #headerPanelthird a{width:269px; height:269px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{width:269px; height:269px; background:#fff url('images/furnace.gif') no-repeat 0 0; color:#fff; text-decoration:none}
#topPanel #headerPanelthird h2{display:block; text-align: center; width:160px; color:#990000; height:47px; background:none; margin:0px 0 0 90px; font:21px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelthird p{width:163px; color:#000; text-align: center; display:block; font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:230px 50px 0 90px;}


/* BODY PANEL*/
#bodyPanel{width:100%; height:420px; position:relative; margin:75px auto; padding: 0;}
#bodyPanel p{background:#fff; color:#000; font-weight: normal; text-align: center; margin-left:5px; margin-right:0; margin-top:330px; margin-bottom:30px ; padding-left:50px; padding-right:50px; padding-top:0; padding-bottom:50px font-family: "Georgia", "Times New Roman", "Trebuchet MS", Arial; font-size: 20px}

/* FOOTER PANEL*/
#footerPanel{width:900px; background:url('images/bubble-ring.jpg'); color:#fff; font-size:16px; margin: 0 auto;}
#footerbodyPanel{margin: 0 auto; width:900px;height:175px; position:relative; padding:0;}
#footerPanel ul{margin: 0 auto; width:350px; display:block; position:absolute; right:0px; top:33px; }
#footerPanel li{float: left; font:15px/15px Arial, Helvetica, sans-serif; font-weight:bold;}
#footerPanel ul li a{padding:0 6px; color:#fff; background:none; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:none; display:block; position:absolute; top:66px; right:8px; color:#fff;}