/*

Theme Name: WP Pro Real Estate
Theme URI: http://themeforest.net/user/contempoinc
Description: This is a clean and simple theme design suitable for use in the real estate market, and more.
Version: 1.0
Author: Chris Robinson and www.juliankidd.com customisation
Tags: blue, grey, custom, fixed width, two columns, real estate

	This theme was designed and built by Chris Robinson and juliankidd.com,

	If you should have any questions at all please don't hesitate to
	email me through my profile on ThemeForest or via email at chris@contempographicdesign.com or julian@juliankidd.com

*/

/** CSS - Real Estate Theme
==============================================================================*/

* { /* removes defaults from all elements */
margin: 0;
padding: 0;
list-style-type: none;
}

/** Body
==============================================================================*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
color: #888888;
background-color: #ffffff;
padding-top:10px;
margin: 0 auto;
}

/** Misc
==============================================================================*/

.clear {
clear: both;
}

a img {
border: 0px;
}

p {
margin: 0 0 20px 0;
}

.left {
float: left;
}

.right {
float: right;
}

/** Headings
==============================================================================*/

h1 {
font-size: 28px;
line-height: 30px;
color: #fff;
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: #852432;
}

h4 {
font-size: 16px;
margin: 20px 0 0 0;
color: #696969;
text-transform: capitalize;
}

h5 {
font-size: 14px;
padding: 0 0 3px 0;
margin: 20px 0 0 0;
color: #999999;
text-transform: capitalize;
border-bottom: 1px solid #efefef;
}

/** Links
==============================================================================*/

a:link {
color: #4f4840;
text-decoration: none;
}

a:visited {
color: #4f4840;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
}

a:active {
color: #4f4840;
text-decoration: none;
}

/** Main Container
==============================================================================*/

#container {
width: 960px;
margin: 0 auto;
}

#header {
width: 960px;
height: 100px;
background: url(images/cabarete-villas-rentals.png) no-repeat;
}

#header .clicklogo a{
display:block;
width: 300px;
height: 100px;
	text-indent:-9999px;
	position:absolute;
	outline:none;

}

/** Logo
==============================================================================*/

#logo {
float: left;
margin: 10px 0 0 0;
}

/** Navigation
==============================================================================*/

ul#nav {
float: right;
margin: 40px 0 0 0;
}

ul#nav li {
float: left;
margin: 0 10px 0 0;
}

ul#nav li a {
color: #852432;
display: block;
}

ul#nav li a:hover {
color: #7f7467;
}

ul#nav li.current_page_item a, ul#nav li.current-cat a {
color: #ffffff;
padding: 0 8px 0 8px;
background-color: #852432;
}

ul#nav ul.children {
display: none;
}

/** Search
==============================================================================*/

#search {
float: left;
width: 920px;
margin: 0 0 1px 0;
padding: 10px 20px 10px 20px;
background-color: #f7d1a8;
font-size: 12px;
color: #852432;
border-top: 1px solid #fef6ee;
border-bottom: 1px solid #ebd0b4;
}

#search p {
margin: 0;
}

#searchfield input {
width: 285px;
height: 18px;
padding: 2px 0 0 22px;
margin: 2px 0 0 0;
border: 1px solid #ebd0b4;
background: url(images/search_icon.jpg) no-repeat #ffffff 3px 3px;
}

/** Home Header
==============================================================================*/
#homewrap {
float: left;
width: 960px;
margin: 0 0 10px 0;
}

#homeheader {
float: left;
width: 535px;
height: 314px;
margin: 0 0 10px 0;
}

#homeheader img {
float: left;
padding-left: 95px;
}

#homeheader .loader {
padding-left: 200px;
padding-top: 120px;
}


#homeintro {
float: right;
width: 290px;
height: 276px;
padding: 19px;
background-color: #82c6e7;
}

#homeintro h1 {
margin: 30px 0 15px 0;
color: #fff;
}

#homeintro p {
color: #852432;
font-size: 12px;
}

#homeintro .h3 {
font-size: 24px;
line-height: 25px;
color: #fff;
}

#homeintro a#btnleft, #homeintro a#btnright {
float: left;
display: block;
width: 145px;
height: 27px;
text-align: center;
padding: 3px 0 0 0;
margin: 15px 0 0 0;
}

#homeintro a#btnleft {
background: url(images/btn-bg-l-1.png) no-repeat;
}

#homeintro a#btnright {
background: url(images/btn-bg-r-1.png) no-repeat;
}

/** Home Welcome, New Listings, Featured Listing
==============================================================================*/

#homewelcome {
float: left;
width: 610px;
margin: 0 20px 0 0;
}

#homewelcome h1 {
margin: 0 0 10px 0;
font-size: 22px;
}

.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: #777777;
}

.price, .bedbathsqft {
font-size: 12px;
margin: 0;
color: #777777;
}

.price {
font-weight: bold;
margin-bottom: -5px;
color: #777777;
}

