/* Browser Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin:0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html, body {
height:100%;
}



a {
color:#752402;
text-decoration:none;
outline:none;
}

a:hover {
color:#e35e00;
}
	
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
color:#333;
position:relative;
margin:0px;
padding:0px;
text-align:center;
background:#faebd0 url(images/bg.jpg) repeat-x left -3px;
}

p {
margin-bottom:12px;
}

p.paypal {
margin-bottom:6px;
}

strong {
font-weight:bold;
}

h3 {
line-height:140%;
font-size:16px;
color:#e35e00;
margin-bottom:6px;
}

h3 a {
color:#e35e00;
}

h3 a:hover {
color:#752402;
}

h4 {
line-height:140%;
font-size:19px;
color:#752402;
margin:8px 0 18px 0;
}

h5 {
line-height:140%;
font-size:16px;
color:#e35e00;
margin:18px 0 8px 0;
}

.caption {
font-size:10px;
}

.img-rt {
float:right;
margin-left:10px;
margin-top:-12px;
}

.img-star {
display:block;
width:150px;
height:150px;
float:right;
margin-left:30px;
margin-top:10px;
margin-right:20px;
}

#container {
position:relative;
min-height:100%;
width:822px;
margin:0px auto;
text-align:left;
}

#header {
padding:0px;
}

#branding {
height:175px;
}

h1.brand {
text-indent:-9999px;
width:330px;
height:216px;
margin-left:-36px;
background:url(images/inspector_logo-trans.png) no-repeat left top;
}

.corgi-logos {
position:absolute;
top:35px;
left:695px;
}







h3.top-top {
color:#752402;
font-weight:bold;
width:480px;
padding:12px 20px 3px 20px;
height:23px;
background:url(images/offer_top-trans.png) no-repeat left top;
margin-bottom:0px;
line-height:180%;
}

h3.offer {
font-size:19px;
padding-top:14px;
padding-bottom:3px;
}

.top-middle {
width:480px;
height:auto;
padding:8px 20px 0 20px;
background:url(images/offer_middle-trans.png) repeat-y left top;
}

.top-bottom {
width:480px;
padding:0 20px;
height:35px;
margin-top:0px;
background:url(images/offer_btm-trans.png) no-repeat left top;
}

h5.price {
font-size:18px;
font-weight:bold;
margin:10px 0 0px 0;
padding-bottom:5px;
}

.no-margin {
margin-bottom:0px;
}






.body-list {
list-style-type:square;
margin-left:14px;
}

.links li {
	margin-bottom:6px;
}




/* NAVIGATION */

#navigation {
width:514px;
margin-left:308px;
height:40px;
}

#navigation ul li {
display:block;
float:left;
}

#navigation ul li a {
color:#e35e00;
margin-left:-3px;
line-height:14px;
padding:14px 16px 12px 16px;
border-left:#fff solid 1px;
border-right:#e4ceaa solid 1px;
}

#navigation ul li a:hover {
color:#752402;
background:url(images/nav_bg_on.jpg) repeat-x left top;
}

#navigation ul li a.selected {
border-right:none;
color:#752402;
background:url(images/nav_bg_on.jpg) repeat-x left top;
}

/* remove the bullets, padding and margins from the lists */
#navigation ul{
list-style-type:none;
padding:0;
margin:0;
}

/* use the table to position the dropdown list */
#navigation table {
position:absolute;
border-collapse:collapse;
z-index:80;
}

/* style all the links */
#navigation a, #navigation :visited {
display:block;
}

/* style the links hover */
#navigation :hover {
color:#fff;
}

/* hide the sub level links */
#navigation ul ul {
visibility:hidden;
position:absolute;
}

#navigation ul li ul li a {
width:135px;
display:block;
float:left;
margin-left:-2px;
background-color:#f9e2b9;
border-top:1px solid #fff;
border-right:1px solid #fff;
}

/* make the sub level visible on hover list or link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{
visibility:visible;
background:url(images/nav_bg.jpg) repeat-x left top;
}

/* NAVIGATION */





#head-left {
float:left;
height:254px;
}

h3.head-left {
text-indent:-9999px;
width:294px;
height:254px;
margin-left:-36px;
}

.relax {
background:url(images/relax_block-trans.png) no-repeat left top;
}

.new-boiler {
background:url(images/newboilers-block-trans.png) no-repeat left top;
}

