/*
Theme Name: Out of the Box
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A nice 2 column theme.  Design by <a href="http://www.demusdesign.com">DemusDesign</a>.  Coded by <a href="http://www.themelab.com">Theme Lab</a>
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font: 400 0.8em 'trebuchet ms',arial,sans-serif;
	color: #888;
	min-height: 100%;
	}
	
a {
	text-decoration: underline;
	color: #00A7A7;
	}

a:hover {
	text-decoration: underline;
	color: #006666;
	}
	
.wrap {
	width: 980px;
	margin: 0 auto;
	}
	
#head {
	height: 231px;
	width: 100%;
	background: #FFF url('images/bodybg.jpg') repeat-x top left;
	padding: 80px 0 0px 0;
	background-color: #444;
	}

h1#logo, span#logo {
	font: 400 4.6em 'century gothic','arial narrow',arial,sans-serif;
}

span#logo a, h1#logo a  {
	color: #FFF;
	text-decoration: none;
	}

span#logo a:hover, h1#logo a:hover  {
	text-decoration: none;
}

span#slogan {
	font: 400 1.3em 'century gothic','arial narrow',arial,sans-serif;
	color: #00CCCC;
	}
	
#nav {
	width: 980px;
	padding-top: 34px; padding-bottom: 29px;
	font-size: 0px;
	position: absolute; top: 226px;
	}

#right {
	background: #FFF url('images/mainbg.jpg') repeat-y;
	background-position: left;
	float: right;
	clear: none;
	width: 275px;
	margin: 30px 20px 50px 0;
	padding-left: 10px;
	color: #FFF;
	
	}

#content {
	margin: 30px 345px 50px 0;
	}

#nav ul {
	list-style-type: none;
	}
	
#nav li {
	display: inline;
	}
	
#nav li a {	
	color: #B3BEBE;
	font: 400 16px 'trebuchet ms',arial,sans-serif;
	padding: 6px 12px;
	margin: 16px 20px 0 0;
	border: 1px solid #262626;
	text-decoration: none;
	}
	
#nav li a:hover {	
	color: #FFF;
	background-color: #005050;
	border: 1px solid #00ABAB;
	}

#right h2 {	
	font: 400 18px 'century gothic','arial narrow',arial,sans-serif;
	color: #033;
	margin: 10px 0;
	background: url('images/h1bullet.gif') no-repeat left;
	padding-left: 25px;
	}

#right p {
	background: url('images/rightlist_line.gif') repeat-x top left;
	}
	
#right ul {
	list-style-type: none;
	}

#right li {
	margin: 0px;
	list-style:none;
	background: url('images/rightlist_line.gif') repeat-x top left;
	}

#right li a , #right p a {
	padding: 8px 2px 8px 25px;
	display: block;
	margin:  0;
	color:#FFF;
	text-decoration:underline;
	background: url('images/rightlist_bullet.gif') no-repeat left;
	}

#right li a:hover, #right p a:hover {
	background: #066 url('images/rightlist_bullet.gif') no-repeat right;
	color:#FFF;
	}

#breadcrumb {
	margin-top: 30px;
	height: 20px;
}

#content h1 {
	font: 400 26px 'century gothic','arial narrow',arial,sans-serif;
	color: #00A7A7;
	margin-top: 15px;
	margin-bottom: 15px;
	}

#content h1 a {
	color: #00A7A7;
	text-decoration: none;
}
	
#content h2, #content h2 a {
	font-weight: 400;
	color: #066;
	margin-bottom: 10px;
	text-decoration: none;	
	}
	
#content h1 a:hover, #content h2 a:hover {
	text-decoration: none;
	}
	
#content p {
	margin: 5px 0 10px 0;
	line-height: 1.5em;
	}
	
#content p img.right, #content p img.left {
	clear: none;
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #EEE;
	}
	
#content p img.right {
	float: right;
	margin: 0 0 10px 15px;
	}
	
#content p img.left {
	float: left;
	margin: 0 15px 10px 0;
	}
	
p.info {
	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;
	background: #F3F3F3 url('images/bullet.gif') no-repeat left center;
	font-size: 0.9em;
	padding: 10px 5px 10px 25px;
	width: 605px;
	float: right;
	margin-bottom: 40px !important;
	}
	
.blockquote {
	display: block;
	background: #F3F3F3 url('images/quote.gif') no-repeat top left;
	padding: 10px 10px 10px 25px;
	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;
	}
	
ol {
	font-weight: 800;
	font-size: 1.0em;
	color: #888;
	margin: 20px;
	}
 
ol span {
	font: 400 1.0em arial,sans-serif;
	color: #888;
	}

ol li {
	margin-left: 25px;
	padding: 4px 0;
	}

#content ul {
	list-style-type: none;
	margin: 20px;
	}
	
#content ul li, #related_posts li {
	padding: 4px 25px;
	background: url('images/bullet.gif') no-repeat left center;
	}

#related_posts {
	margin-bottom: 20px;
}

#related_posts li {
	list-style: none;
	margin-left: 20px;	
}

form label{
	display:block;
	}

form p {
	margin-bottom: 10px;
	background-color: #F3F3F3;
	border: 1px solid #CCC;
	padding: 20px;
	}

form input.text, form textarea{
	width:96%;
	border:1px #DDD solid;
	color:#999;
	padding: 4px 5px;
	font:12px 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
	background-color: #FFF;
	margin-bottom: 15px;
	}

form input.text:hover, form textarea:hover{
	border:1px #CCC solid;
	}

form input.text:focus, form textarea:focus{
	border:1px #999 solid;
	color:#666;
	}

form input.button{
	margin-right:8px;
	padding:3px 5px;
	font:10px Arial,san-serif;
	}

* html form input.text,

* html form textarea{
	border-color:#999;
	color:#999;
	}

.clearer {
	clear: both;
	line-height: 0; 
	height: 0; 
	font-size: 0;
	}
	
#footer {
	width: 100%;
	background: #003939 url('images/footbg.jpg') repeat-x top left;
	}

#footer .wrap {
	margin: 0 auto;
	padding: 20px 0;
	color: #FFF;
	}
	
#footnav {
	margin-bottom: 50px;
	}
	
#footer a {
	color: #0CC;
	text-decoration: none;
	}

#footer a:hover {
	color: #0CC;
	text-decoration: underline;
	}

.linksright {
	float: right;
	width: 200px;
	margin: 0 12px;
	padding: 0 10px 30px 10px;
	list-style-type: none;
	background: #002C2C url('images/linkscorner.jpg') no-repeat top right;
	}
	
.linksright li {
	display: inline;
	margin: 0px;
	list-style-type: none;
	font-size: 0.9em;
	}

.linksright li a {
	padding: 4px;
	display: block;
	margin:  0;
	padding: 5px;
	color: #B3BEBE;
	text-decoration:none;
	background-color: #002C2C;
	border-bottom: 1px solid #002525;
	}

.linksright li a:hover {
	background-color: #002525;
	color:#FFF;
	border-bottom: 1px solid #001C1C;
	}

.links li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.7em;
	}

.links li a {
	padding: 4px;
	display: block;
	margin:  0;
	color: #BD9A56;
	text-decoration:none;
	background-color: #2D1A06;
	border-bottom: 1px solid #211000;
	}

.links li a:hover {
	background-color: #211000;
	color:#FEEDA4;
	}

p.foot {
	color: #099;
	margin: 5px 0 0 12px;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.6em;
	background-color: #004040;
	}

.float-left   { float: left;}

.float-right  { float: right; }

img.avatar {float:left; margin-right:5px;}

<!-- Promo Properties -->

#promo_properties{		
	color: #7F7F7F;	
	font-family: "trebuchet ms",helvetica,sans-serif;
	font-size: 11px;	
}

#promo_properties h2{	
	margin: 20px 0;
	text-align: left;		
}

#promo_properties a {	
	color: #009899;
}

#promo_properties a:hover{	
	color: #00CCCB;
}

#promo_properties ul{
	display: block;
	float: left;					
	margin: 0;	
	padding-left: 5px;
	height: 130px;	
	width: 310px; 
}

#promo_properties ul li{
	background: none;	
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 15px;	
}

#promo_properties li.photo {
	list-style: none;	
	padding-top: 5px;
	padding-right: 5px;
	height: 110px;	
	margin-left: 5px;	
	float: left;
}

#promo_properties li.photo img{
	border: 1px solid #115280;
	padding: 1px;		
}

#promo_properties li.location a {	
	text-decoration: none;
}

#promo_properties li.details {
	margin-bottom: 10px;
}

#promo_properties .details a{
	text-decoration: underline;		
}

/*****************************/
/*Latest listings*/

div.clear{
	clear:both;
}

#latest_listings{
	margin:0px;
	padding:0px;
	text-align:center;
	margin: 0 auto;
}

#latest_listings ul li{
	list-style-image: none;
}

#latest_listings br{
	
}

#latest_listings div.clear{
	margin:0px;
	padding:0px;
	height:0px;	
	width:0px;
	clear:both;
}

#latest_listings h2{	
	text-align: left;
	padding-bottom: 10px;
	padding-left: 50px;
}

#latest_listings p {
	clear: left;	
	text-align: left;
	padding-left: 100px;
}

#latest_listings #listings_header{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	margin-left: 10px;
}
#latest_listings #listings_header ul{
	margin:0px;
	padding:0px;
	list-style:none;	
	
}
#latest_listings #listings_header ul li{
	margin:0px;
	padding:0px;
	float:left;	
}
#latest_listings #listings_header ul .listingtype{
	width:60px;
	text-align:center;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .county{
	width:110px;
	text-align:left;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .city{
	width:160px;
	text-align:left;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .state{
	width:30px;
	text-align:center;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .zipcode{
	width:60px;
	text-align:center;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .bedbath{
	width:43px;
	text-align:center;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .price{
	width:90px;
	text-align:center;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .style{
	width:120px;
	text-align:left;
	padding:3px;
	margin:0px;
}
#latest_listings #listings_header ul .details{
	width:40px;
	text-align:center;
	padding:3px;
	margin:0px;
}

#latest_listings #listings_header ul li {	
	text-align:left;
	float:left;
	background:#171717;
	color:#FFFFFF;
	font-weight:bold;
}

#latest_listings #listings_description{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	margin-left: 10px;
}
#latest_listings #listings_description ul{
	list-style:none;	
	margin:0px;
	padding:0px;
	width: 530px;
}


#latest_listings #listings_description ul .listingtype{
	width:60px;
	text-align:center;
	padding:3px;
}
#latest_listings #listings_description ul .county{
	width:110px;
	text-align:left;
	padding:3px;
}
#latest_listings #listings_description ul .city{
	width:160px;
	text-align:left;
	padding:3px;
}
#latest_listings #listings_description ul .state{
	width:30px;
	text-align:center;
	padding:3px;
}
#latest_listings #listings_description ul .zipcode{
	width:60px;
	text-align:center;
	padding:3px;
}
#latest_listings #listings_description ul .bedbath{
	width:43px;
	text-align:center;
	padding:3px;
}
#latest_listings #listings_description ul .price{
	width:90px;
	text-align:center;
	padding:3px;
	color:#CC3300;
}
#latest_listings #listings_description ul .style{
	width:120px;
	text-align:left;
	padding:3px;
}
#latest_listings #listings_description ul .details{
	width:40px;
	text-align:center;
	padding:3px;
}

#latest_listings #listings_description ul,li:hover{
	
}

#latest_listings #listings_description ul li {	
	text-align:left;
	float:left;
	background:#E8E8E8;
	color:#000000;
}

#top_location {
	height: 360px;
}

#top_county {
	width: 320px;
	float: left;	
}

#top_city {
	width: 310px;
	float: left;	
}