@charset "utf-8";
body {
	margin:0px;
	padding:0px;
	background-image:url(../images/template/background.jpg);
	background-position:top;
	font: 80% verdana, arial, helvetica, sans-serif;
	text-align: center; /* for IE */
}
/**************************** Template ****************************/

#container {
	position:relative;
	height:auto;
	background-image:url(../images/template/cloudBackground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#center {
	position:relative;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width:  900px;
	height:auto;
}
.logo {
	position:absolute;
	top:21px;
	left:23px;
}
/*********************** Inspection segment ***************************/
.inspection {
	position:absolute;
	height:43px;
	line-height:42px;
	top:22px;
	right:15px;
	background-image:url(../images/template/inspectionTile.gif);
	background-repeat:repeat-x;
	padding:0px 20px 0px 20px;
}
.inspection .lhs {
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.inspection .rhs {
	position:absolute;
	right:0px;
	top:0px;
	z-index:0;
}
.inspection .contactType {
	position:relative;
	z-index:10;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4b4b4b;
}
.inspection .contactNumber {
	position:relative;
	z-index:10;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#0091d9;
}
/*********************** Navigation ***************************/

.navigation {
	position:absolute;
	top:85px;
	right:12px;
	height:34px;
	
}
.navigation ul.blue {
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px 5px 0px 0px;
	height:34px;
	
	float:left;
}
.navigation ul.blue li {
	position:relative;
	background-image:url(../images/template/navigation/blueButtonTile.gif);
	background-repeat:repeat-x;
	height:34px;
	width:auto;
	
	margin:0px;
	padding:0px;
}
.navigation ul.blue li .lhs {
	position:absolute;
	width:15px;
	height:34px;
	background-image:url(../images/template/navigation/blueButtonLHS.gif);
	background-repeat:no-repeat;
	left:0x;
	z-index:1;
}
.navigation ul.blue li .rhs {
	position:absolute;
	width:15px;
	height:34px;
	background-image:url(../images/template/navigation/blueButtonRHS.gif);
	background-repeat:no-repeat;
	right:0px;
	z-index:1;
}
.navigation ul.red {
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px 5px 0px 0px;
	height:34px;	
	float:left;
}
.navigation ul.red li {
	position:relative;
	background-image:url(../images/template/navigation/redButtonTile.gif);
	background-repeat:repeat-x;
	height:34px;
	
	width:auto;
	margin:0px;
	padding:0px;
}
.navigation ul.red li .lhs {
	position:absolute;
	width:15px;
	height:34px;
	background-image:url(../images/template/navigation/redButtonLHS.gif);
	background-repeat:no-repeat;
	left:0x;
	z-index:1;
}
.navigation ul.red li .rhs {
	position:absolute;
	width:15px;
	height:34px;
	background-image:url(../images/template/navigation/redButtonRHS.gif);
	background-repeat:no-repeat;
	right:0px;
	z-index:1;
}
.navLink {
	position:relative;
	display:block;
	width:auto;
	height:34px;
	line-height:34px;
	padding:0px 15px 0px 15px;
	z-index:10;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
/* Sub nav */


.subNavigation {
	width:207px;
	/*position:absolute;
	right:10px;
	top:125px;*/
	float:right;
}
.subNavigation ul {
	padding:0px;
	margin:0px;
}
.subNavigation ul li {
	position:relative;
	width:207px;
	height:39px;
	line-height:39px;
	list-style:none;
	margin-top:5px;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.subNavigation ul li a {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent:35px;
	display:block;
	width:207px;
	height:39px;
	line-height:39px;
}
.subNavigation ul li a.on {
	background-image:url(../images/template/navigation/subnavOn.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	text-decoration:none;
}
.subNavigation ul li a.off {
	background-image:url(../images/template/navigation/subnavOff.jpg);
	background-repeat:no-repeat;
	color:#515151;
	text-decoration:none;
}
/******************* Core font groups ***************************/


p {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4a4a;
	line-height:20px;
}
a {
	color:#0091d9;
}
h2 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#0091d9;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
h3 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#0091d9;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/************ Blue block *******************/

.textBlockBlue {
	position:relative;
	height:auto;
	width:590px;
	padding:13px 18px 16px 18px;
	margin-top:20px;
	background-color:#0093d9;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	line-height:18px;
}
.textBlockBlue a {
	font-weight:bold;
	color:#ffffff;
}
.textBlockBlue .TLcorner {
	position:absolute;
	top:-1px;
	left:-1px;
	background-image:url(../images/template/panels/blueTL.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
.textBlockBlue .TRcorner {
	position:absolute;
	top:-1px;
	right:-1px;
	background-image:url(../images/template/panels/blueTR.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
.textBlockBlue .BLcorner {
	position:absolute;
	bottom:-1px;
	left:-1px;
	background-image:url(../images/template/panels/blueBL.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
.textBlockBlue .BRcorner {
	position:absolute;
	bottom:-1px;
	right:-1px;
	background-image:url(../images/template/panels/blueBR.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:5px;
	height:5px;
}
/************ Red block *******************/

.textBlockRed {
	position:relative;
	height:auto;
	width:590px;
	padding:13px 18px 16px 18px;
	margin-top:10px;
	background-color:#e21b13;
}
.textBlockRed a {
	font-weight:bold;
	color:#ffffff;
}
.textBlockRed .TLcorner {
	position:absolute;
	top:-1px;
	left:-1px;
	background-image:url(../images/template/panels/redTL.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
.textBlockRed .TRcorner {
	position:absolute;
	top:-1px;
	right:-1px;
	background-image:url(../images/template/panels/redTR.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
}
.textBlockRed .BLcorner {
	position:absolute;
	bottom:-1px;
	left:-1px;
	background-image:url(../images/template/panels/redBL.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:5px;
	height:5px;
}
.textBlockRed .BRcorner {
	position:absolute;
	bottom:-1px;
	right:-1px;
	background-image:url(../images/template/panels/redBR.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:5px;
	height:5px;
}
.textBlockRed h3 {
	font:Arial, Helvetica, sans-serif !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:17px !important;
	font-weight:bold !important;
	color:#ffffff !important;
	line-height:18px !important;
	padding:0px;
	margin:0px;
}
.textBlockRed p {
	font:Arial, Helvetica, sans-serif !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	color:#ffffff !important;
	line-height:11px !important;
	padding:10px 0px 0px 0px;
	margin:0px;
}
.image {
	position:relative;
	padding-top:10px;
}
/******************* Page template ***************************/

.pageHeader {
	position:absolute;
	top:105px;
	left:-12px;
}
.pageBottom {
	position:absolute;
	bottom:-5px;
	left:-10px;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/pageBottom.png');
}

#page {
	position:relative;
	display:block;
	margin-bottom:170px;
	top:120px;
	width:  900px;
	height:auto;
	background-color:#ffffff;

}

#innerPage {
position:relative;
width:880px;
left:10px;
top:10px;



}


.innerPageHeader {
	position:relative;
	width:881px;
	height:64px;
	background-image:url(../images/template/mainPageHeader.jpg);
	background-repeat:no-repeat;
}
.innerPageHeader h1 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	color:#ffffff;
	line-height:64px;
	text-indent:25px;
	padding:0px;
	margin:0px;
}
/******************* Breadcrumb trail ***************************/
.breadcrumb {
	position:relative;
	width:881px;
	height:16px;
	background-image:url(../images/template/breadcrumbLines.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:5px;
}
.breadcrumb ul {
	position:relative;
	padding:0px 0px 0px 25px;
	margin:0px;
	list-style:none;
}
.breadcrumb ul li {
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#838383;
	line-height:16px;
	float:left;
	padding-right:15px;
}
.breadcrumb ul li a {
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0091d9;
	line-height:16px;
	float:left;
	text-decoration:none;
}
.innerPageContent {
	position:relative;
	width:625px;
	height:auto;
	left:25px;
	padding-top:25px;
	padding-bottom:25px;
}
.innerPageContentFull {
	position:relative;
	width:831px;
	height:auto;
	left:25px;
	padding-top:25px;
	padding-bottom:25px;
}
/******************* Grey frame ***************************/




.greyFrame {
	position:relative;
	width:auto;
	height:auto;
	border: 4px solid #eeeeee;
	padding:10px 20px 10px 20px;
}
.greyFrame .tl {
	position:absolute;
	width:7px;
	height:7px;
	top:-5px;
	left:-5px;
	background-image:url(../images/template/greyBoxCornerTL.gif);
}
.greyFrame .tr {
	position:absolute;
	width:7px;
	height:7px;
	top:-5px;
	right:-5px;
	background-image:url(../images/template/greyBoxCornerTR.gif);
}
.greyFrame .bl {
	position:absolute;
	width:7px;
	height:7px;
	bottom:-5px;
	left:-5px;
	background-image:url(../images/template/greyBoxCornerBL.gif);
}
.greyFrame .br {
	position:absolute;
	width:7px;
	height:7px;
	bottom:-5px;
	right:-5px;
	background-image:url(../images/template/greyBoxCornerBR.gif);
}
.greyFrame ul {
	padding:15px 10px 15px 20px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/template/lineDivider.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.greyFrame ul li {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4a4a;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-image:url(../images/template/bullet.gif);
}
.greyFrame ul.noDivider {
	background-image:url();
}
.greyFrame2 {
	position:relative;
	width:auto;
	height:auto;
	border: 4px solid #eeeeee;
	padding:10px 20px 10px 20px;
}
.greyFrame2 .tl {
	position:absolute;
	width:7px;
	height:7px;
	top:-5px;
	left:-5px;
	background-image:url(../images/template/greyBoxCornerTL.gif);
}
.greyFrame2 .tr {
	position:absolute;
	width:7px;
	height:7px;
	top:-5px;
	right:-5px;
	background-image:url(../images/template/greyBoxCornerTR.gif);
}
.greyFrame2 .bl {
	position:absolute;
	width:7px;
	height:7px;
	bottom:-5px;
	left:-5px;
	background-image:url(../images/template/greyBoxCornerBL.gif);
}
.greyFrame2 .br {
	position:absolute;
	width:7px;
	height:7px;
	bottom:-5px;
	right:-5px;
	background-image:url(../images/template/greyBoxCornerBR.gif);
}
.greyFrame2 ul {
	padding:0px 0px 10px 25px;
	margin:0px 0px 0px 0px;
	float:left;
	width:45%;
}
.greyFrame2 ul li {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4a4a;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	list-style-image:url(../images/template/bullet.gif);
}
/******************* Gallery ***************************/

.gallery {

	display:table;
	padding: 5px 0px 10px 0px;
	text-align:center;
	margin-top:10px;
	width:640px;
	
}
.gallery ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.gallery ul li {
	float:left;
	margin-right:7px;
	margin-bottom:5px;
}
/******************* Homepage content ***************************/

.header .headerCopy {
	position:absolute;
	width:430px;
	height:auto;
	top:50px;
	left:440px;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	padding:0px;
	margin:0px;
}
.header .house {
	position:absolute;
	width:484px;
	height:340px;
	
	top:157px;
	left:397px;

}
.header .people {
	position:absolute;
	left:695px;
	top:365px;
}
.homepageBody {
	position:relative;
	padding:28px 35px 35px 35px;
	width:620px;
	height:auto;
}
.homepageBody h2 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#0093d9;
	padding:0px;
	margin:0px;
}
.homepageBody h3 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#0093d9;
	padding:0px;
	margin:0px;
}
/******************* Homepage content ***************************/

.contact {
	position:relative;
	width:624px;
	height:208px;
	background-image:url(../images/pageContent/contact/icons.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
}
.contact .phone {
	position:absolute;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#515151;
	left:74px;
	top:22px;
}
.contact .email {
	position:absolute;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#515151;
	left:74px;
	top:93px;
}
.contact .address {
	position:absolute;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#515151;
	left:74px;
	top:156px;
}
.map {
	position:relative;
	width:624px;
	height:512px;
	background-image:url(../images/pageContent/contact/mapShadow.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
/******************* FAQ's ***************************/


.faq {
	position:relative;
	margin:15px 0px 0px 0px;
	padding:0px;
}
.faq ul {
	position:relative;
	padding:0px;
	margin:0px;
	list-style:none;
}
.faq ul li {
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#515151;
	border-top: 1px solid #dddddd;
	padding: 10px 10px 10px 0px;
	margin:0px;
}
.faq .question {
	position:absolute;
	left:0px;
	top:7px;
}
.faq .answer {
	position:absolute;
	left:0px;
	top:7px;
}
.faq .alt {
	background-color:#fef3f4;
}

.faq .faqType  {
position:relative;
padding-left:40px;


}
/******************* Testimonials ***************************/


.testimonials {
	position:relative;
	margin-top:20px;
}
.quote {
	position:relative;
	display:table;
	margin-bottom:15px;
	border-bottom: 1px solid #dddddd;
}
.testimonials .openQuote {
	position:relative;
	width:25px;
	background-image:url(../images/pageContent/testimonials/openQuote.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.testimonials .closeQuote {
	position:relative;
	width:25px;
	background-image:url(../images/pageContent/testimonials/closeQuote.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.testimonials .details {
	padding: 10px 20px 10px 20px;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#515151;
	line-height:18px;
}
.testimonials .signature {
	position:relative;
	display:block;
	padding-top:10px;
	padding-bottom:15px;
	color:#0091e0;
	font-weight:bold;
}
/******************* Form ***************************/


.form {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#515151;
}
.form td {
	padding: 5px 0px 5px 0px;
}
.form .line {
	padding: 15px 0px 0px 0px;
	margin:0px;
}
.form .input {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color:#2d2d2d;
	padding: 4px;
	border: solid 1px #c3c3c3;
	background-color: #f8f8f8;
	width:160px;
}
.form .inputComp {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color:#2d2d2d;
	padding: 4px;
	border: solid 1px #c3c3c3;
	background-color: #f6e6e6;
	width:160px;
}
.form .inputSmall {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color:#2d2d2d;
	padding: 4px;
	border: solid 1px #c3c3c3;
	width: auto;
	background-color: #f8f8f8;
	width:80px;
}
.form .textArea {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color:#2d2d2d;
	padding: 4px;
	border: solid 1px #c3c3c3;
	width: auto;
	background-color: #f8f8f8;
	width:98%;
	height:100px;
}
.form .dropdown {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color:#2d2d2d;
	border: solid 1px #c3c3c3;
	background-color: #f8f8f8;
	width:auto;
	padding: 4px 4px 4px 4px;
}
/******************* Footer ***************************/

.footer {
	position:relative;
	height:116px;
	width:  900px;
	left:-10px;
	background-image:url(../images/template/footerTile.jpg);
	background-repeat:repeat-x;
}
.footer .footerNavigation {
	text-align:center;
	padding-top:10px;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#696868;
}
.footer .footerNavigation a {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#696868;
	text-decoration:none;
}
.footer .footerLogo {
	position:absolute;
	bottom:22px;
	left:33px;
}
.footer .footerRhLogo {
	position:absolute;
	bottom:35px;
	right:134px;
}
.footer .footerCooLooLogo {
	position:absolute;
	bottom:26px;
	right:34px;
}
/**************************** Slideshow ****************************/


	
	/* CSS FOR SLIDESHOW SCRIPT */
.imageSlideshowHolder {
	background-color:#000000;
	background-image:url(../images/pageContent/slideshow/bgImage.jpg);
	background-repeat:no-repeat;
	width:624px;	/* Image width */
	height:364px;	/* Image height */
	position:relative;	/* Don't remove this line */
}
.small .imageSlideshowHolder {
	background-color:#ffffff;
	width:881px;	/* Image width */
	height:300px;	/* Image height */
	position:relative;	/* Don't remove this line */
	padding-bottom:10px;
	background-image:url(../images/pageContent/slideshow/xxx.jpg) !important;
	background-repeat:no-repeat;
}
/* Don't change these values */
	.imageSlideshowHolder img {
	position:absolute;
	left:0px;
	top:0px;
}


.enscape {
position:relative;
padding-bottom:5px;
top:-25px;

	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:normal;

}

.enscape a {

	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:normal;

}