/* browser defaults reset
 * ------------------------------------------------------------------------- */

* { 
	margin: 0; 
	padding: 0
	}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
	}
	 
fieldset,img,abbr,acronym { border:0 }

h1,h2,h3,h4,h5,h6 { 
	color: #c60041;
	font-size: 24px;
	margin-bottom: 10px;
        padding: 20px 0;
	}

h1{
border-bottom:1px solid;
padding-bottom:10px;}


ul { list-style: none }

.post ul{ list-style: square; margin-left:30px }


/* default type selectors
 * ------------------------------------------------------------------------- */

body { 
	background: #bdd2b4 url("images/body-bg.gif") repeat-x;
	color: #393939; 
	font: 12px/18px arial, helvetica, sans-serif
	}
	
input { color: #393939 }
	
a:link, 
a:visited {
	color: #0863a5; 
	text-decoration: underline 
	}
	
a:hover,
a:active,
a:focus { 
	color: #3F92FF; 
	text-decoration: underline
	}	

p, ul, ol { margin-bottom: 20px }

blockquote {
margin: 20px 0;
background-color: #C9E5F8;
padding: 20px 20px 1px 20px;
font-size: 14px;
}

#sidebar ul li{
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:0px;
	padding-bottom:12px;
	line-height:16px;
	font-size:12px
	}
/* default classes
 * ------------------------------------------------------------------------- */

.clearfix:after {
    clear: both;
	content: ""; 
    display: block; 
    height: 0;
    visibility: hidden
	}
	
.clear { 
	clear: both;
	height: 0.01em
	}

.ir {
	height: 0;
	overflow: hidden
	}

input.submit { cursor: pointer }


/* layout
 * ------------------------------------------------------------------------- */

#top {
	background: url("images/body-top.jpg") no-repeat center 54px;
	height: 369px;
	width: 100%
	}

#menu,#mast,#main,#footer { 
	margin: 0 auto;
	width: 940px 
	}

#main,#footer { width: 956px }
	
#mast {
	background: url("images/mast4.gif") no-repeat;
	padding-top: 122px;
	position: relative
	}
	
#main {
	background: url("images/main-bg.gif") repeat-y;
	position: relative
	}
	
#main-top {
	background: url("images/main-top.gif") no-repeat;
	height: 196px;
	margin-bottom: -176px;
	}
	
#sidebar,#content,#sidebar-right {
	float: left;
	padding: 0 20px;
	}
	
#footer {
	background: url("images/footer.gif") no-repeat;
	clear: both;
	padding-top: 50px;
	margin-bottom: 20px;
	text-align: center
	}
	
#footer p { margin-bottom: 5px }
	
#latest-blog-posts li { margin-bottom: 8px }

#hdr-latest-blog-posts {
	background: url("images/hdr-latest-blog-posts.gif") no-repeat;
	padding-top: 67px;
	margin-bottom: 0	
	}

#hdr-client-testimonials {
	background: url("images/hdr-client-testimonials.gif") no-repeat;
	padding-top: 46px;
	margin-bottom: 0
	}

.quotes .block {
	background: url("images/end-quote.gif") no-repeat bottom right;
	font-size: 14px;
	line-height: 20px;
	padding-top: 0;
	margin-bottom: 10px;
	padding-right: 0;
	margin-right: 20px;
	}

.quotes blockquote { 
	background: url("images/begin-quote.gif") no-repeat top left;
	font-style: italic;
	padding-top: 28px;
	text-indent: 55px;
	}


/* #sidebar
 * ------------------------------------------------------------------------- */
	
#sidebar,#sidebar-right {
	background: url("images/dashes.gif") repeat-y top right;
	padding: 0 20px 0 28px;
	width: 273px
	}
	
#sidebar h3 { margin-bottom: 0 }
	
#sidebar-right { 
	background: url("images/dashes.gif") repeat-y top left;
	margin-left: -1px;
	padding: 0 0 0 20px
	}
	
#sidebar-right .status { color: #0863a5 }


/* #content
 * ------------------------------------------------------------------------- */
	
#content {
	background: url("images/dashes.gif") repeat-y top left;
	margin-left: -1px;
	padding: 0 28px 0 20px;
	width: 587px 
	}
	
#content.wide {
	background: none;
	margin-left: 0;
	padding: 0 28px;
	width: 900px
	}
	
#content.narrow {
	background: url("images/dashes.gif") repeat-y top right;
	padding: 0 20px 0 0;
	width: 273px
	}
	
#columns { 
	background: url("images/dashes.gif") repeat-y top left;
	float: left;
	margin-left: -1px;
	padding: 0 28px 0 20px;
	}
	
#columns #content, #columns #sidebar-right { margin-bottom: 20px }

#listings-top, #blog-top {
	margin: 0 28px;
	}
	
