/*
 *	Header styles
 */
#header {
	width: 772px;
	height: 180px;
	margin: 9px auto;
}

#header .logo {
	float: left;
	margin-top: 20px;
}

#header .picture {
	float: left;
	margin-left: 20px;
}

#header .intro {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}




/*
 *	Navigation styles
 */
#header #nav {
	float: left;
	clear: left;
	height: 27px;
	width: 100%;
}

#nav ul {
	float: left;
	display: inline;
	list-style-type: none;	
}

#nav ul li {
	float: left;
	display: block;
	padding: 0px 0px 8px 0px;
}

#nav ul li a:link, #nav ul li a:visited {
	float: left;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;	
	padding: 4px 15px 8px 15px;	
	text-decoration: none;	
}
#nav ul li a:hover { background-color: #6B8EB4;}
#nav ul li.active a { background-color: #6B8EB4;}
#nav ul li.block {
	width: 169px;
	height: 21px;
	margin-right: 15px;
	background-color: #32669D;
}




/*
 * Content sections
 */
#content {
	width: 775px;
	margin: 0 auto;
}

#content_map {
	width: 99%;
	margin: 0 auto;
}




/*
 * Content columns
 */
#content #content_left {
	float: left;
	width: 167px;
	margin-right: 15px;
}

#content_left img {
	margin-bottom: 15px;
}

#content #content_right {
	float: left;
	width:  590px;
}

#content #content_right #title_block {
	height: 55px;
	width: 590px;
	background-image: url('/img/title_block.jpg');
	border: 1px solid  #F7F7F7;
}

#content #content_right #title_block h1 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;	
	margin: 15px;
	color: #666;
}




/*
 *	Main element styles
 */
#main { margin-top: 10px;}




/*
 *	Home view
 */
#quick_search {
 	color: #FFF;
 	height: 227px;
	margin-bottom: 15px;
	background-color: #C6C0B6;
}
 
#quick_search label {
 	padding: 23px 0 19px 15px;
	font-size: 0.7em;
}
 
#quick_search select {
 	margin: 2px 15px;
	width: 130px;
	font-size: 0.8em;
}
 
#quick_search .button-field {
 	padding: 0px;
	margin: 5px 15px;
}
 
#quick_search h1 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;	
 	margin: 0 0 3px 0;
	padding: 23px 0 19px 15px;
}
 
#splash {
	overflow: hidden;
	position: relative;
	height: 227px;
}
#splash img {
	width: 590px;
	height: 227px;
}
 
#properties {
 	float: left;
	width: 383px;
	height: 300px;
	margin: 10px 0px 0px 0px;
}
#properties h3 { margin-bottom: 15px;}
#properties .property {
 	height: 70px;
	margin-bottom: 10px;
 	background-color: #F7F7F7;
}
#properties .property:hover { background-color: #F1F1F1;}
#properties .property h5 a:link, .property h5 a:visited {
	color: #666;
	font-weight: 500;
	text-decoration: none;
}
#properties .property h5 a:hover { text-decoration: underline;}
#properties .property_details {
	float: left;
	width: 285px;
} 
#properties .property img {
 	float: left;
 	padding: 5px;
}
#properties .property h5 {
	margin: 5px 5px 0px 5px;
}
#properties .property p {
	float: left;
	margin: 0 5px;
	font-size: 0.7em;
}

#home_val {
	float: right;
	width: 197px;
	height: 300px;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
	background-color: #6B8EB4;
	background-image: url('/img/home_valuation.gif');
}
#home_val p { margin: 130px 15px 0px 15px;}
#home_val a.para:link, a.para:visited {
	color: #FFF;
	font-size: 0.8em;
}




/*
 *	About index
 */
.realtor_picture { float: left;}
.realtor_contact {
	float: left;
	width: 450px;
	height: 150px;
	margin-left: 10px;
	padding-left: 10px;
	background-color: #F5F4EF;
}
.realtor_contact ul { list-style: none;}
.realtor_contact li {line-height: 1.5em;}
.realtor_profile {
	clear: both;
	padding: 10px 5px 0px 5px;
}




/*
 * Listing view
 */
#listing_header {
	float: left;
	width: 760px;
	height: 122px;
	margin: 9px auto;
}
img.main {
	float: left;
	display: inline;
	margin-right: 15px;
	margin-left: 10px;
	border: 1px solid #43423d
}
#listing_header h1 {
	font-size: 1.3em;
	margin-left: 175px;
}
#listing_header h5 {
	text-align: right;
}
#listing_header ul li {
	list-style: none;
	margin: 0 5px;
	float: left;
}
#listing_header ul li a:link, #listing_header ul li a:visited { color: #666; text-decoration: none;}
#listing_header ul li a:hover { text-decoration: underline;} 

#listing_body {
	width: 760px;
	margin: 10px auto;
}

#listing_body table { width: 370px;}
#listing_body table th {
	width: 100px;
	padding: 2px;
	background-color: #F5F4EF;
	font-weight: 400;
	text-align: left;
}
#listing_body table td { 
	padding: 2px;
	background-color: #F5F4EF;
}
#listing_gallery {
	width: 760px;
	margin: 10px auto;
}
#listing_realtors {
	clear: both;
	width: 760px;
	margin: 10px auto;
	margin-bottom: 0px;
}

#listing_realtors {}
#listing_disclaimer {
	clear: both;
	padding-top: 10px;
	font-style: italic;
	font-size: 0.7em;
}

 
/*
 * Thumbnails
 */ 
div.thumb {
	margin: 8px 5px 8px 5px;
	height: auto;
	float: left;
	text-align: center;
/*	border: 1px solid #edece6; */	
/*	background-color: #F5F4EF; */
}

div.thumb img {
	display: inline;
	margin: 12px 12px 0px 12px;
	border: 1px solid #43423d;
}

div.thumb a:hover img {border: 1px solid black;}
.thumb_desc {
	text-align: center;
	font-family: Arial;
  	font-weight: 600;
	font-size: small;
  	margin: 0px 3px 3px 3px;
	white-space: nowrap;
}
.thumb_desc span {
	display: block;
	font: 500 80.5%/1 tahoma,arial,helvetica,sans-serif;
	font-weight: 500;
} 
 
 
 
 
 
 
 
 
 
 
 
 

/*
 * Footer styles
 */
#footer {
	clear: both;
	width: 772px;
	margin: 10px auto;
	padding-top: 10px;		
	border-top: 1px solid #E5E3DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 400;
	color: #666;	
}
#footer ul {
	display: inline;
	list-style: none;
}
#footer ul li {
	float: left;
	display: block;
	padding-right: 5px;
}
#footer a:link, #footer a:visited {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	text-decoration: underline;
}
#footer a:hover { text-decoration: none;}
