@CHARSET "UTF-8";
/*
KULER THEMES:
-lime light and shady
-land rover
-dry martini
-modern office*
-1944mustang
-mint milk chocolate and almond*
-halow summer '06*
*/
/* global reset */
body,img,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,ul,li,dl,ol,dd,dt,pre,blockquote,code{ margin:0; padding:0; border:0; }

/*
------------------------------
	elements
------------------------------
*/
body{
	/*background-color: #d3d4aa;*/
	background-color: #c3c49a;
	font-family: Verdana,sans-serif;
	font-size: 100%;
	text-align: center;
}
p{
	font-size: 11px;
	line-height: 22px;
}
a{

}
h1,h2,h3{ margin: 10px 0; font-family: Georgia; }
h4,h5,h6{ margin: 6px 0; }
h1{}
h2{ color: #901808; }
ul,ol{ font-size: 11px; }
blockquote{ margin: 10px 0 10px 40px; }
textarea{ overflow: auto; }
button{ border: solid 1px #ffffff; background-color: #d3d4aa; color: #444444; font-weight: bold; padding: 5px 10px; }
button:hover{ border: solid 1px #f4f4f4; }
/*
------------------------------
	layout
------------------------------
*/
.wrapper{
	background-color: #fcfae6;
	width: 784px;
	margin: 0 auto;
	text-align: left;
}
#header{
	background-color: #000000;
}
#content{

}
#footer{
	/* background-color: #d3d4aa; */
	background-color: #c3c49a;
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
}

/*
------------------------------
	sections
------------------------------
*/
#header #nav{ 
	/*background-color: #444444;*/ 
	background-color: #0e0e0e;
	text-align: center;
	list-style: none; 
}
#header #nav li{ 
	float: left;
	font-family: Georgia;
	font-weight: normal;
	font-size: 12px;
	height: 58px;
	width: 112px;
	/* background-color: #444444; */
	background-color: #2e2e2e;
}
#header #nav li a{ 
	display: block; 
	width: 100%; 
	height: 58px;
	color: #fcfae6; 
	text-decoration: none; 
	text-transform: uppercase;
	padding: 0;  
}
#header #nav li a:hover,#header #nav li a:active{ 
	background-color: #e7e9d1; 
	color: #444444; 
}
#header #nav li a.oneline{ padding: 22px 0 0 0; height: 36px; }
#header #nav li a.twoline{ padding: 15px 0 0 0; height: 43px; }
#header #nav li a.threeline{ padding: 8px 0 0 0; height: 50px; }


#footer ul{ list-style: none; margin: 5px auto; color: #444444; font-size: .9em; }
#footer ul li{ display: inline; padding: 0 10px 0 10px; border-right: solid #444444 1px; }
#footer ul li.last{ border-right: none; }
#footer ul li a{ color: #444444; text-decoration: none; }

#leftBlock{ width: 336px; float: right; background-color: #E7E8D1; }
#rightBlock{ width: 418px; float: right; border-left: solid #E7E8D1 336px; margin-left: -336px; padding: 0 15px 10px 15px; }


#leftBlock img{ width: 336px; }

/* home page */

#homeLeftBlock{ position: relative; width: 448px; float: right; background-color: #E7E8D1; }
#homeRightBlock{ width: 306px; float: right; border-left: solid #E7E8D1 448px; margin-left: -448px; padding: 0 15px 10px 15px; }

#homeLeftBlock #introImage{ width: 448px; }
#homeLeftBlock .featuredblock{ position: relative; padding: 12px; border-bottom: solid 1px #c7c8b1; }
#homeLeftBlock .featuredblock img{ float: left; margin: 0 10px 0 0; width: 140px; height: 140px; }
#homeLeftBlock .featuredblock h3{ font-size: 14px; color: #444444; }
#homeLeftBlock .featuredblock p{  }
#homeLeftBlock .featuredblock a{ font-size: 11px; color: #000000; }
#homeLeftBlock .featuredblock a.viewit{ position: absolute; background: #E7E8D1 url(../images/link_arrow.jpg) top left no-repeat; bottom: 12px; right: 12px; padding: 3px 0 3px 7px; width: 73px; text-decoration: none; font-weight: bold; color: #444444; }

#homeRightBlock h2{ border-bottom: solid 1px #eCeAd6; } 
#homeRightBlock .specialtyblock{ padding: 0 0 15px 0; }
#homeRightBlock .specialtyblock ul{ list-style: none; width: 100%; }
#homeRightBlock .specialtyblock ul li{ display: inline; margin: 0 15px 0 0; }
#homeRightBlock .specialtyblock ul li a{ font-size: 16px; font-weight: bold; color: #9C9A86; text-decoration: none; }
#homeRightBlock .specialtyblock ul li a:hover{ color: #7C7A66; }

#homeRightBlock .mlssearch{ padding: 0 0 15px 0; }

#agentspage{}
#agentspage .agentblock{ font-size: 11px; margin: 0 0 20px 0; border-bottom: solid 1px #dCdAc6; border-top: solid 1px #dCdAc6; }
#agentspage .agentblock img{ float: left; width: 224px; height: 224px;  }
#agentspage .agentblock a{ color: #000000; }
#agentspage .agentblock .details{ float: left; width: 204px; height: 214px; padding: 5px 10px; background-color: #E7E8D1; }
#agentspage .agentblock .details h2{ font-size: 18px; }
#agentspage .agentblock .details .jobtitle{ margin: -10px 0 5px 20px; font-size: 11px; font-weight: bold; color: #777777; }
#agentspage .agentblock .details dl{}
#agentspage .agentblock .details dt{ font-weight: bold; }
#agentspage .agentblock .details dd{ margin: 5px 0 5px 20px;}
#agentspage .agentblock .bio{ float: left; width: 316px; height: 214px; padding: 5px 10px; overflow: auto; }

#listingspage{}
#listingspage .listingblock{ font-size: 11px; margin: 0 0 20px 0; border-bottom: solid 1px #dCdAc6; border-top: solid 1px #dCdAc6; }
#listingspage .listingblock img{ float: left; width: 224px; height: 224px;  }
#listingspage .listingblock a{ color: #000000; }
#listingspage .listingblock .details{ position: relative; float: left; width: 204px; height: 214px; padding: 5px 10px; background-color: #E7E8D1; }
#listingspage .listingblock .details dl{}
#listingspage .listingblock .details dt{ font-weight: bold; }
#listingspage .listingblock .details dd{ margin: 5px 0 5px 20px;}
#listingspage .listingblock .details a{ position: absolute; background: #E7E8D1 url(../images/link_arrow.jpg) top left no-repeat; bottom: 5px; right: 5px; padding: 3px 0 3px 7px; width: 73px; text-decoration: none; font-weight: bold; color: #444444; }
#listingspage .listingblock .description{ float: left; width: 316px; height: 214px; padding: 5px 10px; }

.listingdetail{}
.listingdetail #rightBlock{ border-left: solid #E7E8D1 224px; width: 530px; margin: 0 0 0 -224px; }
.listingdetail #leftBlock{ width: 194px; padding: 0 15px 10px 15px; }
.listingdetail h2{ font-size: 20px; }
.listingdetail dl{ font-size: 11px; }
.listingdetail dl dt{ font-weight: bold; }
.listingdetail dl dd{ margin: 5px 0 5px 20px; }

