/* ------------------------------------------------------------

	basic elements

------------------------------------------------------------ */

html { 	min-height: 100%; margin-bottom: 1px; 
	}

body { 
	font: 11px/22px verdana, arial, helvetica, sans; 
	color: #393939;  
	background: #efefe8 url(../images/bg_realty.gif) repeat; 
	margin: 0px; 
	text-align: left;
	}

IMG {
	border: 0px;
	}
	
HR {
	color: #e2d9ba;
	background-color: #e2d9ba;
	height: 1px;
}

p {
	font: 11px/20px verdana, arial, helvetica, sans;
	}

p.testimonial {
	font: 11px/24px verdana, arial, helvetica, sans;
	border-bottom: 1px dashed #ccc;
	padding: 20px;
	}


p.intro {
	font: 12px/24px verdana;
	color: #774a37;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e2d9ba;
	}
	
h1 {
	color: #945D46;
	font: 15px verdana, arial, sans;
	font-weight: bold;
}

h2 {
	color: #945D46;
	font: 13px verdana, arial, sans;
	font-weight: bold;
}


h3 {
	color: #945D46;
	font: 11px verdana, arial, sans;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 4px;
}

h4 {
	color: #89320e;
	font: 11px arial, sans;
	margin: 0px;
}


a:link, a:visited { 
	text-decoration: none; 
	color: #89320e;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #bc4e21;
	}
	

.tools {
	font: 8pt/16pt tahoma, verdana, arial, sans; 
	color: #c08b76;
	}
	
.tools a:link, a:visited { 
	text-decoration: none; 
	color: #89320e;
	}

.tools a:hover, a:active { 
	text-decoration: none; 
	color: #ba6f50;
	}	



/* ------------------------------------------------------------

	positioning elements

------------------------------------------------------------ */

#wrapper { 
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: url(../images/bg_matte_realty.gif) repeat-y;
	}

#container { 
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	}

#topbar {
	background-color: #712a0c;
	color: #CCCCCC;
	height: 130px;
	width: 100%;
	text-align: left;
	}

#topLeft { 
	float: left;
	padding-left: 0px;
	width: 200px;
	}

#topRight { 
	float: right;
	padding-top: 8px;
	font: 8pt/16pt tahoma, verdana, arial, sans; 
	color: #a77561;
	text-align: right;
	padding-right: 20px;
	}

#header {
	width: 975px;
	height: 300px;
	margin: 0px;
	clear: both;
	background-color: #ffffff;
	}

#contents { 
	background: #fff url(../images/bg_body_realty.jpg) repeat-x;
	width: 975px;
	border: 0px solid #CCCCCC;
	text-align: left;
	overflow:hidden;
	}


#fullspan{
	width: 975px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	float: left;
	background-color: #fff;
}

#leftcol {
	width: 550px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 0px;
	float: left;
}

#rightcol {
	width: 300px;
	padding: 40px;
	float: right;
}


#leftcolwide {
	width: 650px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 0px;
	float: left;
}

#rightcolthin {
	width: 200px;
	padding: 40px;
	float: right;
}



#rightcol p {
	font: 11px/20px Arial, Helvetica, sans-serif;
}

#rightcol h2 {
	font: 11px/20px Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#rightcol p.quote {
	font: 11px/20px verdana, Arial, Helvetica, sans-serif;
}

#rightcol p.name {
	font: 11px/20px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #955e47; 
}


#rightcol a {
	font: 11px/20px Arial, Helvetica, sans-serif;
}

#rightcol li {
	font: 11px/20px Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------

	callout elements

------------------------------------------------------------ */


#crumb { 
	background: #eae3cb;
	width: 975px;
	text-align: left;
	overflow:hidden;
	color: #ede8d8;
	font: 10px verdana;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom:0px;
	}
	
	
/* ------------------------------------------------------------

	featured properties listing

------------------------------------------------------------ */
	
	
.listing {
	width: 500px;
	clear: both;
	background-color: #fbfaf6;
	border-top: 1px solid #f6f1e5;
	border-bottom: 1px solid #f6f1e5;
	margin: 10px;
	padding: 10px;
	overflow: auto;
	font: 11px/16px arial, tahoma, sans;
	}
	

	
.right {
	float: left;
	margin: 0 0 0 5px;

}

.active { 
	color: #666;
	}
	
	
	
/* ------------------------------------------------------------

	featured properties detail

------------------------------------------------------------ */
	
	
#prophead {
	width: 975px;
	clear: both;
	background: #e2d9ba url(../images/bg_prophead2.gif) repeat-x; 
	margin: 0px;
	padding: 0px;
	overflow: auto;
	font: 11px/18px verdana, arial, tahoma, sans;
	color: #503023;
	}
	
#prophead h3 {
	color: #000;
	font: 13px arial, sans;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 4px;
}

#prophead UL
{
margin-left: 0;
padding-left: 0;
list-style: none;
}


#prophead li 
{
padding-left: 25px;
padding-bottom: 0px;
padding-top: 5px;
background-image: url(../images/bullet_prophead.png);
background-repeat: no-repeat;
background-position: 0 .8em;
}



/* ------------------------------------------------------------

	footer elements

------------------------------------------------------------ */

#footer { 
	height: 30px;
	background-color: #f8f8f1;
	padding-top: 10px;
	text-align: left;
	color: #a9a98e;
	clear: both;
	}

#footernav { 
	float: left;
	padding-left: 20px;
	}

#footercopyright { 
	float: right;
	font: 7pt/16pt tahoma, verdana, arial, sans; 
	color: #666;
	text-align: right;
	padding-right: 20px;
	}


#footer a { 
	font: 7pt/16pt tahoma, verdana, arial, sans; 
	font-weight: normal;
	text-decoration: none; 
	color: #8c4018;
	}

#footer a:hover { 
	text-decoration: none; 
	color: #bc4e21;
	}
	
	
/* ------------------------------------------------------------

	callout elements

------------------------------------------------------------ */
	

#whitebox {
	background-color: #ffffff;
	border-right: 1px solid #DBE1E4;
	border-bottom: 1px solid #DBE1E4;
	padding: 20px;
}

#box {
	background-color: #6890C4;
	border-right: 1px solid #6187B7;
	border-bottom: 1px solid #6187B7;
	padding: 10px 20px 20px 20px;
}

.callout {
	background-color: #eeebdc;
	padding: 20px 20px 20px 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #4b4839;
}

.callout p {
	margin: 0px;
	padding: 0px;
}


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



/* ------------------------------------------------------------

	list elements

------------------------------------------------------------ */

.arrowlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.arrowlist li 
{
padding-left: 25px;
padding-bottom: 5px;
padding-top: 5px;
background-image: url(../images/bullet.png);
border-bottom: 1px dashed #e2d9ba;
background-repeat: no-repeat;
background-position: 0 .8em;
}

.sidelist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.sidelist li 
{
padding-left: 25px;
padding-bottom: 5px;
padding-top: 5px;
background-image: url(../images/bullet_sidebar.png);
border-bottom: 1px dashed #e2d9ba;
background-repeat: no-repeat;
background-position: 0 .8em;
}

.divlist li 
{
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px dashed #e2d9ba;
}

/* ------------------------------------------------------------

	special text elements

------------------------------------------------------------ */


.status { color: #cc3300; font-weight: bold; }
.streetview { color: #6a6a6a; font: 11px/22px Arial, Helvetica, sans-serif; }
.attribution { color: #955e47; font-style: italic; }
.photoborder { border: 1px solid #94AED4; }
.name { font-weight: bold; color: #000000}
.rowOdd { background-color: #eeebdc; }
.rowEven { background-color: #; }
.opps { font-weight: bold; color: #fff;}