@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------- MAIN STYLES ---------------------------------------- */

:root {
	overflow-y: scroll;
}

* {
	margin:0px;
	padding:0px;
	border:0px;
}

a:active {
	outline: none;
	
}
a:focus {
	-moz-outline-style: none;
}

a {
	color:#d01500;
	text-decoration:none;
}

a:hover {
	color:#d01500;
	text-decoration:underline;
}

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7a7f;
	background:#fff;
	line-height:160%;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
}

#wrapper{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

#content{
	width:985px;
	padding-left:15px;
	position:relative;
}

body#Residential #content {
	min-height:1030px;
}

#header{
	width:972px;
	height:116px;
	background-image:url(../img/header_bg.jpg);
	background-repeat:no-repeat;
	margin:14px 0 10px 0;
}

#logo{
	width:209px;
	height:87px;
	margin:18px 0 0 22px;
	float:left;
	display:inline;
}

#main {
	width:960px;
	margin:10px 0 0 7px;	
}

ul li {
	list-style:inside;
	line-height:200%;
}

/* ---------------------------------------- NAV STYLES ---------------------------------------- */

#nav{
	width:300px;
	height:50px;
	float:left;
	margin:55px 0 0 100px;
	display:inline;
}

#subnav{
	width:300px;
	height:20px;
	font-size:11px;
	color:#808085;
	float:right;
	margin:24px 24px 0 0;
	text-align:right;
	display:inline;
}

#subnav a {
	color:#808085;
	text-decoration:none;
}

#subnav a:hover {
	color:#333;
	text-decoration:none;
}

#subnav ul li{
	list-style:none;
	display:inline;
	margin-left:7px;
}

#knowMore{
	width:258px;
	height:26px;
	background-image:url(../img/knowMore_bg.jpg);
	float:right;
	margin:16px 22px 0 0;
	font-size:11px;
	color:#FFF;
	text-shadow:#c31502 1px 1px 0px;
	line-height:26px;
	text-align:center;
	display:inline;
}

#knowMore a, .leftnav_info.backbutton a {
	color:#fff;
	text-decoration:none;
	height:26px;
	display:block;
}

#knowMore a:hover, .leftnav_info.backbutton a:hover {
	color:#fff;
	text-decoration:underline;
}

#breadcrumb{
	width:930px;
	height:30px;
	background-image:url(../img/breadcrumb_bg.jpg);
	line-height:30px;
	padding:0 15px 0 15px;
	margin: 0 0 0 7px;
	font-size:11px;
	color:#808085;
	text-shadow:#fff 1px 1px 0px;
}

#youarehere{
	height:30px;
	width:80px;
	float:left;
	display:inline;
}

.trail{
	height:30px;
	float:left;
	display:inline;
	background-image:url(../img/breadcrumb_arrow.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 12px 0 15px;
}

.trail a {
	color:#808085;
	text-decoration:none;
}

.trail a:hover {
	color:#d01500;
	text-decoration:none;
}

#riskAssessment{
	width:258px;
	height:30px;
	float:right;
	text-align:right;
	display:inline;
}

h1 {
	font-size:18px;
	color:#d01500;
	text-shadow:#fff 1px 1px 0px;
	font-weight:bold;
	text-transform:uppercase;
}

h2{
	font-size:16px;
	font-weight:bold;
	color:#d01500;
}

h3{
	font-size:14px;
	color:#444;
}

h3 a {
	color:#444;
	text-decoration:none;
}

h3 a:hover {
	color:#d01500;
	text-decoration:none;
}

/* ---------------------------------------- HOME STYLES ---------------------------------------- */

#video{
	width:960px;
	height:361px;
	margin:10px 0 0 7px;
}

.box{
	width:447px;
	float:left;
	margin:10px 15px 0 22px;
	display:inline;
}

.box p {
	margin-bottom:15px;
}

#box2{
	width:929px;
	margin:15px 0 20px 22px;
	float:left;
	display:inline;
}

body#Home .title{
	width:100%;
	border-bottom:1px dotted #c0c0c1;
	height:27px;
	margin: 0 0 15px 0;
	float:left;
	display:inline;
}

body#Home .title h1{
	font-size:16px;
	font-weight:bold;
	color:#d01500;
	text-transform:none;

}

body#Home h2{
	font-size:12px;
	font-weight:bold;
	color:#d01500;
}

body#Residential h1 {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-shadow:#46864f 1px 1px 0px;
}

