body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:url(../img/bg/body.jpg) repeat-x; text-align:center;}

/* GENERAL-----------------------------------------------------------------  */
.l{float:left;} .r{float:right; padding-left:15px; border-left:1px solid #eee;} .clear{clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* CONTAINER-----------------------------------------------------------------  */
#container{width:996px; margin-left:auto; margin-right:auto; text-align:left;}

/* HEADER------------------------------------------------------------------  */
#header{background:#000 url(../img/bg/header.jpg) no-repeat 580px 48px; height:117px; position:relative;}
#header p{font-size:1.1em; color:#4d4c4c; position:absolute; top:15px; right:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#header p a{color:#b3b1b1; text-decoration:none;} #header p a:hover{color:#eee;}
#header img{position:absolute; top:10px; left:-2px;}

/* NAVIGATION------------------------------------------------------------------  */
#navigation{height:37px; font-family:Lucida Grande, Lucida Sans, Arial, serif;}
#navigation ul li{display:inline; line-height:37px; margin:0px 25px 0px 0px; font-size:1.4em;}
#navigation ul li a{color:#ddf7b1; text-decoration:none; font-weight:bold; }
#navigation ul li.on a{color:#fff;} 
#navigation ul li a:hover{color:#fff;} 

/* MAIN------------------------------------------------------------------  */
#main{background:#fff url(../img/bg/main.jpg) repeat-y top right; position:relative; height:1%; margin-bottom:6px;}

/* BOOKING------------------------------------------------------------------  */
#booking{float:right; width:287px; padding-top:15px; padding-bottom:10px;}
#booking h3{color:#9bcb49; font-size:2.8em; text-align:center; text-transform:uppercase; letter-spacing:-0.03em; margin-bottom:13px;}
#booking h4{font-size:1.6em; font-weight:bold; color:#9bcb49; margin-bottom:3px;}
#booking .details{background:#3b3b3b; width:247px; margin-left:auto; margin-right:auto; padding:7px 10px 7px 10px;}
#booking hr{border-bottom:1px solid #9bcb49; margin:6px 10px 6px 10px;}

/* Table Styling */
#booking .details table{width:100%; font-size:1.2em;}
#booking .details table td{padding:6px 5px 0px 0px; color:#eee;}
#booking .details table input{padding:3px; width:100%; font-family:Arial, Helvetica, sans-serif; border:1px solid #2c2a2a; color:#333;}
#booking .details table select{padding:1px; font-family:Arial, Helvetica, sans-serif; color:#333;} 
#booking .details table td em{color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
#booking table.submit {width:100%; text-align:center; margin-top:10px;}
#booking table.submit #booknow{background:url(../img/buttons/booknow.jpg) no-repeat; width:113px; height:27px; padding:0px; border:none; cursor:pointer;} #booking table.submit #booknow:hover{background:url(../img/buttons/booknow-hover.jpg) no-repeat;}
#booking table.submit input.button{background:#9ccb49; padding:4px 15px 2px 15px; color:#fff; text-transform:uppercase; font-size:1.4em; font-weight:bold; cursor:pointer; width:auto; overflow: visible;} #content .form table input.button:hover{background:#6ca011;}

/* Form Widths */
.item{width: 40%;} .pc50{width:50%;} .pc100{width:100%;}

/* DESCRIPTION------------------------------------------------------------------  */
#description{width:703px; float:left; padding-top:15px;} #description img{margin-top:5px;}
#description img.rating{position:absolute; bottom:0px; left:0px;}
.content_block{width:330px; float:left; }

#description h2{font-size:2.5em; letter-spacing:-0.03em; margin-bottom:10px;}
#description p{font-size:1.2em; line-height:1.5em; margin-bottom:10px; color:#444; margin-right:10px;}

/* TIPS------------------------------------------------------------------  */
#tips{background:#3b3b3b url(../img/bg/quicktip.jpg) no-repeat; width:583px; height:61px; float:left; padding-left:120px;}
#tips ul#hints {line-height:61px; font-size:1.4em; color:#fff;}

/* DISCOUNTS------------------------------------------------------------------  */
#discounts{background:#83af3a url(../img/bg/discounts.jpg) no-repeat; width:280px; height:58px; float:right; padding:3px 7px 0px 0px;}
#discounts p{text-align:right; margin-left:100px; font-size:1.1em;}
#discounts a{color:#fff; text-decoration:none;}

/* FEATURES------------------------------------------------------------------  */
.feature{width:323px; float:left; margin-top:6px; margin-bottom:10px; margin-right:13px;}

.last{margin-right:0px; width:324px; float:right;} .last img{width:324px; margin-bottom:3px;}
.feature p{color:#7e7878; font-size:1.2em; line-height:1.5em; margin-right:10px;}
.feature p a{text-align:right; color:#83af3a; text-transform:uppercase; font-size:1.4em; font-weight:bold; text-decoration:none; display:block;} .feature p a:hover{color:#59880c; text-decoration:underline;}

/* Headings */
.feature h5{height:40px; text-indent:-9000px;}
.feature h5.air-pressure-testing{background:#000 url(../img/headings/air-pressure-testing.jpg) no-repeat 10px 11px;}
.feature h5.thermal-imaging{background:#000 url(../img/headings/thermal-imaging.jpg) no-repeat 10px 11px;}
.feature h5.building-energy-analysis{background:#000 url(../img/headings/building-energy-analysis.jpg) no-repeat 10px 11px;}

/* INSIDE LAYOUT------------------------------------------------------------------  */
#main{}
#inside-navigation{width:190px; float:left;}
#content{width:570px; margin-left:20px; float:left; padding-top:12px; padding-bottom:6px;}
#rhs{width:174px; float:right; padding-top:12px;}

/* INSIDE NAVIGATION------------------------------------------------------------------  */
#inside-navigation{border-top:17px solid #9bcb49; border-bottom:17px solid #9bcb49;}
#inside-navigation ul li{background:#111 url(../img/icons/leftnav.gif) no-repeat 7px center; font-size:1.2em; text-transform:uppercase; padding:8px 10px 8px 17px; margin-bottom:1px; font-weight:bold;}
#inside-navigation ul li a{color:#ccc; text-decoration:none;}
#inside-navigation ul li.on a{color:#fff;}
#inside-navigation ul li a:hover{color:#fff;}

/* INSIDE CONTENT------------------------------------------------------------------  */
#breadcrumbs p{font-size:1.2em; color:#787873;}
#breadcrumbs p a{color:#787873; text-decoration:none;} #breadcrumbs p a:hover{color:#333;} #breadcrumbs p span{color:#60891b;}

#content h1{font-size:2.6em; letter-spacing:-0.03em; margin-bottom:10px;}
#content h2{font-size:1.6em; font-weight:bold; margin-bottom:10px; color:#4b4a4a;}
#content p{color:#333; font-size:1.2em; line-height:1.5em; margin-bottom:10px;}
#content img.img-r{float:right; margin-left:10px; margin-bottom:5px;}
#content a{color:#6ca011; text-decoration:none;}
#content a:HOVER { text-decoration: underline; color:#59880c;}

#content ul { font-size: 1.2em;  margin: 10px 5px 10px 30px; }
#content ul li { background: url(../img/icons/bullet_arrow.gif) no-repeat 0px 6px; line-height:1.5em; padding:0 0 0 10px; margin:0 0 10px 0; color: #333;}
#content ul li a{color: #9bcb49; font-size:1.2em;}
#content ul li a:hover {text-decoration:underline;}

#content table{width:60%; font-size:1.2em; margin-bottom:12px; border:1px}
#content table td{padding:6px 5px; }
#content table tr.alt td {background:#e8e4e5; border-top:1px solid #c8c6c7; border-bottom:1px solid #c8c6c7;}

/* RHS CONTENT------------------------------------------------------------------  */
#rhs img{margin-bottom:12px;}

/* FORM STYLE------------------------------------------------------------------  */
.form-details {background:#fde0e2; border:1px solid #ecbabd; color:#971505; font-size:1.4em; font-weight:bold; padding:10px 10px 0px 10px; margin-bottom:15px;} #content .form-details p{color:#971505; line-height:1.3em;}

#content .form h2{color:#7cb439;}
#content .form table{width:100%; font-size:1.2em; margin-bottom:12px;}
#content .form table td{padding:6px 5px; }
#content .form table tr.alt td {background:#e8e4e5; border-top:1px solid #c8c6c7; border-bottom:1px solid #c8c6c7;}
#content .form table td input{width:60%; padding:3px; border:1px solid #a9aaac; font-family:Arial, Helvetica, sans-serif;}
#content .form table td select{padding:1px;}
#content .form table span.mand{font-family:Georgia, "Times New Roman", Times, serif;}
#content .form table tr.submit td{padding-top:10px; padding-left:0px;}
#content .form table input.button{background:#9ccb49; padding:4px 15px 2px 15px; color:#fff; text-transform:uppercase; font-size:1.4em; font-weight:bold; cursor:pointer; width:auto; overflow: visible; border:none;}
#content .form table input.button:hover{background:#6ca011;}

/* Form Widths */
.pc25{width:25%;}
.pc50{width:50%;}

/* Validation */
#content .validation{background:#ffffc1; border:3px double #ebeb81; padding:10px 10px 0px 10px; margin-bottom:15px; color:#7d2a05;}
#booking .validation{background:#ffffc1; border:3px double #ebeb81; padding:10px 10px 0px 10px; margin-bottom:15px; color:#7d2a05; margin:10px;}
#content .validation p, #booking .validation p{font-size:1.2em; margin-bottom:10px; color:#333;}
#content .validation ul, #booking .validation ul{font-size:1.2em; margin-bottom:10px; margin-left:23px;}
#content .validation ul li, #booking .validation ul li{list-style-type:disc; margin-bottom:3px;}

/* SITEMAP ------------------------------------------------------------------  */
#content #sitemap p{font-size:1.4em; font-weight:bold; border-top:1px solid #e2e2e2; padding-top:7px;}
#content #sitemap p a{color:#0e6405;} #content #sitemap a:hover{text-decoration:none;}
#content #sitemap ul{font-size:1.2em; margin-bottom:13px; margin-left:0px; }
#content #sitemap ul li{background: url(../img/icons/bullet_arrow.gif) no-repeat; margin-bottom:3px; margin-left:23px;}
#content #sitemap ul li a{color:#333;}

/* FOOTER------------------------------------------------------------------  */
#footer{background:#111 url(../img/bg/footer.jpg) no-repeat top right; padding:10px 13px; height:38px; clear:both;}
#footer p{font-size:1.2em; color:#585757; line-height:1.6em;}
#footer a{color:#959595; text-decoration:none;} #footer a:hover{color:#eee;}
#footer span{color:#2d2d2d; margin:0px 5px;}

/* BTM LINKS------------------------------------------------------------------  */
#btm-links{font-size:1.2em; color:#ccc; padding:10px 0px 10px 0px; height:25px;} #btm-links p{line-height:25px;}
#btm-links a{color:#666; text-decoration:none;} #btm-links a:hover{color:#333;}