#listings-top h1 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
	}
	
.property-photos li { 
	float: left;
	margin-bottom: 20px;
	width: 125px
	}
	
.property-photos li.alt { float: right }


/* #search-info-bar / #sort-listings-bar
 * ------------------------------------------------------------------------- */
				
#search-info-bar {
	background: url("images/ads-hdr.gif") no-repeat;
	height: 42px;
	line-height: 42px;
	margin-bottom: 0;
	}
	
#search-info-bar.details-page {
	margin-bottom: 20px
	}
	
#search-info-bar li {
	float: left;
	margin-left: 10px;
	padding-left: 32px;
	}
	
.icon-listings { background: url("images/icon-listings.gif") no-repeat }
.icon-viewing { background: url("images/icon-viewing.gif") no-repeat }
.icon-quicksearch { background: url("images/icon-quicksearch.gif") no-repeat }

#sort-listings-bar {
	background: url("images/hdr-search-results.gif") no-repeat;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	}
	
#sort-listings-bar h1 { float: left }

#sort-listings-bar .sort-listings { float: right }


/* #search-results
 * ------------------------------------------------------------------------- */

#search-results { 
	border-bottom: 1px solid #ccc;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px
	}
	
.result { 
	border-top: 1px solid #ccc;
	clear: both;
	padding: 20px 0
	}

.result .address { font-size: 14px; font-weight: bold }
.result .price { font-weight: bold; font-size: 16px }	
.result .status { font-weight: bold }
.result .status.sold { color: #c60042 }
.result .status.reduced { color: #e07a24 }
.result .status.new { color: #0e733a }

.result-photo, .result-address, .result-info { float: left }

.result-photo { width: 118px }
.result-address { width: 340px }
.result-info { float: right; text-align: right; font-size: 14px }

.result-photo img, .property-photos img { border: 1px solid #ccc }

.result .city {
	color: #0863a5;
	font-weight: bold;
	}
	
.pagination {
	clear: both;
	height: 42px; 
	line-height: 42px 
	}

.pagination a, .pagination span { margin: 0 4px }

#subscribe-online {
	background: url("images/subscribe-online.jpg") no-repeat;
	height: 142px;
	margin-bottom: 20px;
	position: relative
	}
	
#subscribe-online form {
	top: 90px;
	left: 200px;
	position: absolute;
	vertical-align: middle
	}
	
#subscribe-online input { 
	border: 1px solid #ccc;
	padding: 6px;	
	width: 130px
	}
	
#subscribe-online input.submit {
	background: url("images/btn-subscribe.gif") no-repeat;
	border: 0;
	height: 26px;
	width: 72px
	}
	
#buy-a-home a {
	background: url("images/buy-a-home.gif") no-repeat;
	display: block;
	padding-top: 70px
	}
	
#sell-your-home a {
	background: url("images/sell-your-home.gif") no-repeat;
	display: block;
	padding-top: 70px
	}
	
	
/* .pod
 * ------------------------------------------------------------------------- */

.pod {
	background-repeat: no-repeat;
	margin-bottom: 20px
	}
	
.pod .block {
	padding: 20px;
	padding-bottom: 0
	}
	
.pod .bottom { height: 3px; overflow: hidden }

.pod.light { background-color: #e1e1e1 }
.pod.dark { background-color: #226aa2; color: #fff }
.pod.dark li a:link, .pod.dark li a:visited { color: #fff }

#sidebar .pod.dark { background-image: url("images/darkpod-top.gif") }
#sidebar .pod.dark .bottom { background-image: url("images/darkpod-bottom.gif") }
	
#sidebar .pod.light { background-image: url("images/lightpod-top-273.gif") }
#sidebar .pod.light .bottom { background-image: url("images/lightpod-bottom-273.gif") }
	
#content .pod.light, #columns .pod.light { background-image: url("images/lightpod-top-587.gif") }
#content .pod.light .bottom, #columns .pod.light .bottom { background-image: url("images/lightpod-bottom-587.gif"); clear: both }

#content .pod.light.wide { 
	background-image: url("images/lightpod-top-440.gif");
	float: left;
	margin-left: 20px;
	width: 440px
	}
	
#content .pod.light.wide.first { margin-left: 0 }

#content .pod.light.wide .bottom { background-image: url("images/lightpod-bottom-440.gif") }

#content .pod.light.wide h3 { color: #3a3a39 }

.pod .left { float: left; width: 250px }
.pod .right { float: right; width: 250px }


/* .arrow
 * ------------------------------------------------------------------------- */

.arrow.blue li, .arrow.white li {
	background-image: url("images/arrow-blue.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 16px 
	}
	
.arrow.white li { 
	background-image: url("images/arrow-white.gif")
	}
	
#sidebar-right .arrow li { margin-bottom: 10px }

#content.wide.ads h2 {
	background: url("images/ads-hdr.gif") no-repeat;
	color: #3a3a39;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	}
	
#hdr-blogsearch, #hdr-propertysearch {
	background: url("images/hdr-blogsearch.gif") no-repeat;
	padding-top: 46px;
	}
#hdr-blogsearch, #hdr-propertysearch h4{
color:#226AA2;
font-size:10px;
}
	
#hdr-propertysearch {
	background: url("images/hdr-propertysearch.gif") no-repeat;
	}
	
body.blog #sidebar h2 {
	background: url("images/hdr-blog.gif") no-repeat;
	color: #3a3a39;
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	padding: 0 10px
	}
	
body.blog .post h2 a { color: #c60041; text-decoration: none }


/* #propertysearch
 * ------------------------------------------------------------------------- */

#propertysearch form { padding: 0 20px }

#propertysearch select { width: 100%; margin-bottom: 10px }

#propertysearch select.small { width: 50px; float: left }
.baths label, .beds label { float: left }
#propertysearch .to {float: left; padding: 0 10px; text-align: right }
#propertysearch .beds,#propertysearch .baths { margin-bottom: 10px; clear: both }
#beds { margin-left: 70px } 
#baths { margin-left: 68px }

.blog h2 { margin-bottom: 2px }

#blogsearch {
	border: 0;	
	margin-bottom: 10px;
	padding: 4px;
	width: 226px;
	}
	
.date { 
	color: #0863a5;
	font-size: 14px
	}


/* #featured-listing
 * ------------------------------------------------------------------------- */

#featured-listing { height: 381px; position: relative }
	
#featured-listing .overlay {
	background-color: #b00e3e;
	color: #fff;
	width: 547px;
	padding: 0 20px;
	position: absolute;
	top: 341px;
	height: 40px;
	line-height: 40px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	}
	
#featured-listing a { color: #fff }
	
#featured-listing .left { float: left }
#featured-listing .right { float: right }


/* #save-tool
 * ------------------------------------------------------------------------- */

#save-tool { 
	color: #fff;
	display: none;
	position: absolute; 
	left: 172px;
	top: 64px;
	width: 623px; 
	z-index: 2 
	}

#save-tool-form {
	background: url("images/savetool-bg.png") repeat-y;
	padding: 0 80px;
	}

#hdr-save-tool {
	background: url("images/savetool-top.png") no-repeat;
	height: 188px
	}
	
#hdr-save-tool a { width: 60px; padding-top: 60px; display: block; }
	
#save-tool-bottom {
	background: url("images/savetool-bottom.png") no-repeat;
	height: 69px	
	}
	
#selling-price, #you-save { 
	border: 0;
	padding: 6px;	
	width: 208px
	}
	
#save-tool .submit { margin: 20px 0; }
	
#save-tool .left { float: left; margin-top: -30px }
#save-tool .right { float: right; margin-top: -30px }


/* menu
 * ------------------------------------------------------------------------- */

#menu { 
	height: 54px;
	margin-top: -369px 
	}

#menu, 
#menu a { background-image: url("images/menu.gif") }

#menu li {
	float: left;
	list-style-type: none;
	display:inline;
	}

#menu a {	
	background-position: 0 0;	
	background-repeat: no-repeat;
	display: block;
	height: 0;
	margin-left: 2px;
	padding-top: 54px;
	overflow: hidden;
	}
	
#menu .first a { margin-left: 0 }

#menu-1 a { background-position: 0 0; width: 112px }
#menu-2 a { background-position: -114px 0; width: 113px }
#menu-3 a { background-position: -229px 0; width: 113px }
#menu-4 a { background-position: -344px 0; width: 183px }
#menu-5 a { background-position: -529px 0; width: 161px }
#menu-6 a { background-position: -692px 0; width: 98px }
#menu-7 a { background-position: -792px 0; width: 148px }

#menu-1 a:hover { background-position: 0 -54px }
#menu-2 a:hover { background-position: -114px -54px }
#menu-3 a:hover { background-position: -229px -54px }
#menu-4 a:hover { background-position: -344px -54px }
#menu-5 a:hover { background-position: -529px -54px }
#menu-6 a:hover { background-position: -692px -54px }
#menu-7 a:hover { background-position: -792px -54px }

body#home #menu-1 a { background-position: 0 -108px }
body#sellers #menu-2 a { background-position: -114px -108px }
body#buyers #menu-3 a { background-position: -229px -108px }
body#learning-center #menu-4 a { background-position: -344px -108px }
body#local-experts #menu-5 a { background-position: -529px -108px }
body#blog #menu-6 a { background-position: -692px -108px }
body#contact #menu-7 a { background-position: -792px -108px }

.logocontainer { width:280px; height:100px; position:absolute; top:10px } 
.logocontainer a { width:280px; height: 100px; display: block; }