.price span {
font-weight: normal;
font-size: 12px;
color: #777777;
}

#featuredlisting {
float: left;
width: 330px;
}

#featuredwrap {
float: left;
width: 328px;
border: 1px solid #cccccc;
}

#featuredlisting img {
float: left;
}

#featuredlisting .amenities img{
border: 0px;
margin-left:20px;
margin-top:3px;
float:left;
padding-right: 3px;
}

#featuredlisting .amenities {
font-size: 12px;
color: #999999;
}

#featuredlisting h3 {
margin: 0 0 -8px 0;
}

.address {
float: left;
padding: 10px 20px 8px 20px;
background-color: #f7d1a8;
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;
}

#map {
float: left;
width: 600px;
margin: 20px 20px 0 0;
}

#cats {
float: left;
width: 330px;
margin: 20px 20px 0 0;
font-size: 12px;
}

#cats li {
margin-left: 20px;
font-size: 12px;
}

/** Listing Wrapper
==============================================================================*/

#listingwrap {
float: left;
width: 960px;
background: url(images/listing_bg1.jpg) repeat-y;
}

#listingwrap .post .pageshow {
margin-left: 80px;
height: 314px;
width: 471px;
}

#listingwrap .post .pageshow .loader1 {
padding-left: 200px;
padding-top: 120px;
}

/** Sidebar
==============================================================================*/

#sidebar {
float: left;
width: 309px;
padding: 19px 0 19px 19px;
background-color: #82c6e7;
}

#sidebar ul {
list-style-type: none;
}

#sidebar ul li {
text-align: left;
}

#sidebar ul li a {
display: block;
padding: 5px 0 5px 0;
width: 309px;
color: #333333;
background: url(images/subnav_item_bg1.jpg) no-repeat bottom;
}

#sidebar ul li a:hover {
color: #888888;
}

#sidebar ul li.current-cat a {
color: #f7d1a8;
background: url(images/subnav_current_bg1.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;
}

.catmaps {
float: right;
margin: 20px 0 0 0;
width: 610px;
}

.catmaps img {
float: left;
}

.searchresult img {
float: left;
}

.listinginfo {
float: left;
font-size: 12px;
}

.listinginfo p {
font-size: 12px;
}

.listinginfo img {
float: left;
border: 0px;
margin-left:20px;
margin-top:3px;
padding-right: 3px;
}

.listinginfo .address {
width: 288px;
}

.listinginfo .price {
font-size: 18px;
color: #777777;
}

.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;
}

.noresults {
float: left;
margin: 20px 0 0 20px;
}

/** Listing Detail
==============================================================================*/

#listingdetail {
float: right;
width: 630px;
}

#listingdetail h3, #listingdetail .location {
float: left;
width: 400px;
margin-left: 0px;
color:#777777;
}

#listingdetail img {
margin-left:20px;
border: 0px;
padding-right: 2px;
}

#listingdetail .amenities {
font-size: 12px;
color: #999999;
}

#listingdetail .prices {
margin-left:20px;
color: #777777;
}

#listingdetail .amenities img{
border: 0px;
margin-left:20px;
margin-top:3px;
float:left;
padding-right: 3px;
}

#listingdetail .photos img{
border: 0px;
}

#imageslides {
float: left;
padding-left: 85px;
}

#imageslides .show img{
float: right;
margin-right: 85px;
}

#imagesnav ul {
display: none;
}

#imagesnav {
float: right;
margin-right: 107px;
background: url(images/gallery_nav_bg.jpg) repeat-x;
width: 398px;
padding: 4px 20px 4px 20px;
}

#imagesnav span.jFlowControl, .jFlowNext, .jFlowPrev {
cursor: pointer;
}

.jFlowPrev  {
padding: 0 0 0 30px;
background: url(images/gallery_left_btn.jpg) no-repeat left;
}

.jFlowNext  {
padding: 0 30px 0 0;
background: url(images/gallery_right_btn.jpg) no-repeat right;
}

#listingdetail .address {
float: right;
width: 590px;
margin: 0 0 20px 0;
}

#listingdetail .price {
font-size: 26px;
color: #777777;
}

#listingdetail p, #listingdetail h4, #listingdetail h5, #listingdetail ul {
margin-left: 20px;
}

#listingdetail ul {
font-size: 12px;
margin-top: 20px;
}

#listingdetail ul li {
color: #999999;
line-height: 18px;
margin: 0 0 18px 0;
}

#listingdetail p {
color: #999999;
font-size: 12px;
}

/** Footer
==============================================================================*/

#footer {
float: left;
width: 960px;
margin: 1px 0 0 0;
border-top: 1px solid #cfcfcf;
background: url(images/footer_bg1.png) repeat-x top;
}

#footer p {
margin: 10px 20px 20px 10px;
color: #999999;
font-size: 10px;
}
#footer a {
color: #999999;
font-size: 10px;
}