.listingdetail .BRD_Offices{ width: 100%; margin: 20px 30px 20px 0; border-top: solid 1px #E7E8D1; border-bottom: solid 1px #E7E8D1; }
.listingdetail .BRD_Offices td{ padding: 10px; }

.listingdetail #imageGallery{ position: relative; /*background-color: #dcd9c6; border-left: solid 7px #ece9d6; border-bottom: solid 7px #ece9d6; border-right: solid 7px #ece9d6; padding: 0 0 8px 8px; */ margin: 0 0 10px 0; }
.listingdetail #imageGallery div.images{ position: relative; float: left; width: 300px; height: 230px;  }
.listingdetail #imageGallery div.images #imagerotation{ position: relative; }
.listingdetail #imageGallery div.images #imagerotation img{ position: absolute; width: 300px; height: 230px; }

.listingdetail #imageGallery div.images div.controls{position: absolute; top:0; background-color: #dcdac6; width: 290px; height: 20px; padding: 5px 5px; margin: 0 0 -30px 0; opacity: .7; filter:alpha(opacity=70); }
.listingdetail #imageGallery div.images div.controls .prev{  }
.listingdetail #imageGallery div.images div.controls .next{ float: right; }
.listingdetail #imageGallery div.gmap{ float: left; width: 230px; height: 230px; background-color: #000000; }

.mlsformcol{ padding: 0 10px 20px 10px; }
.mlsformcol p.bookmark{ padding: 10px 0 0 60px; }
.mlsformcol p.bookmark a{ color: #444444; }

.mlsresults{}
.mlsresults .mlsresult{ background-color: #f7f8e1; margin: 10px 0; border: solid 1px #ffffff; font-size: 11px; }
.mlsresults .mlsresult .hprice{ height: 18px; padding: 5px; background-color: #E7E8D1; border-bottom: solid 1px #c7c8b1; font-size: 11px; font-weight: bold; }
.mlsresults .mlsresult .hprice a{ float: right; }
.mlsresults .mlsresult .desc{ padding: 5px; }
.mlsresults .mlsresult .desc img.propertyimage{ float: left; height: 80px; width: 122px; }
.mlsresults .mlsresult .desc img.brimage{ float: right; }
.mlsresults .mlsresult .desc dl{ margin: 0 0 0 130px; }
.mlsresults .mlsresult .desc dl dt{ font-weight: bold; float: left; }
.mlsresults .mlsresult .desc dl dd{ /* margin: -15px 0 5px 70px; */ /* margin: 5px 0 5px 20px; */ padding: 0 0 5px 70px; }

.mlsresults .mlsresult .desc .BRD_Offices{  }
.mlsresults .mlsresult .desc .BRD_Offices td{ padding: 0 5px 0 10px; font-size: 8px; }

.mlsresults .paging{ font-size: 11px; padding: 5px; background-color: #E7E8D1; border-bottom: solid 1px #c7c8b1; }
.mlsresults .paging span.viewing{ float: right; }
.mlsresults .paging span.curr{ font-weight: bold; }
.mlsresults .paging a{ color: #777777; }




/*
------------------------------
	classes
------------------------------
*/
.clear{ clear: both; }
.pad{ padding: 0 15px 10px 15px; }
.error label{ color: #ff0000; }
.errorBlock{ background-color: #FFC6A5; border: solid 1px #ff0000; color: #ff0000; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.successBlock{ background-color: #99ff99; border: solid 1px #00aa00; color: #00aa00; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.viewit{ background: #E7E8D1 url(../images/link_arrow.jpg) top left no-repeat; padding: 3px 10px 3px 7px; width: 63px; text-decoration: none; font-weight: bold; font-size: 11px; color: #444444; }

form.mlsform{ font-size: 12px; }
form.mlsform p{}
form.mlsform legend{ font-weight: bold; color: #9C9A86; }
form.mlsform .field{ padding: 3px 0 3px 10px; }
form.mlsform label{ display: block; float: left; clear: left; width: 55px; font-weight: bold; }
form.mlsform button{ margin: 5px 0 0 55px; }
form.mlsform .subdiv{ width: 200px; }
form.mlsform .radioscope{}
form.mlsform .radioscope input{}
form.mlsform .radioscope label{ float: none; display: inline; }

form.mlsform .group{ float: left; }
form.mlsform .mls_city_group{ width: 200px; }
form.mlsform .mls_zip_group{ width: 90px; }
form.mlsform .mls_zip_group label{ width: 30px; }
form.mlsform .mls_zip_group input{ width: 40px; }


form.contactForm{ font-size: 12px; padding: 20px; }
form.contactForm .row{ margin: 10px 0; }
form.contactForm .row label{ display: block; float: left; clear: left; width: 70px; font-weight: bold; } 
form.contactForm .row input{ width: 300px; background-color: #ffffff; border: solid 1px #aaaaaa; }
form.contactForm .row textarea{ width: 300px; height: 150px; background-color: #ffffff; border: solid 1px #aaaaaa; }
form.contactForm .buttonrow{ padding-left: 70px; }

.wysiwyg{ font-size: 11px; line-height: 22px; }
.wysiwyg ul,.wysiwyg ol{ font-size: 11px; }
.wysiwyg li{ margin: 3px 0; }
.wysiwyg blockquote{ margin: 10px 0 10px 40px; }
.wysiwyg a{ color: #444444; text-decoration: underline; }

.disclaimer{  }
.disclaimer img{ float: left; margin: 0 10px 10px 0; }
.disclaimer p{ font-size: 10px; line-height: 16px; }
.disclaimer sup{ font-size: 6px; }5
