/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:; padding:15px; font-size:80%; font-family:arial, helvetica, sans-serif; color:#333; line-height:1.4; text-align:justify}
html {background:url(background.gif) top repeat-x}

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both; }
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 1.5em 0}
.left {float:left;}
.right {float:right;}
.righttable { float:right; margin-left:20px; margin-bottom:10px; }
.righttable .photocaption { padding:10px; font-weight:bold; }

a { color:#307ce4; text-decoration:underline  }
a:hover { color:#e47830}
a img { border:none;}
a:hover img {  }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
a.arrowlink {background:url(linkarrow.gif) top left no-repeat; padding:0 0 0 15px; clear:both;}

h1, h2, h3, h4 {font-family:;}
h1 {color:#e47830; font-size:22px; font-weight:normal;margin:0 0 10px 0; padding:2px 0 3px 0; line-height:1; border-bottom:1px solid #dedede}
h2 {color:#307ce4; font-size:17px; line-height:1.5em; font-weight:bold; margin:0.5em 0 0.5em 0; padding:0; }
h3 {color:#e47830; font-size:17px; line-height:1.5em; font-weight:bold; margin:0.5em 0 0.5em 0; padding:0; }
h4 {color:#307ce4; font-size:15px; line-height:1.5em; font-weight:normal; margin:0.5em 0 0.5em 0; padding:0; }

img.clsleft { margin-right:20px; margin-bottom:10px; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:10px; }
img.clsright { margin-left:20px; margin-bottom:10px; }
img.clsborderleft { margin-right:20px; margin-bottom:10px; border:1px solid #307ce4; padding:1px;}
img.clsbordermiddle { margin-right:20px; margin-left:20px; border:1px solid #307ce4; padding:1px;}
img.clsborderright { margin-left:20px; margin-bottom:10px; border:1px solid #307ce4; padding:1px; }
.border {border:1px solid #307ce4; padding:1px; }
.noborder {border:0;}

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #307ce4; font-size: 1.2em; font-weight:bold; margin:0; }
.shout2 {color: #e47830; font-size: 1.2em; font-weight:bold; margin:0; }

.quote {border: 3px double #307ce4;  padding:5px; color:#e47830; margin:1.5em 0; }
.quote strong {font-size:1.2em;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { margin:1.5em 0;}
.custom2 { margin:1.5em 0; }

/*Structural & Custom Styles */

#jump {display:none;}

#container { margin:0 auto; width:970px; padding:0 0 0 0; font-size:1.2em; position:relative; overflow:hidden; background:none; }

#header { overflow:hidden; padding:0 5px; background:none; height:262px; width:960px; margin:0;}
#header h2 { width:254px; height:170px; padding:0; border:none; margin:10px 0 0 0; text-indent:-9999px ; border:none; background:url(sitelogo.png); float:left;}
#header a { text-decoration:none; height:100%; width:100%;}
#header #banner { height:209px; width:680px; margin:17px 11px 0 0; float:right;}
#banner img {display:none;}
#strapline {width:501px; height:81px; padding-bottom:4px; background:url(strapline.gif) no-repeat; text-indent:-9999px; margin:33px 0 0 0 ; float:right; }

#leftcol { width:230px; float:left; margin-right:10px; }

#navsurround { width:228px; padding:0; border:1px solid #e0ecfa; overflow:hidden;}
#nav { width:226px; margin:0; padding:0; list-style:none; font-size:14px; background:#d9e8fa;  font-weight:normal; float:left; clear:both; overflow:hidden;border:1px solid #fff;}
#nav li { margin:0 8px; font-weight:normal;width:210px; border-top:1px solid #e7f0fa; border-bottom:1px solid #cce1fa; background:none; padding:0;}
#nav li a {margin:0; color:#307ce4; text-decoration:none;  display:block;  padding:0 10px 0 0; width:200px; height:23px; line-height:23px; }
#nav li a:hover{color:#e47830}
#nav li a#active {color:#e47830; background:url(nav_arrow.gif) right no-repeat;}
#nav li ul {list-style:none; margin:0;}
#nav li ul li {margin:0; border-top:none}
#nav li ul li a {padding:6px 43px; width:115px;}
#nav li ul li a#active, #nav li ul li a:hover {}

#main { width:936px; margin:0px; padding:0 17px; overflow:hidden; background:url(container.png) repeat-y left; }

#pagecontent { width:681px; min-height:320px; margin: 0 3px 0 0; padding-bottom:15px; float:right; }

.greybox {background:#e0e0e0; padding:5px 10px; margin:0 0 15px 0;}
.greybox h2 {text-transform:uppercase}

#MMEmbeddedMap {margin:0; float:left; padding:0;}

#callus {font-size:20px; font-weight:bold; margin:15px 0 0 0; color:#001eaa; float:left; clear:both; border:1px solid #cae2ff; width:163px; }
#callus p {margin:0; padding:0 12px 8px 12px}
#callus h2 {background:url(callus.gif) no-repeat; text-indent:-9999px; width:99px; height:33px; clear:both; margin:5px 0 5px 6px;}

#logos {margin:0 0 0 -8px;}

ul { margin:0 0 1.5em 0; list-style:none}
ol {margin:1.5em 0 1.5em 30px;}
li {margin:0 0 0.5em 0;}
ul li {background:url(bullet_tick.gif) left 4px no-repeat; padding:0 0 0 20px;}
ul.arrows li {background:url(bullet_arrow.gif) left 4px no-repeat; padding:0 0 0 20px;}
table.list2col ul {text-align:left; line-height:1.5}

table, td, th {border:none; padding:0; font-size:1em; vertical-align:top;}
th {text-transform:uppercase; font-weight:bold; text-align:left;}

#buttons {width:220px; float:right; margin:0 0 10px 10px;}
#buttons a {width:220px; height:100px; display:block; margin:0 0 10px 0; text-indent:-9999px}
#buttons a#solarbutton {background:url(button_solar.jpg) bottom;}
#buttons a#solarbutton:hover {background:url(button_solar.jpg) top;}
#buttons a#plumbingbutton {background:url(button_plumbing.jpg) bottom;}
#buttons a#plumbingbutton:hover{background:url(button_plumbing.jpg) top;}
#buttons a#heatingbutton {background:url(button_heating.jpg) bottom;}
#buttons a#heatingbutton:hover{background:url(button_heating.jpg) top;}

blockquote {background:transparent url(quote_top.jpg) no-repeat scroll left top;clear:both;float:left;line-height:1.3;margin:0 0 20px 0;padding:10px 4px 0px 35px; width:211px}
blockquote p {padding-right:30px;}
blockquote .quotetext {background:transparent url(quote_bottom.jpg) no-repeat scroll right bottom;}
blockquote .quoteauthor {color:#555;font-weight:bold;}



#formdiv {background:#E0E0E0;margin:10px 1px 0 0;padding:5px 10px;width:208px; overflow:hidden; text-align:left;}
form#contact {margin:0; width:218px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 5px 0; }
form#contact .inputsurround label { width:203px;}
form#contact .inputsurround input, form#contact .inputsurround textarea { width:203px; clear:right}
form#contact .inputsurround .submit {background: #e47830; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}

#formdiv h2 {text-transform:uppercase; }



#googlemap {clear:both; }
#googlemap iframe {border:1px solid #000080;}

#footer {margin:0; text-align:right; clear:both; color:#000080; overflow:hidden; background:url(footer.gif) top center no-repeat; padding:14px 10px; width:950px; font-family: arial, helvetica, sans-serif; font-size:1.1em; height:63px; }
#footer a {color:#000080;}
#footer p { margin:5px 0;}
#footertext{ float:right; padding-top:15px}
#footer img {float:left;}