@import url(navigation.css);
@import url(form.css);

* {margin:0; padding:0;}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background-color:#E8E8E8;
	padding-top:20px;
}

img{border:none;}

p, .list, form label, form{color:#4A4A4A; font-size:1em;}
p{margin:0px 0px 12px 0px; padding:0px; line-height:1.4em; }
.large{font-size:1.2em; font-weight:bold}
.list{margin:0 0px 10px 23px; padding:0px}
.list li {padding:4px 0px;}

ol.answers{margin-top:35px;}
.answers li{margin:10px 0; line-height:1.3em}
.answers li li{margin:1px 0;}

.txt-small{font-size:0.8em;}
.txt-green{color:#107B8A;}
.txt-red{color:#C81835;}
.txt-orange{color:#CB8305;}
.txt-center{text-align:center}	

a{color:#0095DA;}
a:hover{text-decoration:none;}


h1,h2{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:normal;}
h1{display:block; width:183px; height:84px; position:absolute; top:7px; left:35px; background:url("../images/logo.gif") no-repeat 0px 0px;}
h1 span{display:none;}
h2{color:#FFF; font-size:1.2em; font-weight:normal; margin-bottom:20px;}
h3{font-weight:normal; font-size:1.1em; color:#FFF; margin-bottom:5px;}
h3 a, h3 a:visited{color:#FFF;}

h2.grey{color:#666666}




.centered{
	margin:0px auto;
}

#container{
	width:758px;
	margin:0 auto;
	text-align:left;
	background:url('../images/bkgd-content.gif') repeat-y 0 0;
	position:relative;
}
#header{
	background:#1762B8 url('../images/cont-top.gif') no-repeat 0 0;
	height:100px;
	position:relative;
}
#content{background:url('../images/bkgd-title-grey.jpg') repeat-x 0 0; padding-top:20px;}
div.residential #content{background:url('../images/bkgd-title-green.gif') repeat-x 0 0;}
div.commercial #content{background:url('../images/bkgd-title-red.gif') repeat-x 0 0;}
div.landowners #content{background:url('../images/bkgd-title-orange.gif') repeat-x 0 0;}
#col-right{margin-left:210px; width:520px;}
#footer{min-height:30px; background-color:#ACCCF2; padding:4px 15px; }
#footer img{ float:right; padding-left:5px}
#footer p{ position:absolute; bottom:0px; font-size:0.8em; margin:0px 0 0 0; padding:0px 0 5px 0px; }


/* --------- HOME PAGE ---------- */



.hm-promo{
	width:160px;
	padding:4px;
	float:left;
	margin:10px 8px 10px 0px;
}

.hm-promo img{ margin-left:7px;}
.hm-promo p{line-height:1.3em; font-size:0.8em; color:#FFF; width:150px;margin-left:7px;}
.hm-promo li{line-height:1.5em; font-size:1em; color:#FFF; margin-left:20px; list-style:square;margin-top:10px}
.hm-promo ul li a{color:#FFF; text-decoration:none; }
.hm-promo ul li a:hover{ text-decoration:underline}

div.residential{background:#1A96A7 url('../images/home/proBkgd-res.gif') repeat-x 0 0; min-height:230px; height:auto !important; height:230px;}
div.commercial{background:#D41A39 url('../images/home/proBkgd-com.gif') repeat-x 0 0; min-height:230px; height:auto !important; height:230px;}
div.owners{background:#E99606 url('../images/home/proBkgd-owner.gif') repeat-x 0 0; min-height:230px; height:auto !important; height:230px; margin:0px; margin-top:10px}


.image-right{
	float:right;
	padding-left: 15px;
	padding-bottom: 15px;
	text-align:center
	
}

.float-right{
	float:right;
	padding-left:10px;
}

.float-left{
	float:left;
	padding-right:10px;
}

div.contact-details{
	width:90%; margin:auto;
}

/* contact form */
.generic_form{
	margin:0px auto;
}

.generic_form label{
	width: 175px;
	vertical-align:top;
	display:block;	
	margin-bottom: 8px;	
	font-weight:bold;
}

.generic_form ul, .generic_form .error{
	color:#CC3333;	
	font-weight:bold;
}

.generic_form li{
	margin-left: 50px;
}

.generic_form input{
	width: 300px;
	margin-bottom: 8px;
	border: 1px solid #1762B8;
}

.generic_form .hidden{
	display:none;
}

.generic_form textarea{
	width: 300px;
	height: 100px;
	margin-bottom: 8px;
	border: 1px solid #1762B8;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.generic_form .button{
	width: auto;
	height:auto;
	background-color:#666666;
	color:#FFFFFF;
	font-size: 1em;
	letter-spacing:0.2em;
	border: 1px solid black;
	text-align:center;
	cursor: pointer;
	margin-left:175px;
	padding:2px 10px;
}

.error_indicator{
	padding-left: 10px;
	font-weight:bold;
	color: #CC3333;
	display:inline;
	vertical-align:top;
}



.auto{
	width:auto;
}

/* end contact form */

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



/*------KEY PERSONNEL ----------*/
.biog {height:90px; width:260px; float:left; margin-top:15px;}
.biog img {float:left; margin-right:10px; border: 1px solid #000}
.biog p {padding:0px; margin-right:10px; display:block;}


/* ---- Various styles -------- */
.blue{
	color: #1762B8;
}

/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */