/* The mighty Back40 Design, Inc. style sheet */

/* ~~~[ general ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
a {
	color: #333;
}

a:hover {
	color: #2083c4;
}


.search, .submit {
	color: #000;
	font-size: 1.2em;
	background: #efefef;
	border: 3px double #ccc;
	padding: 0;
}

.advancedSearch {
	text-align: right;
	background: url(images/template/bArrow.gif) 100% 35% no-repeat;
	padding-right: 13px;
	color: #367cd7;
}

ul.openHouses {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
	ul.openHouses li {
		list-style: none;
		margin: 0;
		padding: 0 0 4px 0;
		font-size: 90%;
	}
	ul.openHouses li a {
		background: url(images/template/bArrow.gif) 0 50% no-repeat;
		padding: 0 0 0 13px;
		text-decoration: none;
	}
	ul.openHouses li a strong {
		text-decoration: underline;
		font-size: 110%;
	}

.agentImg {
	float: left;
	margin: 0 7px 4px 0;
	border: 2px solid #000;
}	

.img {
	border: 2px solid #000;	
}

#s-content ul {
	margin: 12px 15px;
}
	#s-content li {
		list-style: square;
		margin-bottom: 7px;
	}
	
	
#hits {
	text-align: right;
	color: #ccc;
}


.left {
	float: left;
	margin: 0 7px 0 0;
}
.right {
	background: #ededed;
	float: right;
	padding: 4px;
	border: solid 1px #ccc;
	margin-left: 12px;
	margin-bottom: 14px;
} 

#featuredAgent strong.head {
	font-size: 120%;
	display: block;
	margin: 0 0 7px 0;
}

#homeWorth {
	margin: 0 0 15px 0;
	width: 239px;
	height: 186px;
	display: block;
	background: url(images/homeworth.jpg) top left no-repeat;
}
	#homeWorth form .address {
		width: 100px;
		margin: 47px 10px 0 10px;
	}
	#homeWorth form .zip {
		width: 50px;
	}
	#homeWorth form .homeButtonGo {
		width: 30px;
		height: 20px;
		background: url(images/button-red-go.gif) no-repeat;
		font-size: 0;
		border: none;
		position: absolute;
		margin: 48px 0 0 5px;
	}


	
/* home detail */
#l-left {
	float: left;
	width: 400px;
}

#l-thumbs {
	width: 120px;
	float: right;
}

#l-thumbs img {
	padding: 3px;
	background: #efefef;
	border: solid 1px #ccc;
	margin: 0 0 5px 0;
}

#super_image {
	padding: 3px;
	margin-bottom: 5px;
	background: #efefef;
	border: solid 1px #ccc;
}

#l-info {
	float: left;
	width: 210px;
	margin-right: 12px;
	display: inline;
}

#l-info p.under {
	border-bottom: solid 1px #efefef;
	margin:0;
	padding: 3px;
	clear: left;
}


.block {
	font-weight: bold;
	display: block;
	float: left;
	width: 110px;
}

#l-info-r {
	width: 170px;
	float: right;
}

#l-info-p {
	margin-bottom: 14px;
}

#l-info-r li {
	margin: 0;
}



/* send site to a friend */
form#send-to {
	float: right;
	width: 158px;
	padding: 10px 10px 10px 10px;
}

#send-to #name, #send-to #email {
	width: 148px;
}
#contact-form #address {
	padding: 2px;
	background: #fff;
	background-image: none;
}
	#contact-form p {
		margin: 0;
	}

#send-to p {
	margin:0;
}

#send-to .send {
	color: #000;
	font-size: 1em;
	background: #efefef;
	border: double #ccc;
	padding: 0 2px;
	margin-top: 8px;
}


/* relators listings page */
ul#realtors {
	text-align: center;
}
	ul#realtors li {
		width: 140px;
		height: 285px;
		list-style: none;
		float: left;
		margin-right: 15px;
	}
	ul#realtors li img {
		border: 2px solid #000;
	}
	ul#realtors li h2 {
		font-size: 1em;
		margin: 3px 0;
	}




#s-content form {
	background: #f7f6f6;
	margin: 0 0 12px 0;
	border-bottom: none;
	padding: 6px 10px;
	border-bottom: 1px solid #ccc;
}

#s-content form #mls {
	margin: 0;
	width: 75px;
}

#s-content form .search {
	padding: 0 2px;
}

