/** CSS - Real Estate Theme

==============================================================================*/



* { /* removes defaults from all elements */

	margin: 0;

	padding: 0;

	}



/** Body

==============================================================================*/



body {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

line-height: 24px;

color: #777777;

background-color: #ffffff;

margin: 0 auto;

}



/** Misc

==============================================================================*/



.clear {

clear: both;

}



a img {

border: none;

}



p {

margin: 0 0 20px 0;

}



.left {

float: left;

}



.right {

float: right;

}



/** Headings

==============================================================================*/



h1 {

font-size: 28px;

line-height: 30px;

color: #ffffff;

margin: 0 0 30px 0;

}



h2 {

font-size: 14px;

line-height: 14px;

margin-bottom: 8px;

color: #4f4840;

text-transform: uppercase;

border-bottom: 1px solid #4f4840;

}



h3 {

font-size: 18px;

line-height: 20px;

color: #60169C;
}



h4 {

margin: 20px 0 0 0;

color: #696969;

text-transform: capitalize;

}



/** Links

==============================================================================*/



a:link {

color: #60169C;

text-decoration: none;

}



a:visited {

color: #60169C;

text-decoration: none;

}



a:hover {

color: #7f7467;

text-decoration: none;

}



a:active {

color: #4f4840;

text-decoration: none;

}



/** Main Container

==============================================================================*/



#container {

width: 960px;

margin: 0 auto;

}



/** Logo

==============================================================================*/



#logo {

float: left;

margin: 28px 0 0 0;

}



/** Navigation

==============================================================================*/



ul#nav {

float: right;

list-style-type: none;

margin: 40px 0 0 0;
	color: #60169C;
}



ul#nav li {

float: left;

margin: 0 10px 0 0;
	color: #60169C;
}



ul#nav li a {

color: #60169C;

display: block;

}



ul#nav li a:hover {

color: #60169C;

}



ul#nav li#current a {

color: #ffffff;

padding: 0 8px 0 8px;

background-color: #60169C;
	border-right-style: solid;
	border-right-color: #60169C;
}

ul#nav li#current a:hover {

color: #FC9026;

padding: 0 8px 0 8px;

background-color: #60169C;

}


/** Search

==============================================================================*/



#search {

float: left;

width: 920px;

margin: 20px 0 1px 0;

padding: 10px 20px 10px 20px;

background: url(../images/search_bg.jpg) repeat-x #fff0e0 bottom;

font-size: 12px;

color: #60169C;

border-top: 1px solid #fef6ee;

border-bottom: 1px solid #ebd0b4;

}



#search p {

margin: 0;

}



#searchfield {

width: 310px;

height: 20px;

margin: 2px 0 0 0;

border: 1px solid #ebd0b4;

background: url(../images/search_icon.jpg) no-repeat #ffffff 3px 3px;

}



/** Home Header

==============================================================================*/



#homeheader {

float: left;

width: 960px;

color: #999999;

margin: 0 0 20px 0;

}



#homeheader img {

float: left;

}



#homeintro {

float: right;

width: 290px;

height: 276px;

padding: 19px;

border-right: 1px solid #3c69ac;

border-left: 1px solid #4e79bb;

background: url(../images/header_intro_bg.jpg) repeat-x #3c69ac bottom;

}



#homeintro h1 {

margin: 30px 0 20px 0;

}



#homeintro a#btnleft, #homeintro a#btnright {

float: left;

display: block;

width: 145px;

height: 27px;

text-align: center;

padding: 3px 0 0 0;

margin: 30px 0 0 0;

}



#homeintro a#btnleft {

background: url(../images/btn_left_bg.jpg) no-repeat;

}



#homeintro a#btnright {

background: url(../images/btn_right_bg.jpg) no-repeat;

}



/** Home Welcome, New Listings, Featured Listing

==============================================================================*/



#homewelcome, #newlistings {

float: left;

display: inline; /*ie6 double margin bug fix*/

width: 295px;

margin: 0 20px 0 0;

}



#homewelcome h1 {

margin: 0 0 10px 0;

}



