html{ margin:0px; padding:0px; }
body{ margin:0px; padding:0px; top:0px; background-color:#312b59; background-image:url(/graphics/design/body-bg.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:79%;}
#Container{ width:953px; margin-left:auto; margin-right:auto; background-color:#FFF;}
#InnerContainer{ padding:0px 24px 10px; position:relative;}
#Header{ height:89px; width:905px; position:absolute; top:0px;}
#Logo{ border:0px; position:absolute; top:26px; left:5px;}
#HeaderContactInfo{ position:absolute; right:223px; padding-right:20px; padding-top:30px; border-right:1px solid #c4c5c7; font-weight:bold; text-align:center;}
#HeaderContactInfo .email{ display:block; font-size:1em; line-height:1.6em; color:#4c4384;}
#HeaderContactInfo .phone{ display:block; font-size:1.7em; color:#4c4384; letter-spacing:0px; line-height:1em;}
#Search{ position:absolute; right:0px; top:22px;}
#Search label{ display:block; color:#4c4384; font-weight:bold;}
#Search .searchBox{ border:1px solid #4c4384; padding:6px; font-size:0.9em; color:#999; font-weight:bold; width:155px; clear:both;}
#Search .searchSubmit{ margin-left:10px; margin-right:10px;}
#Menu { position:absolute; z-index:75; background-image:url(/graphics/design/menu/menu-bg.gif); background-repeat:repeat-x; height:36px; top:89px;}
#Menu ul {padding:0; margin:0; list-style: none;}
#Menu ul li {float:left; position:relative; background-image:url(/graphics/design/menu/divider.gif); padding-left:5px; background-position:left; background-repeat:no-repeat; z-index:100;}
#Menu ul li.first{background-image:none; padding-left:0px;}
#Menu ul li:hover a {}
#Menu ul li a, #Menu ul li a:visited {display:block; text-decoration:none; width:125px; height:36px; text-align:center; line-height:36px; overflow:hidden; font-weight:bold; font-size:1.15em; color:#312b59; letter-spacing:0px;} /* letter-spacing:-1px; */
#Menu ul li ul {display: none;}
#Menu ul li.last:hover ul{ left:-48px;}
#Menu ul li:hover ul {display:block; position:absolute; top:36px; left:-10px; width:158px; background-image:url(/graphics/design/spacer.gif); padding:5px; padding-top:3px; padding-right:24px;}
#Menu ul li:hover ul li{ margin-bottom:3px; background-image:none; }
#Menu ul li ul li a, #Menu ul li ul li a:visited{ letter-spacing:0px;}
#Menu ul li:hover ul li a {display:block; background-image:url(/graphics/design/menu/sub-off-bg.png); color:#000; height:25px; line-height:25px; font-size:0.95em; width:158px; text-align:left; border:1px solid #ababab; padding-left:9px; color:#0a004b;}
#Menu ul li:hover ul li a.hide{background-image:url(/graphics/design/menu/arrow-down.png); background-position:right;}
#Menu ul li:hover ul li a:hover {background:#FFF;}
#Menu ul li:hover ul li:hover a.hide { background-color:#FFF; background-image:url(/graphics/design/menu/arrow-across.gif); background-position:right;}
#Menu ul li:hover ul li ul {display: none; padding:3px 5px 5px 0px;}
#Menu ul li:hover ul li:hover ul {display:block; position:absolute; left:172px; top:-10px; background-image:url(/graphics/design/spacer.gif); padding-right:24px; padding-top:10px;}
#Menu ul li ul li.doubleLine a{ height:36px; line-height:16px; padding-top:5px;}
#Main{ clear:both; padding-top:135px;}
#Content{ padding-left:5px; float:left; width:625px; padding-bottom:10px; position:relative; z-index:5;}
#Focus{ position:relative; z-index:10;}
#Focus.big{ height:222px; width:634px; margin-left:-5px; position:relative; float:left;}
#Focus.big p{ position:absolute; margin:0px; top:71px; color:#FFF; padding-left:70px; font-size:1.1em; padding-top:18px; width:303px; line-height:1.5em; padding-bottom:6px; padding-right:15px; background-image:url(/graphics/content/focus/text-bg.png); left:0;}
.focusTitle{ font-size:1.9em; font-weight:bold; margin-left:-40px; display:block; padding-bottom:8px; }
#Focus.big a{ color:#FFF;}
#Focus #script{ position:absolute; z-index:0;}
#Focus.small{ height:108px; width:634px; margin-left:-5px; position:relative; float:left;}
#Focus.small p{ position:absolute; margin:0px; top:28px; color:#FFF; padding-left:70px; padding-top:18px; line-height:1.5em; padding-bottom:6px; padding-right:25px; background-image:url(/graphics/content/focus/text-bg.png); clear:both; display:inline; left:0;}
.home #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.services #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.aircon #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.heating #Focus{ background-image:url(/graphics/content/focus/heating-bg.jpg);}
.water #Focus{ background-image:url(/graphics/content/focus/water-bg.jpg);}
.energy #Focus{ background-image:url(/graphics/content/focus/energy-bg.jpg);}
.about #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.area #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.clients #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.ardingly #Focus{ background-image:url(/graphics/content/focus/heating-bg.jpg);}
.homeOwner #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.brightonAndHove #Focus{ background-image:url(/graphics/content/focus/water-bg.jpg);}
.wdc #Focus{ background-image:url(/graphics/content/focus/energy-bg.jpg);}
.escc #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.drakes #Focus{ background-image:url(/graphics/content/focus/heating-bg.jpg);}
.contact #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
.utilities #Focus{ background-image:url(/graphics/content/focus/aircon-bg.jpg);}
#Breadcrumbs{ list-style-type:none; font-size:0.85em; margin:0px; padding:0px; padding-top:8px; clear:both;}
#Breadcrumbs li{ float:left; margin:0px; padding:0px;}
#Breadcrumbs span{color:#312b59;}
#Content #Breadcrumbs li a{color:#666; text-decoration:none;}
#Content #Breadcrumbs li a:hover{ text-decoration:underline}
#Right{ width:262px; float:right; padding-bottom:20px; }
#RhServiceLinks{ float:right; width:262px; margin:0px; padding:0px; padding-bottom:14px;}
#RhServiceLinks li{ list-style-type:none; margin-bottom:6px; height:51px; font-size:1.4em;}
#RhServiceLinks li.first{ }
#RhServiceLinks li.aircon{ background-image:url(/graphics/content/focus/aircon-link.jpg)}
.aircon .aircon{ display:none;}
#RhServiceLinks li.heating{ background-image:url(/graphics/content/focus/heating-link.jpg)}
.heating .heating{ display:none;}
#RhServiceLinks li.water{ background-image:url(/graphics/content/focus/water-link.jpg)}
.water .water{display:none;}
#RhServiceLinks li.energy{ background-image:url(/graphics/content/focus/energy-link.jpg)}
.energy .energy{display:none;}
#RhServiceLinks li a{ color:#FFF; display:block; line-height:58px; padding-left:37px;}
.rhTout{ background-image:url(/graphics/design/rhTout/middle.gif); margin-bottom:0px; clear:both;}
.rhTout .top{ background-image:url(/graphics/design/rhTout/top.gif); background-position:top; background-repeat:no-repeat;}
.rhTout .bottom{ background-image:url(/graphics/design/rhTout/bottom.gif); background-position:bottom; background-repeat:no-repeat; padding:10px; position:relative}
.rhTout h2{ margin:0px; padding:0px; font-size:1.7em; line-height:1.3em; color:#4c4382; clear:both;}
.rhTout p{ margin-top:5px; line-height:1.3em;}
.rhTout form{ margin:0px; padding:0px; clear:both;}
.rhTout label{ float:left; width:55px; clear:left; padding:6px 0px; color:#4c4382;}
.rhTout .textInput{ border:1px solid #808487; float:right; width:175px; margin-top:4px; padding:3px;}
.rhTout .blueCurvedButton{ background-image:url(/graphics/design/buttons/blue-curved-button.gif); height:22px; width:89px; background-color:none; border:0px; color:#FFF; margin-top:10px; float:right;}
.rhTestimonialQuote{ font-size:0.95em; font-style:italic; margin-bottom:0px;}
.rhTestimonialCompany{ font-weight:bold; color:#4c4382; margin-top:0px;}
#BigFooter{ clear:both; background-image:url(/graphics/design/footer-bg.gif); padding-bottom:10px;}
#Footer{ margin:0px; padding:0px; float:right; padding-top:10px; padding-right:10px; text-align:right;}
#Footer li{ list-style-type:none; color:#FFF; font-size:0.9em; padding:0px; margin-top:10px; line-height:1em;}
#Footer li.first{ border-left:0px;}
#Footer a{ color:#FFF;}
#FooterSitemap{margin:0px; padding:0px; float:left; font-size:0.9em; margin-top:10px;}
#FooterSitemap ul{ margin:0px; padding:0px;}
#FooterSitemap li{ margin:0px; padding:0px; }
#FooterSitemap .firstCol{ float:left; padding-left:10px; }
#FooterSitemap .firstCol li li{ font-weight:bold; padding-bottom:5px;}
#FooterSitemap .firstCol li li li{ font-weight:normal; padding-bottom:0px; }
#FooterSitemap .secondCol{ float:left; border-left:0px solid white; border-right:0px solid white; }
#FooterSitemap .firstCol .secondCol{ float:left; padding-left:30px; border:0px; padding-right:40px;}
#FooterSitemap .secondCol .secondCol{ float:left; padding-left:80px; border:0px; padding-right:40px;}
#FooterSitemap .firstCol .firstCol { padding-left:0px;}
#FooterSitemap .secondCol .firstCol { padding-left:40px;}
#FooterSitemap li li li{ line-height:1.2em;}
#FooterSitemap .firstCol .firstCol, #FooterSitemap .secondCol .firstCol{ border:0px; margin:0px;}
#FooterSitemap li{list-style-type:none; float:left; color:#FFF; }
#FooterSitemap li.first{border-left:0px; display:block; float:none; font-weight:bold; }
#FooterSitemap li li{ float:none;}
#FooterSitemap .firstCol li li li.left{ float:left;}
#FooterSitemap .firstCol li li li.right{ float:right;}
#FooterSitemap a{color:#FFF;}
/* */
#AccreditationLogos{ width:100%; text-align:center; margin:0px; padding:15px 0px 0px;}
#AccreditationLogos li{ list-style-type:none; display:inline; margin:0px; padding:0px 20px;}
#AccreditationLogos li img{ border:0px;}
.divider{ overflow:hidden; height:1px; border-bottom:1px solid #999999; padding-top:10px; margin-bottom:10px; clear:both;}
.accreditationH2{ font-size:1em; margin-top:0px; margin-bottom:0px;}
.accreditationLogo{ float:left; margin-right:20px;}
.accreditationText{ float:left; width:420px;}
.accreditationText p{ margin-top:0px;}
img.contentpic{border : 1px solid #21224f; margin-left : 15px; float:right; padding:5px; background-color:#FCFCFC; }
img.contentpicLeft{border : 1px solid #21224f; margin-right : 15px; float:left; padding:5px;background-color:#FCFCFC;}
#HpFocus{ background-color:#e1e3ef; height:207px; background-image:url(/graphics/content/hpFocusItems/bg.gif); background-position:top; background-repeat:repeat-x;}
.hpFocusItem, .hpFocusItemRight{ width:313px; height:141px; float:left; margin-left:-5px; margin-top:9px; position:relative; display:inline; background-repeat:no-repeat;}
.hpFocusItemRight{ margin-left:9px; margin-right:-5px;}
#AirCon{ background-image:url(/graphics/content/services/itemBackgrounds/aircon.jpg);}
#Heating{ background-image:url(/graphics/content/services/itemBackgrounds/heating.jpg);}
#Water{ background-image:url(/graphics/content/services/itemBackgrounds/water.jpg);}
#Green{ background-image:url(/graphics/content/services/itemBackgrounds/energy.jpg);}
#Cs1{background-image:url(/graphics/content/services/itemBackgrounds/water.jpg);}
#Ardingly{background-image:url(/graphics/content/services/itemBackgrounds/heating.jpg);}
#HomeOwner{background-image:url(/graphics/content/services/itemBackgrounds/aircon.jpg);}
#Escc{background-image:url(/graphics/content/services/itemBackgrounds/aircon.jpg);}
#Wdc{ background-image:url(/graphics/content/services/itemBackgrounds/energy.jpg);}
#Drakes{background-image:url(/graphics/content/services/itemBackgrounds/heating.jpg);}
.hpFocusItem h2, .hpFocusItemRight h2{ margin:1px 1px 10px 1px; height:25px; background-repeat:repeat-y; line-height:30px; padding-left:10px; font-size:1.3em;}
.hpFocusItem h2 a, .hpFocusItemRight h2 a{text-decoration:none;}
.hpFocusItem h2 a:hover, .hpFocusItemRight h2 a:hover{ text-decoration:underline;}
.hpFocusText{ position:absolute; width:313px; height:41px; bottom:0px; }
.hpFocusText p{ margin:0px; padding:3px 5px 0px 5px; font-weight:bold; color:#272854; line-height:1.2em; }
.productItem{ border:1px solid #a0a0a0; background-color:#e5e2e2; width:280px; float:left; margin-top:20px; margin-left:15px;}
.productItem img{ float:right; margin-left:6px; padding:2px; }
.productItem h2{ font-weight:bold; margin-left:6px; margin-top:6px; color:#4b4382; font-size:0.95em; margin-bottom:0px; line-height:1.2em;}
.productItem a h2{ text-decoration:none;}
.productItem p{margin-left:6px; font-size:0.9em; margin-top:4px;}
#ContentImages{ float:right; margin-left:15px;border:1px solid #a2acd5; }
#ContentImages img{ padding:2px; margin:0px; background-color:#FFF;}
#ContentImages p{padding:2px; border-top:1px solid #a2acd5; background-color:#e5e2e2; color:#272854; font-size:0.9em; margin-top:0px; margin-bottom:10px; padding-left:4px; margin-bottom:0px; margin:0px; display:block;}
ul#Sitemap{ padding:0px; margin:0px;}
ul#Sitemap a{ text-decoration:none;}
ul#Sitemap li{ float:left; width:185px; margin:0px; padding:0px; margin-bottom:5px; background-image:none; padding-right:15px; font-size:1.1em; list-style-type:none;}
ul#Sitemap li li{ font-size:0.9em;}
ul#Sitemap li.first{ display:block; float:none; width:100%; font-weight:bold; font-size:1.2em; border-bottom:2px solid #8c93ac; padding-top:10px; margin-top:0px; margin-bottom:4px; clear:both;}
#AreaCasestudies{float:right; width:313px; margin-left:20px;}
#AreaCasestudies h2{font-size:1.1em; margin-left:0px; width:320px;}
#AreaCasestudies .hpFocusItem{cursor: pointer; margin:10px 0px;}
#AreaCasestudies .hpFocusItem h2{ font-size:1.3em;}
/* GENERAL STYLES */
h1{ margin-top:0px; font-size:1.6em; padding-top:20px; clear:both;}
h2{ font-size:1.1em; margin-bottom:0px; line-height:1.6em; margin-top:0px;}
h3{ font-size:1em; margin-bottom:0px; line-height:1.6em; margin-top:5px;}
h1, h2, h3{ color:#312b59;}
p, li, label{ color:#666; line-height:1.6em;}
p.first{ margin-top:0px;}
a{ color:#312b59; text-decoration:none;}
a:hover{ text-decoration:underline;}
#Content p a, #Content li a{ text-decoration:underline}
#Content p a:hover, #Content li a:hover{ text-decoration:none;}
#MainContent p a, #MainContent li a{ text-decoration:underline}
#MainContent p a:hover, #MainContent li a:hover{ text-decoration:none;}
ul{ padding-left:15px;}
/* CLASSES */
.clear{ clear:both; height:1px; overflow:hidden;}
.rhClear{ clear:both; height:20px; overflow:hidden; background-color:#FFF;}
.textInput{ border:1px solid #808487; padding:3px;}
.blueCurvedButton{ background-image:url(/graphics/design/buttons/blue-curved-button.gif); height:22px; width:89px; background-color:none; border:0px; color:#FFF; }
/* --- TEST STUFF --- */
/* MENU OPTIONS */
/* BLUE BG WHITE TEXT */
#Menu ul li:hover ul li:hover a.hide { background-image:url(/graphics/design/menu/arrow-across-blue.gif); color:#FFF; border:1px solid #00072b; }
#Menu ul li:hover ul li a:hover {background:#04125a; color:#FFF; border:1px solid #00072b;}
a.external{ padding-right:12px; background-image:url(/graphics/design/external-link-icon.gif); background-repeat:no-repeat; background-position:right 2px;}
a:hover.external{background-image:url(/graphics/design/external-link-icon-on.gif); }