.news_story, .footerlinks{
	width:211px;
	float:left;
	margin-right:25px;
	display:inline;
}

.thumbnail{
	width:211px;
	height:97px;
	margin:10px 0;
}

/* ---------------------------------------- FOOTER STYLES ---------------------------------------- */

.push {
	height: 140px;/* .push must be the same height as .footer */
}

#footer{
	width:100%;
	margin-top:20px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#808085;
	text-shadow:#fff 1px 1px 0px;
	padding-bottom:10px;
	border-bottom: solid 4px #828286;
}

#footercontent{
	width:985px;
	padding-left:15px;
}

#footer a {
	color:#808085;
	text-decoration:none;
}

#footer a:hover {
	color:#333;
	text-decoration:none;
}

#footerWrapper{
	width:1000px;
	margin-left: auto;
	margin-right:auto;
}

#lessmore{
	width:960px;
	margin: 10px 0 0 22px;
	float:left;
	display:inline;
}

#expandable{
	width:930px;
	margin:10px 0 0 22px;
}

#footerNav{
	width:453px;
	float:left;
	margin:20px 0 20px 22px;
	display:inline;
}

#logos{
	width:453px;
	float:right;
	margin:0 35px 0 0;
	text-align:right;
	display:inline;
}

.footerlinks ul{
	list-style:inside;
	margin-top:10px;
}

#shown_first{
	width:960px;
	margin: 10px 0 0 22px;
	float:left;
	display:inline;
}

#hidden_first{
	width:960px;
	margin: 10px 0 0 22px;
	float:left;
	display:none;
}



/* ---------------------------------------- RESIDENTIAL STYLES ---------------------------------------- */

#residentialText {
	position:absolute;
	width:370px;
	top:230px;
	left:65px;
	font-size:14px;
}

body#Residential #heading {
	width:171px;
	height:33px;
	background:url(../img/residential/header_bg.jpg) no-repeat;
	float:left;
	display:inline;
	font-size:18px;
	color:#d01500;
	text-shadow:#fff 1px 1px 0px;
	font-weight:bold;
	padding:12px 0 0 55px;
	margin:0;
	text-transform:uppercase;
}

body#Residential #residentialText h1 {
	font-size:36px;
	color:#48ac5d;
	text-shadow:none;
	line-height:100%;
	height:auto;
	text-transform:uppercase;
}

body#Residential h1 {
	color:#fff;
	text-transform:none;
}

body#Residential h2 {
	font-size:18px;
	width:350px;
	font-weight:bold;
	color:#48ac5d;
	float:left;
	margin:9px 0 0 0;
}

body#Residential #title {
	width:706px;
	height:30px;
	float:right;
	display:inline;
	background:url(../img/residential/title_bg.jpg) no-repeat;
	padding:11px 0 0 13px;
}

#subheading {
	width:211px;
	height:34px;
	background:url(../img/residential/subtitle_bg.jpg) no-repeat;
	float:left;
	display:inline;
	font-size:18px;
	color:#444;
	text-shadow:#fff 1px 1px 0px;
	font-weight:bold;
	padding:11px 0 0 15px;
}

body#Residential .infoArea h3 {
	width:450px;
	font-size:18px;
	font-weight:bold;
	color:#48ac5d;
	margin-bottom:15px;
	float:left;
	display:inline;
}

body#Residential .list h3 {
	font-size:16px;
	font-weight:bold;
	color:#48ac5d;
	margin-bottom:10px;
}

body#Residential .wide-pod p {
	margin-top:8px;
	float:left;
	width:370px;
}

body#Residential .list p {
	margin-bottom:10px;
}

.infoArea {
	width:450px;
	margin:0 10px 40px 0;
	float:left;
	display:inline;
}

.infoArea_image {
	width:225px;
	height:246px;
	float:right;
	display:inline;
	margin-right:11px;
}

.infoArea_image_text {
	width:225px;
	height:92px;
	float:right;
	display:inline;
	margin-right:11px;
}

.findOutMore {
	width:225px;
	height:40px;
	float:right;
	display:inline;
	margin:0 11px 44px 0;
	background:url(../img/residential/fingOutMore_button_bg.jpg) no-repeat;
	line-height:40px;
	color:#FFF;
	text-shadow:#c31502 1px 1px 0px;
	text-align:center;
}

.findOutMore a {
	color:#fff;
	text-decoration:none;
	height:40px;
	display:block;
}

