@charset "UTF-8";
/* Cole Title & Escrow */

* {
	margin:0;
	padding:0;
}

body {
	background:#867362 url(../images/bg_site.jpg) 0 0 repeat-x;
	padding:0 0 50px 0;
}

#wrapper {
	width:931px;
	margin:0 auto;
	background:url(../images/bg_wrapper.png) 0 0 repeat-y;
	padding:0;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	
}

h1 {
	font: normal 30px Georgia, Times, serif;
	color: #841919;
	margin: 0 0 12px 0;
}

h2 {
	color: #545454;	
}

p {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #545454;	
	line-height: 24px;
	margin: 0 0 18px 0;
}

.clearing{
	clear:both;
    height:0;
    margin:0;
    font-size:1px;
    line-height:0px;
    overflow:hidden;
}

/* HEADER STYLES
-------------------------------- */

#header {
	width: 913px;
	height: 101px;
	background: url(../images/bg_header.jpg) 0 0 no-repeat;
	margin: 0 9px 5px;
	font-family: Georgia, Times, serif;
}

#header a.logo {
	display: block;
	width: 193px;
	height: 58px;
	background: url(../images/img_logo.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	position: relative;
	top: 16px;
	left: 20px;	
}

#header ul#main-nav {
	list-style: none;
	float: right;
	padding: 0 25px;
	margin: 60px 0 0 0;
}

#header ul#main-nav li {
	float: left;
}

#header ul#main-nav li a {
	font-size: 14px;
	color: #816b51;
	text-decoration: none;
	padding: 0 14px;
	border-right: #816b51 1px solid;
	letter-spacing: 1px;	
}

#header ul#main-nav li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#header ul#main-nav li a.last {
	border-right: none;
}

/* INDEX CONTENT STYLES
------------------------------------------------- */

#index-content {
	width: 913px;
	margin: 0 25px;
}

#index-content #slideshow {
	float: left;
	width: 875px;
	height: 241px;
	margin: 0 0 15px 0;
}

#index-content #slideshow img {
	background:#000000;
}

#index-content #slideshow ul {
	list-style: none;
	float: left;
	position: absolute;
	z-index: 10;
	margin: 6px;
}

#index-content #slideshow ul li.homebuyers a {
	display: block;
	background: url(../images/bg_slidenav_buyers.png) 0 -58px no-repeat;
	width: 251px;
	height: 58px;
	text-indent: -9999px;
	overflow: hidden;
}

#index-content #slideshow ul li.realtors a {
	display: block;
	background: url(../images/bg_slidenav_realtors.png) 0 -58px no-repeat;
	width: 251px;
	height: 58px;
	text-indent: -9999px;
	overflow: hidden;
}

#index-content #slideshow ul li.loan a {
	display: block;
	background: url(../images/bg_slidenav_loan.png) 0 -58px no-repeat;
	width: 251px;
	height: 58px;
	text-indent: -9999px;
	overflow: hidden;
}

#index-content #slideshow ul li.developers a {
	display: block;
	background: url(../images/bg_slidenav_developers.png) 0 -55px no-repeat;
	width: 251px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
}

#index-content #slideshow ul li.homebuyers a:hover {
	background: url(../images/bg_slidenav_buyers.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.realtors a:hover {
	background: url(../images/bg_slidenav_realtors.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.loan a:hover {
	background: url(../images/bg_slidenav_loan.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.developers a:hover {
	background: url(../images/bg_slidenav_developers.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.homebuyers a.activeSlide {
	background: url(../images/bg_slidenav_buyers.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.realtors a.activeSlide {
	background: url(../images/bg_slidenav_realtors.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.loan a.activeSlide {
	background: url(../images/bg_slidenav_loan.png) 0 0 no-repeat;
}

#index-content #slideshow ul li.developers a.activeSlide {
	background: url(../images/bg_slidenav_developers.png) 0 0 no-repeat;
}

#index-content #left-col {
	float: left;
	width: 580px;
	padding: 8px;
	margin: 0 25px 0 0;
}

#index-content h1 {
	font: normal 30px Georgia, Times, serif;
	color: #841919;
	margin: 0 0 12px 0;
}

#index-content p {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #545454;	
	line-height: 24px;
	margin: 0 0 18px 0;
}

#index-content a.callout {
	display: block;
	width: 249px;
	height: 227px;
	background: url(../images/bg_callout.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 10px 0 0 0;
}

#index-content .hr {
	width: 868px;
	height: 2px;
	background: url(../images/hr.png) 0 0 no-repeat;
	margin: 0 0 25px 6px;
}

#index-content #btm-cols {
	margin: 0 0 0 10px;
}

#index-content .sub-col {
	width: 198px;
	float: left;
	padding: 119px 5px 0 5px;
	margin: 0 10px 0 0;
}

#index-content .sub-col h2 {
	font: normal 18px Georgia, Times, serif;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}

#index-content .sub-col p {
	font-size: 12px;
	line-height: 24px;
}

#index-content #buyers {
	background: url(../images/bg_buyers.png) 0 0 no-repeat;
}

#index-content #buyers a {
	color: #3591e7;
	text-decoration: none;
}

#index-content #buyers a:hover {
	text-decoration: underline;
	color: #785f47;
}