.boiler-servicing {
background:url(images/servicing-block-trans.png) no-repeat left top;
}

.central-heating {
background:url(images/central-heating_block-trans.png) no-repeat left top;
}

.gas-inspection {
background:url(images/gas-inspection_block-trans.png) no-repeat left top;
}

.electrical-inspection {
background:url(images/electrical-inspection_block-trans.png) no-repeat left top;
}

.carbon-monoxide {
background:url(images/carbon-monoxide_block-trans.png) no-repeat left top;
}

.about {
background:url(images/about-trans.png) no-repeat left top;
}

.usefullinks {
background:url(images/usefullinks-trans.png) no-repeat left top;
}

.contact {
background:url(images/contact-trans.png) no-repeat left top;
}

.our-services {
background:url(images/services-trans.png) no-repeat left top;
}




/* SIDE BAR */

#sidebar {
float:left;
width:346px;
margin-left:-36px;
padding-bottom:35px;
background:url(images/services_bg-trans.png) repeat-y left top;
}

h3.maintenance-plans {
text-indent:-9999px;
width:330px;
height:70px;
background:url(images/maintenance-plans_block-trans.png) no-repeat 36px top;
}

ul.maintenance-list {
width:330px;
margin-left:36px;
margin-bottom:80px;
}

ul.maintenance-list li {
float:left;
width:64px;
height:64px;
}

ul.maintenance-list li a#gold {
text-indent:-9999px;
display:block;
width:64px;
height:64px;
background:url(images/Gold_off.jpg) no-repeat left top;
}

ul.maintenance-list li a#gold:hover {
background:url(images/Gold_on.jpg) no-repeat left top;
}

ul.maintenance-list li a#silver {
text-indent:-9999px;
display:block;
width:64px;
height:64px;
background:url(images/Silver_off.jpg) no-repeat left top;
}

ul.maintenance-list li a#silver:hover {
background:url(images/Silver_on.jpg) no-repeat left top;
}

ul.maintenance-list li a#bronze {
text-indent:-9999px;
display:block;
width:64px;
height:64px;
background:url(images/Bronze_off.jpg) no-repeat left top;
}

ul.maintenance-list li a#bronze:hover {
background:url(images/Bronze_on.jpg) no-repeat left top;
}

ul.maintenance-list li a#economy {
text-indent:-9999px;
display:block;
width:64px;
height:64px;
background:url(images/Economy_off.jpg) no-repeat left top;
}

ul.maintenance-list li a#economy:hover {
background:url(images/Economy_on.jpg) no-repeat left top;
}



h3.services {
text-indent:-9999px;
width:330px;
height:82px;
background:url(images/services_block-trans.png) no-repeat 36px top;
}

ul.service-list {
width:330px;
margin-left:36px;
}

ul.service-list li {
float:left;
width:128px;
height:140px;
}

ul.service-list li.border-btm {
border-bottom:1px solid #fff;
}

ul.service-list li.border-rt {
border-right:1px solid #fff;
}

ul.service-list li a#new-boiler {
text-indent:-9999px;
display:block;
width:128px;
height:140px;
background:url(images/new-boiler-off.jpg) no-repeat left top;
}

ul.service-list li a#new-boiler:hover {
background:url(images/new-boiler-on.jpg) no-repeat left top;
}

ul.service-list li a#boiler-servicing {
text-indent:-9999px;
display:block;
width:128px;
height:140px;
background:url(images/boiler-servicing-off.jpg) no-repeat left top;
}

ul.service-list li a#boiler-servicing:hover {
background:url(images/boiler-servicing-on.jpg) no-repeat left top;
}

ul.service-list li a#central-heating {
text-indent:-9999px;
display:block;
width:128px;
height:140px;
background:url(images/central-heating-off.jpg) no-repeat left top;
}

ul.service-list li a#central-heating:hover {
background:url(images/central-heating-on.jpg) no-repeat left top;
}

ul.service-list li a#gas-inspection {
text-indent:-9999px;
display:block;
width:128px;
height:140px;
background:url(images/gas-inspect-off.jpg) no-repeat left top;
}

ul.service-list li a#gas-inspection:hover {
background:url(images/gas-inspect-on.jpg) no-repeat left top;
}

ul.service-list li a#electrical-inspection {
text-indent:-9999px;
display:block;
width:128px;
height:140px;
background:url(images/electrical-inspect-off.jpg) no-repeat left top;
}

ul.service-list li a#electrical-inspection:hover {
background:url(images/electrical-inspect-on.jpg) no-repeat left top;
}

ul.service-list li a#carbon-monoxide {
text-indent:-9999px;
display:block;
width:128px;
height:140px;
background:url(images/carbon-off.jpg) no-repeat left top;
}

ul.service-list li a#carbon-monoxide:hover {
background:url(images/carbon-on.jpg) no-repeat left top;
}




#content {
float:left;
width:510px;
margin-top:-620px;
margin-left:340px;
}

#content-wide {
float:left;
width:820px;
margin-top:40px;
margin-left:0px;}

h2.welcome {
text-indent:-9999px;
height:45px;
background:url(images/welcome.gif) no-repeat left top;
}

h2.call {
text-indent:-9999px;
height:45px;
background:url(images/call.gif) no-repeat left top;
}

h2.aboutus {
text-indent:-9999px;
height:45px;
background:url(images/about.gif) no-repeat left top;
}

h2.links {
text-indent:-9999px;
height:45px;
background:url(images/links-trans.png) no-repeat left top;
}

h2.new {
text-indent:-9999px;
height:45px;
background:url(images/new-boiler.gif) no-repeat left top;
}

h2.service {
text-indent:-9999px;
height:45px;
background:url(images/boiler_servicing.gif) no-repeat left top;
}

h2.central {
text-indent:-9999px;
height:80px;
background:url(images/central-heating.gif) no-repeat left top;
}

h2.gas {
text-indent:-9999px;
height:115px;
background:url(images/gas-inspection.gif) no-repeat left top;
}

h2.electrical {
text-indent:-9999px;
height:115px;
background:url(images/electrical-inspection.gif) no-repeat left top;
}

h2.carbon {
text-indent:-9999px;
height:45px;
background:url(images/carbon-monoxide.gif) no-repeat left top;
}

h2.contactus {
text-indent:-9999px;
height:45px;
background:url(images/contact.gif) no-repeat left top;
}

h2.services {
text-indent:-9999px;
height:45px;
background:url(images/services.gif) no-repeat left top;
}

h2.maintenance {
text-indent:-9999px;
height:45px;
background:url(images/maintenance.gif) no-repeat left top;
}

h2.thanks {
text-indent:-9999px;
height:45px;
background:url(images/thanks.gif) no-repeat left top;
}

h2.terms {
text-indent:-9999px;
height:45px;
background:url(images/terms.gif) no-repeat left top;
}

h2.exclusions {
text-indent:-9999px;
height:45px;
background:url(images/exclusions.gif) no-repeat left top;
}





#footer {
position:relative;
clear:both;
height:50px;
background:#fff url(images/footer_bg.jpg) repeat-x left top;
}

#footer p {
width:820px;
margin:0px auto;
padding-top:18px;
color:#999;
font-size:11px;
text-align:right;
}




/* FORM */

form#contact {
width:468px;
margin-top:30px;
padding:25px;
background-color:#fff6e7;
border:solid 1px #f1c38f;
}

input {
width:auto;
vertical-align:middle;
}

input.text {
margin-left:5px;
width:280px;
background:#faebd0;
}

label.drop {
width:auto;
padding-right:10px;
}

input.postcode {
width:80px;
}

label {
float:left;
width:65px;
}

label.block {
display:block;
width:300px;
padding-bottom:4px;
}





/* TABLE */

td {
padding:6px 8px;
background-color:#fad083;
border-bottom:1px solid #faebd0;
border-right:1px solid #faebd0;
}

th {
color:#FFF;
padding:6px 8px;
background-color:#e35e00;
border-bottom:1px solid #faebd0;
border-right:1px solid #faebd0;
}

table#plans {
text-align:center;
}

table#plans p {
margin-bottom:0;
}

table#plans tr.line {
border-bottom:2px solid #faebd0;
}

table#plans span.small {
font-size:10px;
line-height:130%;
}

table#plans td.gold {
background-color:#e1cc0f;
}

table#plans td.silver {
background-color:#bfbfbf;
}

table#plans td.bronze {
background-color:#c49c00;
}

table#plans td.economy {
background-color:#c49c00;
}