.findOutMore a:hover {
	color:#fff;
	text-decoration:underline;
}

.list {
	width:207px;
	float:left;
	margin-right:35px;
	display:inline;
}

.end {
	margin:0;
}

.list ul li {
	list-style:inside url(../img/residential/tick.jpg);
}

#survey {
	
	position:absolute;
	top:550px;
	width:224px;
	height:400px;
	margin-left:8px;
	z-index:20;
	
}

#survey_image {
	width:224px;
	margin:7px 0 0 1px;
	float:left;
}

#applyNow {
	width:225px;
	height:40px;
	float:left;
	display:inline;
	margin:10px 0 0 1px;
	background:url(../img/residential/fingOutMore_button_bg.jpg) no-repeat;
	line-height:40px;
	color:#FFF;
	text-shadow:#c31502 1px 1px 0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#applyNow a {
	color:#fff;
	text-decoration:none;
	height:40px;
	display:block;
}

#applyNow a:hover {
	color:#fff;
	text-decoration:underline;
}


#image{
	width:960px;
	height:361px;
	margin:10px 0 0 7px;
	background:url(../img/image2.jpg) no-repeat;
}

.wide-pod {
	width: 450px;
	float:left;
	display:inline;
	margin:10px 20px 15px 0;
	padding:10px 10px 15px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:#f7f7f7;
	position:relative;
}

.wide-pod.norightmargin {
	margin:10px 0 15px 0;
}

.icon {
	width:38px;
	height:95px;
	float:left;
	display:inline;
	margin:0 8px 0 0;
}

/* ---------------------------------------- APPLICATION FORM STYLES ---------------------------------------- */

body#Residential #application_form h1 {
	text-shadow:none;
	color:#d01500;
}

#application_form #commentForm {
	width:510px;
}


#application_form .formrow {
	float:left;
	display:inline;
	width:250px;
}

#application_form .formrowSmall {
	float:left;
	display:inline;
	width:122px;
}


#application_form input, .required.field.formerror {
	margin:0 7px 10px 7px;
}

#application_form label{
	margin:0 7px 8px 7px;
}

.smallRow input, .smallRow label{
	width:104px;
}

#application_form .smalllabel {
	margin:0 0 8px 8px;
}

#application_form select {
	margin-left:7px;
}

#application_form select.smallDropdown{
	width:115px;
	margin-left:8px;
}

#application_form .checkbox {
	width:20px;
	margin:7px 0 15px 5px;
}


/* ---------------------------------------- COMMERCIAL STYLES ---------------------------------------- */

#commercialText {
	position:absolute;
	width:370px;
	top:230px;
	left:65px;
	font-size:12px;
}

#commercial_content ul, #commercial_content h3, #commercial_content p {
	margin-bottom:15px;
}

body#Commercial #commercialText h1 {
	font-size:36px;
	text-shadow:none;
	line-height:100%;
	height:auto;
	text-transform:uppercase;
}

body#Commercial .wide-pod {
	width:440px;
	padding:15px;
}

.min-height {
	min-height:159px;
}

#title {
	width:960px;
	height:40px;
	float:left;
	display:inline;
	background:url(../img/commercial/title_bg.jpg) no-repeat;
}

#icon {
	float:left;
	margin-left:7px;
	display:inline;
}

#heading {
	height:30px;
	padding-top:12px;
	float:left;
	margin-left:4px;
}


.title{
	width:930px;
	border-bottom:1px dotted #c0c0c1;
	height:27px;
	margin:23px 15px 0 15px;
	float:left;
	display:inline;
}

.wide-pod .title {
	width:100%;
	margin:0;
	margin-bottom:15px;
}

.title_sub{
	width:693px;
	border-bottom:1px dotted #c0c0c1;
	height:27px;
	float:right;
	margin:23px 15px 0 0;
	display:inline;
}

.title_sub2{
	width:693px;
	border-bottom:1px dotted #c0c0c1;
	height:27px;
	float:right;
	margin-bottom:15px;
	display:inline;
}

.pod {
	width:207px;
	height:229px;
	margin:20px 7px 20px 6px;
	padding:10px;
	float:left;
	display:inline;
	background:url(../img/commercial/pod_bg.gif) no-repeat;
}

.pod img {
	border:1px solid #fff;
	margin:10px 0 10px -1px;
}

.pod p {
	margin-bottom:10px;
}