#index-content #realtors {
	background: url(../images/bg_realtors.png) 0 0 no-repeat;
}

#index-content #realtors a {
	color: #eabc00;
	text-decoration: none;
}

#index-content #realtors a:hover {
	text-decoration: underline;
	color: #785f47;
}

#index-content #brokers {
	background: url(../images/bg_brokers.png) 0 0 no-repeat;
}

#index-content #brokers a {
	color: #469e11;
	text-decoration: none;
}

#index-content #brokers a:hover {
	text-decoration: underline;
	color: #785f47;
}

#index-content #developers {
	background: url(../images/bg_dev.png) 0 0 no-repeat;
}

#index-content #developers a {
	color: #a33311;
	text-decoration: none;
}

#index-content #developers a:hover {
	text-decoration: underline;
	color: #785f47;
}


/* SUB CONTENT STYLES
----------------------------------------------*/

#sub-content {
	width: 875px;
	margin: 15px auto;
	background: url(../images/bg_sub-content.jpg) 0 0 repeat-y;
}

a {
	color: #545454;	
}

a:hover {
	color: #841919;	
}

#sub-content #left-col {
	float: left;
	width: 220px;
	margin:0 20px 0 0;
	min-height:500px;
}

#sub-content #left-col {
	float: left;
	width: 220px;
	margin:0 20px 0 0;
}


#sub-content #left-col ul {
	list-style:none;
	margin:10px;
}

#sub-content #left-col ul li {
	border-bottom:#ffffff 1px solid;
	padding:2px 0;
}

#sub-content #left-col ul li a {
	display:block;
	font: normal 14px Georgia, Times, serif;
	color: #a09275;	
	padding:10px 0 10px 20px;
	width:180px;
	text-decoration:none;
}

#sub-content #left-col ul li a:hover {
	background: #9a896f;	
	color:#ffffff;
}

#sub-content #left-col ul li a.activeSlide {
	background: #9a896f;	
	color:#ffffff;
}

#sub-content #right-col {
	float: right;
	width: 180px;
	margin:55px 0 0 0;
}

#sub-content #right-col img {
	border:#9a896f 4px solid;
}

#sub-content #right-col img.no-border {
	border:none;
}

#sub-content #center-col {
	float:left;
	width:430px;
	margin:10px 0 
}

#sub-content #center-col-wide {
	float:left;
	width:600px;
	margin:10px 0;
}

#sub-content #center-col ul {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #545454;	
	line-height: 24px;
	margin: 0 0 18px 35px;
}

#sub-content #center-col-wide ul {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #545454;	
	line-height: 24px;
	margin: 0 0 18px 35px;
}

#sub-content #center-col .form {
	width:325px;
	background:#EFE8DD;
	margin:0 0 25px 0;
}

#sub-content #center-col .form .row {
	clear:both;
	padding:10px;
	border-top:#ffffff 1px solid;	
}

#sub-content #center-col .form .header {
	background:#352817;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:10px 0;
}


#sub-content #center-col .form .label {
	display:inline-block;
	width:85px;
}

#sub-content #center-col #contact .row {
	clear:none;
	padding:0;
	border-top:#ffffff 1px solid;	
}

#contact {
	width:370px;
	float:left;
}

#contact .row {
	clear:both;
	margin:20px 0;
}

#contact p {
	margin:0;
	padding:0;
	font-size:14px;
}

#contact .row .left-col {
	width:80px;
	float:left;
	text-align:right;
	margin:0 15px 0 0;
}

#contact .row .right-col {
	float:left;
}

#contact .row .right-col input {
	border:#999999 1px solid;
	padding:5px;
	width:250px;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#contact .row .right-col textarea {
	border:#999999 1px solid;
	padding:5px;
	width:250px;
	font:normal 12px Arial, Helvetica, sans-serif;
}


#contact .row .right-col .submit {
width:auto !important;
}

a.calc {
	display:inline-block;
	background:url(../images/icn_calc.gif) 0 0 no-repeat;
	padding:3px 0 4px 38px;
	margin:-8px 0 10px 0;
	color: #841919;	
	text-decoration:none;
 }
 
 a.calc:hover {
 	text-decoration:underline;
 }

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

#footer {
	width: 925px;
	height: 95px;
	margin: 0 auto;
	background: url(../images/bg_footer.png) 0 0 no-repeat;
	font-size: 12px;
	color: #6f5d48;
}

#footer .left {
	float: left;
	padding: 30px 0 0 35px;
}
#footer .left a {
	color: #6f5d48;
	text-decoration: none;
}

#footer .left a:hover {
	text-decoration: underline;
}

#footer .left span.spacer {
	padding: 0 8px;
}

#footer #social {
	float: right;
	padding: 30px 25px 0 0;
}

#footer #social p {
	display: inline;
	float: left;
	padding: 5px 10px;
}

#footer #social a.facebook {
	display: block;
	float: left;
	width: 23px;
	height: 22px;
	background: url(../images/btn_fb.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#footer #social a.linkedin {
	display: block;
	float: left;
	width: 23px;
	height: 22px;
	background: url(../images/btn_link.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#footer #social a.twitter {
	display: block;
	float: left;
	width: 23px;
	height: 22px;
	background: url(../images/btn_twitter.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

.req {
	color:#990000;
	font-weight:bold;
}