.listing {

float: left;

width: 295px;

margin: 0 0 10px 0;

}



.listing img {

float: left;

padding: 2px;

margin: 0 10px 0 0;

border: 1px solid #d8d6d4;

}



.listing h3 {

float: right;

width: 165px;

font-size: 14px;

margin-bottom: -8px;

}



.location, .propertytype {

font-size: 10px;

margin: 0;

color: #aaaaaa;

}



.price, .bedbathsqft {

font-size: 12px;

margin: 0;

color: #777777;

}



.price {

font-weight: bold;

margin-bottom: -5px;

}



#featuredlisting {

float: left;

width: 330px;

}



#featuredwrap {

float: left;

width: 328px;

border: 1px solid #cccccc;

}



#featuredlisting img {

float: left;

}



#featuredlisting h3 {

margin: 0 0 -8px 0;

}



.address {

float: left;

padding: 10px 20px 8px 20px;

background-color: #f7e0c8;

border-bottom: 1px solid #ebd0b4;

margin: 0 0 10px 0;

}



#featuredlisting .address {

width: 288px;

}



#featuredlisting .price, #featuredlisting .bedbathsqft, #featuredlisting .propertytype,

.listinginfo .price, .listinginfo .bedbathsqft, .listinginfo .propertytype, .listinginfo .mls {

margin: 0 0 0 20px;

}



#featuredlisting .propertytype {

margin-bottom: 10px;

}



/** Listing Wrapper

==============================================================================*/



#listingwrap {

float: left;

width: 960px;

background: url(../images/listing_bg.jpg) repeat-y;

}



/** Sidebar

==============================================================================*/



#sidebar {

float: left;

width: 309px;

padding: 19px 0 19px 19px;

border-left: 1px solid #3c69ac;

border-right: 1px solid #3c69ac;

background: #3c69ac repeat-x;

}



#sidebar ul {

list-style-type: none;

}



#sidebar ul li {

text-align: left;
	color: white;
}



#sidebar ul li a {

display: block;

padding: 5px 0 5px 0;

width: 309px;

color: white;

background: url(../images/subnav_item_bg.jpg) no-repeat bottom;

}



#sidebar ul li a:hover {

color: #cccccc;

}



#sidebar ul li#currentsub a {

color: #ffffff;

background: url(../images/subnav_current_bg.jpg) repeat-y;

}



/** Search Result

==============================================================================*/



.searchresult {

float: right;

margin: 20px 0 0 0;

width: 610px;

background: url(../images/search_result_description_bg.jpg) repeat-x bottom;

}



.searchresult img {

float: left;

}



.listinginfo {

float: left;

}



.listinginfo .address {

width: 288px;

}



.listinginfo .price {

font-size: 18px;

}



.mls {

color: #999999;

}



#searchnav {

float: right;

width: 610px;

margin: 20px 0 0 0;

}



#searchnav a#btnleft, #searchnav a#btnright {

display: block;

width: 145px;

height: 27px;

text-align: center;

padding: 3px 0 0 0;

}



#searchnav a#btnleft {

float: left;

background: url(../images/searchnav_btnleft.jpg) no-repeat;

}



#searchnav a#btnright {

float: right;

background: url(../images/searchnav_btnright.jpg) no-repeat;

}



/** Listing Detail

==============================================================================*/



#listingdetail {

float: right;

width: 630px;

}



#listingdetail h3, #listingdetail .location {

float: left;

width: 400px;

margin-left: 0px;

}



#listingdetail .address {

float: right;

width: 590px;

margin: 0 0 20px 0;

}



#listingdetail .price {

font-size: 26px;

}



#listingdetail p, #listingdetail h4 {

margin-left: 20px;

}



#listingdetail p {

color: #999999;

font-size: 12px;

}



/** Footer

==============================================================================*/

#footer {

float: left;

width: 960px;

margin: 30px 0 0 0;

border-top: 1px solid #cfcfcf;

background: url(../images/footer_bg.jpg) repeat-x top;

}



#footer p {

margin: 10px 0 20px 10px;

color: #aaaaaa;

font-size: 11px;

}