.leftnav {
	width:224px;
	float:left;
	margin:10px 0 17px 0;
	display:inline;
}

.leftnav_title {
	background:url(../img/commercial/leftnav_title_bg.gif) no-repeat;
	width:209px;
	height:40px;
	line-height:40px;
	padding-left:15px;
}

.leftnav_info {
	margin-top:1px;
	background-color:#f7f7f7;
	padding:10px 15px;
}

.leftnav_info ul li {
	list-style:inside;
}

.leftnav_info ul li a{
	color:#7a7a7f;
	text-decoration:none;
}

.leftnav_info ul li a:hover{
	color:#444;
	text-decoration:none;
}

.leftnav_info.backbutton{
	background:url(../img/back_button.jpg) no-repeat;
	padding:0;
	width:224px;
	height:26px;
	color:#fff;
	text-align:center;
	line-height:26px;
	font-size:11px;
	text-shadow:#c31502 1px 1px 0px;
}

ul.nobullets li{
	list-style:none;
	list-style-position:outside;
}

#commercial_content, #news_content {
	width:693px;
	float:right;
	display:inline;
	margin:15px 15px 20px 0;	
}

#news_content {
	margin:23px 15px 20px 0;
}

#commercial_content img, #news_content img{
	margin-bottom:20px;
}

p.quote {
	font-style:italic;
	margin:20px;
	font-weight:bold;
	color:#444;
	font-size:18px;
	line-height:150%;
}

p.viewall {
	position:absolute;
	top:15px;
	right:15px;
	z-index:10;
}

.listItem {
	width:195px;
	padding:5px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#fff;
	margin-top:10px;
	color:#444;
	font-weight:bold;
	float:left;
	display:inline;
}

.listItem a {
	color:#444;
	text-decoration:none;
}

.listItem a:hover {
	color:#d01500;
	text-decoration:none;
}

/* ---------------------------------------- NEWS STYLES ---------------------------------------- */

.story {
	width:693px;
	border-top:1px dotted #c0c0c1;
	padding-bottom:15px;
	padding-top:15px;
	float:left;
	display:inline;
}

#news_content .story img {
	float:left;
	margin:0 30px 0 0;
}

body#News .title_sub2, body#Projects .title_sub2{
	border:0;
	margin:0;
}

.newsImg {
	margin: 0 0 20px 20px;
	float:right;
	display:inline;
}

/* ---------------------------------------- CLIENTS STYLES ---------------------------------------- */

body#Clients .pod {
	width:207px;
	height:128px;
	margin:20px 7px 20px 6px;
	padding:10px;
	float:left;
	display:inline;
	background:url(../img/clients/pod_bg.gif) no-repeat;
}


/* ---------------------------------------- CAREERS STYLES ---------------------------------------- */

.applynow{
	background:url(../img/careers/button_bg.jpg) no-repeat;
	width:85px;
	height:26px;
	line-height:26px;
	color:#fff;
	float:left;
	display:inline;
	text-shadow:#c31502 1px 1px 0px;
	font-size:12px;
	text-align:center;
	margin-bottom:17px;
}

.applynow a {
	color:#fff;
	text-decoration:none;
}

.applynow a:hover {
	color:#fff;
	text-decoration:underline;
}

#terms {
	width:300px;
	float:left;
	display:inline;
	height:15px;
	font-size:10px;
	margin-bottom:15px;
}

#terms a{
	color:#7a7a7f;
	text-decoration:none;
}

#terms a:hover{
	color:#444;
	text-decoration:none;
}

.checkbox {
	width:20px;
	margin-top:5px;
}

.back {
	 width:250px;
	 float:left;
	 margin-top:5px;
}

/* ---------------------------------------- FORM STYLES ---------------------------------------- */

input, .required.field.formerror {
	background-color:#f7f7f7;
	border:1px solid #e7e5e5;
	padding:5px;
	width: 226px;
	margin:0 15px 10px 0;
	float:left;
	display:inline;
}

select {
	width:238px;
	float:left;
	display:inline;
	margin-bottom:10px;
	_margin-bottom:15px;
	background-color:#f7f7f7;
	border:1px solid #e7e5e5;
	padding:5px;
	height:26px;
}

label{
	font-size:14px;
	color:#444;
	font-weight:bold;
	float:left;
	display:inline;
	width:232px;
	margin:0 15px 12px 0;
	line-height:23px
}

textarea, .required.field.enquiry.formerror {
	background-color:#f7f7f7;
	border:1px solid #e7e5e5;
	padding:5px;
	width:473px;
	float:left;
	display:inline;
	height:200px;
	margin-bottom:10px;
}

.submit {
	width:85px;
	height:26px;
	padding:0;
	line-height:26px;
	color:#fff;
	float:left;
	display:inline;
	margin-right:247px;
	cursor:pointer;
	display:block;
	border:0;
	background:url(../img/contact/button_bg.jpg) no-repeat;
	text-shadow:#c31502 1px 1px 0px;
	font-size:12px;
}

.formerror {
	color:#c31502;
	font-size:11px;
	float:left;
	font-weight:normal;
	width:150px;
}

.enquirytitle {
	width:400px;
}


/* ---------------------------------------- HOLDING PAGE ---------------------------------------- */

#wrapper-holding{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -276px; /* the bottom margin is the negative value of the footer's height */
}

.push-holding {
	height: 276px;/* .push must be the same height as .footer */
}

#under-construction{
	width:880px;
	max-height:185px;
	margin:20px 0 0 7px;
	background-color:#f7f7f7;
	font-size:18px;
	text-align:center;
	padding:40px;
	text-shadow:#fff 1px 1px 0px;
}

#under-construction p {
	margin-bottom:30px;
}

#under-construction p.heading {
	color:#d01500;
	font-weight:bold;
	font-size:30px;
}

#under-construction p.thankyou {
	color:#d01500;
	font-weight:bold;
	font-size:20px;
}

#under-construction p.sub, #address  p.sub {
	color:#444;
	font-weight:bold;
	font-size:24px;
}

#address {
	width:960px;
	margin:20px 0 0 20px;
	font-size:18px;
	text-align:center;
	line-height:200%;
	height:150px;
}

#address p {
	margin-bottom:10px;
}

.footerlinks-holding p { margin:10px 0; }

form#signupForm {
	width:460px;
	margin-left:auto;
	margin-right:auto;
}

form#signupForm input {
	background-color:#fff;
	border:1px solid #e7e5e5;
	padding:10px;
	width: 330px;
	margin:0 15px 0 0;
	float:left;
	display:inline;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

form#signupForm input.submit {
	width:85px;
	height:38px;
	padding:0;
	line-height:39px;
	color:#fff;
	float:left;
	display:inline;
	cursor:pointer;
	display:block;
	text-shadow:#9d0600 1px 1px 0px;
	font-size:12px;
	background-image:none;
	background-color:#d01500;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	border:0;
}

form#signupForm input.submit:active {
	margin-top:1px;
	border:0;
}

.footerlinks-holding {
	width:166px;
	float:left;
	margin-right:25px;
	display:inline;
}

#contact-holding {
	float:right;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	margin:40px 23px 0 0;
}

#footer-holding{
	width:100%;
	height:242px;
	padding-top:20px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#808085;
	text-shadow:#fff 1px 1px 0px;
	padding-bottom:10px;
	border-bottom: solid 4px #828286;
}

#footercontent-holding{
	width:985px;
	padding:10px 0 0 15px;
}

/* ---------------------------------------- OTHER STYLES ---------------------------------------- */

.red {
	font-weight:bold;
	color:#d01500;
}

.bold{
	font-weight:bold;
	color:#444;
}
.black {
	color:#444;
}

.italic{
	font-style:italic;
}

.floatRight{
	float:right;
	margin-right:0;
	display:inline;
}

.floatLeft{
	float:left;
	display:inline;
}

.spacer{
	margin-left:10px;
}

.pointer{
	cursor:pointer;
}

.pointer:hover{
	color:#444;
}

.no_bottom_margin {
	margin-bottom:0;
}

.no_bottom_padding {
	padding-bottom:0;
}

.small {
	font-size:10px;
	color:#7a7a7f;
	font-weight:normal;
	line-height:140%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

ul li.lineheight {
	line-height:160%;
}
 
.clearfix {
	display: inline-block;
}

.error {
	background:#f7f7f7;
	color:#333;
	border-color:#f7f7f7;
	padding:20px;
	border:solid #d01500;
	border-left:3px;
	border-right: 3px;
	border-bottom: 3px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	text-align:center;
}

.error a, .error a:hover{
	color:#8a1f11;
}

/* simply moves close box to right */
.kickRight {
	text-align:center;
}