body {margin: 0px auto; padding: 0px;}
p { font: 14px  arial; margin: 0px auto; padding: 0px 0px 4px 0px;}
br {margin: 0px auto; padding: 0px;}
ul {margin: 0px auto; padding: 0px;}
li {margin: 0px auto; padding: 0px;}
h1 {margin: 0px auto; padding-bottom: 8px;font:bold 16px  arial;}
h2 {margin: 0px auto; padding: 8px 0px 8px 0px;font:bold 16px  arial;}
h3 {margin: 0px auto; padding-bottom: 8px;font:bold 16px  arial;}
h6 { font: 14px  arial; margin: 0px auto; padding: 0px 0px 4px 0px;}
/*header*/
#header {margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/background1.jpg) center top no-repeat; height: 100px; width: 960px;}
#headerLeft {float:left; margin:0px auto; padding: 20px;  color:#FFF;}
#headerRight {float: right; margin: 0px auto; padding: 0px; }

/*adverts*/
.googleads {margin: 0px auto; padding: 0px; width: 524px; height: 20px; text-align:center;}

/*main page*/
#container {margin: 0px auto; padding: 0px; width: 1000px; background: url(http://www.potofenergy.co.uk/images/background2.jpg) center top repeat-y ;}
#main {min-height:600px;width: 530px; margin:10px auto 10px auto; padding: 0px 20px 0px 20px; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
.energyContainer {width: 524px; height: 180px; margin: 0px auto; padding: 20px 0px 0px 0px;}
.energyL {width: 262px; float: left; margin: 0px auto; padding: 0px;}
.energyL a {font: bold 16px arial; color: #0033CC; text-decoration: underline;} 
.energyL a:hover {font: bold 16px arial; color: #000; text-decoration: none;} 
.energyR {width: 262px; float: right; margin: 0px auto; padding: 0px;}
.energyR a {font: bold 16px arial; color: #0033CC; text-decoration: underline;} 
.energyR a:hover {font: bold 16px arial; color: #000; text-decoration: none;} 
.energyLeft {width: 131px; float: left; margin: 0px auto; padding: 0px; text-align: center;}
.energyRight {width: 131px; float: right; margin: 0px auto; padding: 0px; text-align: center;}
#energyefficienthome {height: 463px; width: 500px; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/energyefficienthome.jpg) center top no-repeat ; }

#gasefficienthome {float:left;height: 500px; width: 500px; margin: 0px auto; padding: 0px; }
#gasefficienthome a {float:left;height: 500px; width: 500px; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/gasenergyefficienthome.jpg) center top no-repeat ; }
#gasefficienthome a:hover {float:left;height: 500px; width: 500px; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/gasenergyefficienthome-over.jpg) center top no-repeat ; }
#homewrapper {height: 147px; width: 500px; margin: 0px auto; padding: 0px;}
#homeContainer {width: 415px; height: 145px; margin: 0px auto 0px auto; padding:0px; }
#whole a {width: 208px; height: 145px; float: left; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/wholehouse.jpg) center top no-repeat ;}
#whole a:hover {width: 208px; height: 145px; float: left; margin: 0px auto; padding: 0px;background: url(http://www.potofenergy.co.uk/images/wholehouse-over.jpg) no-repeat top center;}
#office a {width: 204px; height: 145px; float: right; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/homeoffice.jpg) center top no-repeat ;}
#office a:hover {width: 204px; height: 145px; float: right; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/homeoffice-over.jpg) center top no-repeat ;}
#homeContainer2 {width: 415px; height: 164px; margin: 3px auto 0px auto; padding:0px}
#kitchen a {width: 208px; height: 164px; float: left; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/kitchen.jpg) center top no-repeat ;}
#kitchen a:hover {width: 208px; height: 164px; float: left; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/kitchen-over.jpg) center top no-repeat ;}
#lounge a {width: 204px; height: 164px; float: right; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/lounge.jpg) center top no-repeat ;}
#lounge a:hover {width: 204px; height: 164px; float: right; margin: 0px auto; padding: 0px; background: url(http://www.potofenergy.co.uk/images/lounge-over.jpg) center top no-repeat ;}
.page1 {overflow: hidden;width: 484px; margin: 0px auto; padding: 0px 0px 4px 0px; background: url(http://www.potofenergy.co.uk/images/bar.jpg) center bottom no-repeat ;}
.page2 {width: 150px; margin: 0px auto; float: left; padding: 0px;}
.page3 {width: 334px; margin: 0px auto; float: right; padding: 18px 0px 0px 0px;}

/*contact page*/
#form3 {width: 500px;  padding: 0px 10px 10px 10px ; line-height: 1.1em;margin: 0px auto; background-color:#88FE52;}
label {text-align: right;width: 60px;padding-right:20px; font: 14px  arial;}
.single2 {display: block;width: 180px;float: left;margin: 0px 0px 20px 20px;}
.hidden1 {margin: 0px auto; padding: 0px; height: 2px; float:right;}
.innershadow2 {width: 178px; margin: 0px 0px 0px 10px; background: #fff url(http://www.walkinbathshowers.co.uk/images/textbg2.jpg) no-repeat; border: 1px solid #1D5901; height:22px; float: left; }
.contact {margin: 0px auto; padding: 20px; border: 2px solid #1D5901;}
.found {margin: 0px 0px 0px 12px; border: 1px solid #00A6CC; height:22px; float: left; border: 1px solid #1D5901;} 
.request1 {width: 180px; margin:0px 70px 0px 12px; float: right;}
.title {font: bold 18px Arial; color: #000; padding: 0px; margin: 0px 0px 20px 0px;}
.textarea {display: block;width: 160px;float: left;margin-bottom: 20px; }
br {clear: left;}


/*Navigation*/
#pageLeft {float: left; width: 198px; margin: 0px auto; padding: 10px 0px 0px 30px;}
.Navigation ul {height: 20px;display:block;float: left; width: 170px;margin: 10px; padding: 0px; border: 1px solid #000;}
.Navigation li {list-style-type: none;}
.Navigation li a {background: url(http://www.potofenergy.co.uk/images/arrow.gif) no-repeat left center; float: left; font: 14px arial; color: #000; 
background-color: #eeeeef; list-style-type: none; text-align: left; width: 150px; margin: 0px 0px 1px 0px; padding: 4px 4px 4px 18px;text-decoration: none;}
.Navigation li a:hover {background: url(http://www.potofenergy.co.uk/images/arrow1.gif) no-repeat left center;float: left; font: 14px arial; color: #FFF;
 background-color: #1D5901; list-style-type: none; text-align: left; width: 150px; margin: 0px 0px 1px 0px; padding: 4px 4px 4px 18px; text-decoration: none;}
 
.SubNav ul {height: 20px;display:block;float: left; width: 170px; margin: 10px; padding: 0px; border: 1px solid #000;}
.SubNav li {list-style-type: none;}
.SubNav li a {background: url(http://www.potofenergy.co.uk/images/arrow.gif) no-repeat left center; float: left; font: 14px arial; color: #000; 
background-color: #CCFFCC; list-style-type: none; text-align: left; width: 134px; margin: 0px 0px 1px 10px; padding: 4px 4px 4px 24px;text-decoration: none;}
.SubNav li a:hover {background: url(http://www.potofenergy.co.uk/images/arrow1.gif) no-repeat left center;float: left; font: 14px arial; color: #FFF;
 background-color: #1D5901; list-style-type: none; text-align: left; width: 134px; margin: 0px 0px 1px 10px; padding: 4px 4px 4px 24px; text-decoration: none;}
/*sitemap*/
.sitemap ul {margin: 0px auto; padding: 0px;}
.sitemap li {list-style-type: none;margin-left:10px; padding: 8px; font: bold 18px arial; color: #1D5A00;}
.sitemap li a {background: url(http://www.potofenergy.co.uk/images/arrow.gif) no-repeat left center;padding-left: 14px;color: #0000FF;text-decoration:underline;}
.sitemap li a:hover {background: url(http://www.potofenergy.co.uk/images/arrow1.gif) no-repeat left center; font: bold 18px arial; color: #CC3300;text-decoration: none;}

.sitemapSub ul {margin: 0px auto; padding: 0px;}
.sitemapSub li {list-style-type: none;margin-left:70px; padding:8px; font: bold 16px arial; color: #000;}
.sitemapSub li a {padding-left: 14px;color: #000;background: url(http://www.potofenergy.co.uk/images/arrow.gif) no-repeat left center;color: #0000FF;text-decoration:underline;}
.sitemapSub li a:hover { background: url(http://www.potofenergy.co.uk/images/arrow1.gif) no-repeat left center;font: bold 16px arial; color: #CC3300;text-decoration: none;}


/*page right*/
#pageRight {float: right;margin: 0px auto; padding: 10px 30px 0px 0px; width: 170px;text-align:center;}
/*footer*/
#footer {margin: 0 auto; padding: 0; border-top: 10px solid #1D5A00; border-bottom: 2px solid #1D5A00; height: 50px; width: 960px; clear: both;}
#footer a {color: #0000FF;text-decoration:underline;}
#footer a:hover {color: #CC3300;text-decoration:none;}