#s-content form.mls-form{
	width: 180px;
	float: left;
}

#s-content #search-street {
	width: 303px;
	float: left;
	clear: right;
	margin-left: 12px;
}

#s-content #search-street .text-field {
	width: 160px;
}



/*WELCOME*/
#welcome {
	width: 250px;
	float: left;
	margin: 14px;
	display:inline;
}



/*HOMES*/
#h-homes {
	width: 270px;
	float: right;
	margin: 14px 14px 0 0;
	display: inline;
}

#h-homes p {
	margin-bottom: 0;
	width: 140px;
	float: right;
}

#h-homes h4 {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	width: 140px;
	float: right;
	margin: 0;
}

.home {
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
}

a.more {
	color: #377dd7;
	background: url(images/template/bArrow.gif) no-repeat 0 3px;
	padding-left: 12px;
	margin-top: -5px;
}

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

a.addFavs {
	color: #377dd7;
	background: url(images/add.png) no-repeat 0 3px;
	padding: 2px 0 2px 13px;
}

#h-homes img {
	background: #ededed;
	float: left;
	padding: 4px;
	border: solid 1px #ccc;
	margin-right: 8px;
	margin-top: 2px;
}



/* home messages */
span.sold, span.new, span.reduced, span.contract {
	font-size: .9em;
	padding: 1px 2px;
	margin-right: 2px;
}

span.sold {
	background: #f00;
	color: #fff;
}
span.new {
	background: #ff0;
}
span.reduced {
	background: #00fa00;
}
span.contract {
	background: #f00;
	color: #fff;
}
	
	
	
	
	
	
	
	
	
/* ~~~[ template ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/*LOGO */
#logo {
	background: url(images/template/logo.gif) no-repeat;
	width: 200px;
	height: 96px;
	display: block;
	position: relative;
	float: left;
	margin: 0 0 0 6px;
	text-indent: -9999px;
}

/* flash container */
#flashTop {
	width: 576px;
	height: 115px;
	margin: 38px 0 0 204px;
	position: absolute;
}



/*HEADER*/
#header {
	background: #fff url(images/template/headerBk.gif) no-repeat bottom center;
	border-top: solid 6px #2083c4;
	height: 153px;
	text-align: left;
}

#header .inner {
	height: 161px;
	width: 780px;
	margin: 0 auto;
}



/*NAV*/
#top-nav1 ul {
	font-size: 1.2em;
	float: right;
	margin: 0;
	padding: 0;
}

#top-nav1 li {
	background: #2083c4 url(images/template/btnl.gif) no-repeat left;
	list-style: none;
	float: left;
	margin: -2px 3px 0 2px;
	padding-left: 6px;
	display:inline;
}

#top-nav1 li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(images/template/btnr.gif) no-repeat right;
	padding: 3px 11px 3px 3px;
	height: 22px;
	line-height: 160%;
}

#top-nav1 a:hover {
	color: #134068;
}

#top-nav2 ul {
	clear: both;
	margin: 2px;
	text-align: right;
	float: right;
}

#top-nav2 li {
	list-style: none;
	float: left;
	margin: 0;
}

#top-nav2 li a {
	color: #333;
	text-decoration: none;
	margin-left: 3px;
}

#top-nav2 a:hover {
	color: #2083c4;;
}

#content-container {
	background: #fff;
	width: 782px;
	margin: 0 auto;
	text-align: left;
}


/*SIDE-BAR*/
#side-bar {
	background: url(images/template/sideBk.gif) repeat-y;
	
	width: 201px;
	float: left;
	margin-top: -22px;
	display: inline;
	position: relative;
	padding: 0;
}

	
.listings img {
	border: 2px solid #000;
	float: left;
	margin: 0 10px 0 0;
}
	.listings div.info {
		margin-left: 130px;
		padding: 0;
	}
	.listings div.info h4 {
		margin: 0;
		padding: 0;
	}
	
	
/*SEARCH*/
#search-nav{
	margin:0;
}

#search-nav li {
	text-indent: -9999px;
	display:inline;
	list-style:none;
}

#s-nav a {
	background: url(images/buttons/okcmls.jpg) no-repeat;
	width: 92px;
	height: 34px;
	display: block;
	float:left;
	margin-top: 1px;

}

#as-nav a {
	background: url(images/buttons/shawneemls.jpg) no-repeat;
