/*
========================================================================================================
	BODY
========================================================================================================
*/
body
{
	font-size: small;
	padding: 0;
	* padding: 0 0 0 24px;
	margin: 0 0 8px 0;
	background: #EEE;
}
* html body
{
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
/*
========================================================================================================
	GENERAL
========================================================================================================
*/
iframe
{
	margin: 0;
	padding: 0;
}
.cool-heading
{
	margin: 0 5px;
	* margin: 0 10px;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-weight: bold;
	font-size: 120%;	
	color: #777;
	border-bottom: 3px solid #FEDD39;
}
/*
========================================================================================================
	WRAP
========================================================================================================
*/
#wrap
{
	margin: 0 auto;
	padding: 0;
	width: 782px;
	background: #EEE url("../img/shadows.gif") repeat-y;
	text-align: left;
}
/*
========================================================================================================
	CONTENTS
========================================================================================================
*/	
#contents
{
	margin: 0 16px;
	* float: left;
	* margin: 0 23px 0 8px;
	
	min-height: 400px;
	
	
	padding: 0;
	background: #FFF; 
	border: 1px solid #A0A0A0;	
	border-top: none;
}
/*
========================================================================================================
	FOOTER
========================================================================================================
*/	
#footer
{

	clear: both;
}
/*
========================================================================================================
	HEADER-AREA
========================================================================================================
*/
#header-area
{
	width: 100%;
	background: #FFF url("../img/nav.gif") repeat-x bottom left;	
	float: left;
}
#banner
{
	float: right;
	margin: 0;
	padding: 0;
	border: none;
}
#nav
{
	float: left;
	list-style: none;
	margin: 36px 0 0 10px;
	* margin: 36px 0 0 5px;
	padding: 0;
}		
#nav li
{
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 11px;
}
#nav a
{	
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	border-bottom: none;
	background: #FDF0A5 url("../img/tab_off.gif") repeat-x top left;
}
#nav li#on a, #nav a:hover
{
	padding-bottom: 5px;
	border-color: #727377;
	background: #FFF url("../img/tab_on.gif") repeat-x top left;
}
#nav a:hover
{
	padding-bottom: 4px;
}
/*
========================================================================================================
	BUTTON
========================================================================================================
*/
a.button 
{
	margin: 0;
	padding: 4px 8px;
	color: #333;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #999;
	background: #FDF0A5 url("../img/tab_off.gif") repeat-x top left;	
}
a.button:hover
{
	background: #FFF url("../img/tab_on.gif") repeat-x top left;	
}
/*
========================================================================================================
	PROPERTY BOX
========================================================================================================
*/
.property-box
{
	margin: 5px;
	padding: 0 0 10px 0;
	width: 230px;
	background: #F8F8F8;
	float: left;
	border: #A0A0A0 1px solid;
	display: block;
	text-align: center;	
}
.property-box h3
{

	margin: 0;
	padding: 2px 2px;
	background: #FFFFB7 url("../img/propertybox_h3.gif") repeat-x top;
	font-family: "Verdana", sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #555;
	text-align: center;
	border-bottom: #A0A0A0 1px solid;	
}
.property-box img
{
	margin: 10px;
	padding: 0;
	border: 1px solid #AAA;
}
.property-box a
{
	margin: 0 auto;
	padding: 0;
	font-family: "Verdana", sans-serif;
	font-size: 85%;
	font-weight: normal;
	text-decoration: none;
	color: #777;
}
.property-box a:hover
{
	text-decoration: underline;
}
/*
========================================================================================================
	INFO BOX
========================================================================================================
*/
.info-box
{
	margin: 5px;
	padding: 0;
	width: 230px;
	background: #F8F8F8;
	float: left;
	border: #A0A0A0 1px solid;
	display: block;
}
.info-box h3
{

	margin: 0;
	padding: 2px 2px;
	background: #FFF url("../img/infobox_h3.gif") repeat-x top;
	font-family: "Verdana", sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #555;
	text-align: center;
	border-bottom: #A0A0A0 1px solid;	
}
/*
========================================================================================================
	HOME
========================================================================================================
*/
#home-search
{
	width: 485px;
	* width: 494px;
	float: left;
	margin: 10px 0 10px 10px;
	* margin: 10px 0 10px 2px;
	padding: 0;
}
#home-featured
{
	width: 242px;
	* width: 251px;
	float: right;
	margin: 10px 10px 10px 0;
	* margin: 10px 3px -24px -8px;	
	padding: 0;
}
#home-description
{
	width: 485px;
	* width: 494px;
	float: left;
	margin: 0px 0 10px 10px;
	* margin: 0px 0 10px 2px;
	padding: 0;
}
#home-description p
{
	margin: 10px 13px 10px 10px;
	* margin: 10px 18px 10px 15px ;
	padding: 0;
	font-family: "TrebuchetMS", sans-serif;
	font-size: 100%;
	color: #555;	
	line-height: 170%;
	*line-height: 165%;
	text-align: justify;
}
#home-description p img
{
	float: left;
	margin: 6px 6px 0 0;
	padding: 3px;
	border: 1px solid #AAA;
}
#home-search p#left
{
	margin: 10px 40px 10px 30px;
	* margin: -10px 15px 0 15px;
	padding: 0 50px 0 0;
	float: left;
	font-family: "Verdana", sans-serif;
	font-size: 90%;
	color: #777;
	border-right: #CCC 1px solid;		
}
#home-search p#right
{
	margin: 10px 10px;
	* margin: -10px 5px 0 5px;
	padding: 0;
	* padding: 0 0 0 30px;
	float: left;
	font-family: "Verdana", sans-serif;
	font-size: 90%;

	color: #777;	
}
#home-search p span
{
	vertical-align: super;
	* vertical-align: middle;
}
#home-search p span.control-text
{
	padding: 1px 0 5px 2px;
	vertical-align: middle;
	font-family: "Arial", sans-serif;
	font-size: 100%;
	color: #000;
}
#home-search input.text, #home-search select
{
	margin: 2px 0 6px 0;
	font-family: "Arial", sans-serif;
	font-size: 100%;
	
}
#home-search input.checkbox
{
	margin: 5px 2px 10px 0;
	* margin: 2px 0 5px -4px;
	
	padding: 0;
	vertical-align: middle;
}
.standard-message
{
	margin: 3px 5px;
	padding: 0;
	font-family: "Arial", sans-serif;
	font-size: 100%;
	color: #555;		
}
/*
========================================================================================================
	PROPERTIES
========================================================================================================
*/
#property-listing
{
	float: left;
	width: 728px;
	* width: 738px;
	margin: 10px 0 10px 10px;
	* margin: 10px 0 10px 2px;
	padding: 0;
}
#property-box-area
{
	float: left;
	width: 726px;
	* width: 736px;
	margin: 0 1px;
	padding: 0;
}
#property-box-area #result-offset
{
	margin: 0 8px -8px 0;
	* margin: 0 12px -12px 0;
	padding: 0;
	text-align: right;
	font-size: 100%;
	font-family: "Trebuchet MS", sans-serif;
	color: #333;	
}
#property-box-footer
{
	float: left;
	width: 728px;
	* width: 738px;
	margin: 10px 0;
	padding: 0;
}
#property-box-footer #nav-offset
{
	margin: 0 8px;
	* margin: 0 12px;
	padding: 0;
	text-align: right;
	font-size: 100%;
	font-family: "Trebuchet MS", sans-serif;
	color: #333;	
	text-align: right;
	cursor: default;
}	
#property-box-footer #nav-offset a
{
	margin: 0 0 0 4px;
	padding: 0;	
	color: #333;
}
#property-box-footer #nav-offset span#selected
{
	margin: 0 -2px 0 2px;
	* margin: 0 -1px 0 2px;	
	padding: 0 2px 0 2px;
	background: #FEDD39;
}
/*
========================================================================================================
	CONTACT
========================================================================================================
*/
#contact-area
{
	float: left;
	width: 728px;
	margin: 10px 0 10px 10px;
	padding: 0;
}