body { font-family:verdana,helvetica,arial,sans-serif; font-size: 80%; background: #ccc; margin: 5px}

/* SITE WIDE */
form{margin: 0px}
img{ border: none}
p{ margin: 0px; padding: 0px;}
a{ text-decoration: none; color: #666}
a:hover{ text-decoration: underline; color: #666}
h1, h2{ font-size: 1.3em; color: #633; padding: 0px 10px; margin: 0px;  }
h3{ font-size: 1.3em; font-weight: bold; padding: 0px 10px; margin: 0px 0px 7px 0px;}
h4{ font-size: 1.2em; font-weight: bold; padding: 0px 10px; margin: 0px 0px 7px 0px;}
h5{ font-size: 1.1em; font-weight: bold; padding: 0px 10px; margin: 0px 0px 7px 0px; color: #666}


.strong{ font-weight: bold}
.left{ float:left}
.right {float:right}
.clear{ clear: both}
.txtSmall{ font-size: 0.85em}
.txtNormal{ font-size: 0.9em}
.hidden { display: none}
.show { display: block}

.price{color:#000; font-weight: bold}

.button{ background: #999; color: #fff; cursor: pointer; border: 1px solid #999; font-size: 1em; font-weight: bold; padding: 0px 3px; }
.button_small{ background: #999; color: #fff; cursor:pointer; border: 1px solid #999; font-size: 0.9em; font-weight: bold; margin-top: 5px }

.button_rev{ background: #f5f5f5  ; color: #666; cursor:pointer; border: 1px solid #666; font-size: 1em; font-weight: bold; padding: 0px 3px; }
.button_rev_small{ background: #f5f5f5; color: #666; cursor:pointer; border: 1px solid #666; font-size: 0.9em; font-weight: bold; margin-top: 5px }

#wrapper{ text-align: center; margin: 0 auto; width:990px; border:7px solid #fff; background:#ddd}
#header{ background: #fff;}
#main{ border-bottom: 7px solid #fff; padding: 10px; text-align: left }
/* End SITE WIDE */


/* Column layouts */
#small_lcol{ width: 319px; float: left; }
#big_rcol{  float:right;}

#big_lcol{ width: 644px; float:left;}
#small_rcol{  float:right  }
/* End Column layouts */


/* Maps */
#map_results, #map_details{ background: #fff; width: 289px; height: 350px; margin-bottom:20px}
#map_details{ height: 220px}
#map_controls{ margin-top:8px; position: relative; top: -9px}
#map_controls img{ vertical-align: middle; cursor: pointer}
/* End maps */

/* Nav styles */
#nav { height:30px; background: #FF640F url("/i/new/nav_bg.png"); padding:0px 10px; border-bottom: solid 7px #fff; font-size: 0.9em; clear:both	}
#nav ul {list-style: none;	padding: 7px; margin: 0px}		
#nav li {	display:inline;	padding: 0px 12px; margin: 0px auto;  }		
#nav li a {	font-weight:normal;	color: #fff;margin-left:4px; text-decoration: none;font-weight:bold; }
#nav li a:hover {text-decoration: underline;}
/* End Nav styles */

/* Box Styles */
.box{ text-align: left; margin: 0px 0px 7px 0px;  }
.box .top { height:5px ;overflow: hidden; margin: 0px;}
.box .text{padding: 7px 15px 7px 15px;}
.box ul{ margin: 0px 0px 10px 10px; padding: 0px}
.box li{ margin: 0px; padding: 0px}
.box .register_link{margin-right: 7px; padding-top:2px;}
.box .right_link{float: right; margin-top:3px}

.box .input_line{margin-bottom: 3px}
.box .input_name{ float:left; width:100px}
.box .textbox{ font-size: 1em;}

.onecol {  width:319px; background: #fff url("/i/new/corner_btm.gif") no-repeat bottom left;}
.twocol {  width:639px; background: #fff url("/i/new/corner_wide_btm.gif") no-repeat bottom left;}

.onecol .top{background: #fff url("/i/new/corner_top.gif") no-repeat top left; }
.twocol .top{background: #fff url("/i/new/corner_wide_top.gif") no-repeat top left;}
/* End Box Styles */

/* Property Styles */
.property .main_image{ width:200px; padding: 2px; border: 1px solid #999;  margin: 0px 10px 7px 0px; float: left}
.property .main_image img { width:200px;}
.property .button{ margin-top: 10px}

#prop_details #main_image{ width:330px; padding: 2px; border: 1px solid #999;  margin: 0px 10px 7px 0px; float: left}
#prop_details #main_image img { width:330px; clear: both; }

#thumbs{padding:5px;  width: 220px ; float: right}
#thumbs .thumb_image{width: 90px; padding: 1px; border: 1px solid #999; margin: 5px; float: left; white-space: nowrap}
#thumbs .thumb_image img { width: 90px; cursor: pointer}
/* End Property Styles */

/* Search Stlyes */
.results{ padding: 10px 10px 0px 10px;  text-align: center; float: right}
.results select{ font-size: 0.9em;}
.agent{ margin: 10px 0px}

/* End Search Stlyes */

/* Footer*/
#footer{  background: #333 url("/i/new/footer_bg.png"); color: #fff; font-size: 0.8em;  clear: both; }
#footer ul {list-style: none;	padding: 9px; margin: 0px}		
#footer li {	display:inline;	padding: 0px 32px; margin: 0px auto;  }		
#footer li a {	font-weight:normal;	color: #fff;margin-left:4px;	text-decoration: none;font-weight:bold; }
#footer li a:hover {text-decoration: underline;}
#footer li img{ vertical-align: middle}
/* End Footer*/


/* END SITE WIDE */

/* HOMEPAGE*/
#home_btm{ margin-top: 7px;}
#areas{ margin-top: 10px; font-size: 0.9em}
.sample{ width:180px; border:1px solid  #ddd; float: left; margin: 0px 8px 7px 0px; padding:5px; text-align: center;}
.sample .details p{ margin:3px; font-size: 1em; color: #633; font-weight: bold; }
.sample img{ border: 1px solid #999; padding:2px}
.featured .details{ margin:2px 0px 5px 0px; font-size: 1.2em; color: #633; font-weight: bold; }
.featured p{ line-height: 1.3em}
.last{margin-right: 0px}

/* END HOMEPAGE*/

/* PROPERTY DETAILS */
#details_heading h1{ color: #000; margin-bottom: 5px}
#details_heading h2{ margin-bottom: 5px}
/* END PROPERTY DETAILS */


/* NASTY CLEARFIX */
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* END NASTY CLEARFIX */