position: relative;
	width: 111px;
	height: 34px;
	display: block;
	float:left;
	margin-top: 1px;
}

#sstreet {
	background: url(images/template/sstreet.gif) no-repeat;
	display: block;
	margin:0 0 8px -5px;
	text-indent: -9999px;
	padding-top: 12px;
	width: 184px;
}

#search,#search-street {
	clear: both;
	margin: 0 14px 14px 12px;
	padding-bottom: 14px;
	border-bottom: solid 1px #ccc;
}

#search p {
	margin-bottom: 4px;
}

#type {
	width: 100px;
	margin-left: 35px;
}

#price {
	width: 100px;
	margin-left: 36px;
}

#bedrooms {
	margin-left: 6px;
}

#search select {
	font-size: 1em;
	border: solid 1px #ccc;
}

.text-field {
	border: solid 1px #ccc;
	padding: 2px;
}

#search .text-field {
	font-size: 1em;
	padding: 3px 0;
}

#search-street .text-field {
	font-size: 1em;
	width: 65%;
	padding: 3px 0;
	margin-left: 5px;
}


/* side search class */
.sideSearchForm select {
	float: right;
}

.sideSearchForm p {
	clear: both;
	padding-bottom: 6px;
}

.side-search {
	color: #000;
	font-size: 1em;
	background: #efefef;
	border: double #ccc;
	padding: 0;
	margin-left: 129px;
}

#search-site h3 {margin: 0; padding: 0 0 8px 8px; font-size: 12px; color: #83a5bc;}


/*ADDRESS*/
#address {
	color: #000;
	padding: 0 12px 0 12px;
	background: url(images/sidebar-house-bottom.jpg) bottom right no-repeat;
	height: 540px;
	margin-left: 5px;
}

#address h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 25px;
}

#spanish {
	color: #000;
	margin: 0 12px 0 12px; 
	padding: 0 15px 15px;
	border-bottom: solid 1px #ccc;
}


/*CONTENT*/
#content {
	border-top: solid 3px #57b2ee;
	width: 579px !important;
	width:  565px;
	float: right;
}

#content p,#s-content p {
	margin-bottom: 14px;
}


#s-content {
	border-top: solid 3px #57b2ee;
	width: 543px !important;
	width: 519px;
	float: right;
	padding: 18px;

}



/* bottom */
#footer {
	background: url(images/template/footerBk.gif) no-repeat;
	clear: both;
	padding: 24px 0;
	margin-top: 10px;
}
	#footer p  {
		margin: 0 0 0 214px;
	}
	
	#footer .flogo {
		float: left;
		margin-left: 30px;
	}
	
	#footer .prudential {
		background: url(images/template/prud.gif) no-repeat 0 -1px;
		display: block;
		height: 15px;
		padding-left: 70px;
	}
	
	#footer .equal {
		background: url(images/template/house.gif) no-repeat right;
		padding-right:16px;
	}
	
	#footer em {
		display:none;
	}


	
		
/* ~~~[ headings ]~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
h1 {
	font-family: "Trebuchet MS";
	color: #f00;
	font-size: 1.7em;
	border-bottom: solid 1px #ccc;
	padding-bottom: 4px;
	margin-bottom: 8px;
	font-weight: normal;
}
	h1 span {
		font-size: 75%;
	}
	h1 a {
		color: #f00;
		text-decoration: none;
	}

h2 {
	color: #666;
	font-size: 1.5em;
	margin-bottom: 4px;
}

h3 {
	color: #333;
	font-size: 1.5em;
	margin-bottom: 4px;
}
	#search h3, h3.underline {
		color: #333;
		font-size: 1.2em;
		margin: 5px 0 7px 0;
		border-bottom: 1px solid #efefef;
	}

h4 {
	color: #333;
	font-size: 1.2em;
	margin-bottom: 4px;
}




/* ~~~[ body/html calling ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	color: #333;
	background: #2083c4 url(images/template/bodyBk.gif) no-repeat top center;
	font: 70%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

p,form,body,html,ul,li,img {
	font-weight: normal; padding: 0; margin: 0;	border: none;
}

hr {
	clear: both;
	visibility: hidden;
	margin: 0;
}

hr.clear {
	visibility: visible;
	margin-bottom: 10px;
	border: none;
	border-top: 1px solid #ccc;
}

.clear {
	clear: both;
}
#address {margin: 0; width: 175px;}
#side-bar {width: 203px;}