@import "reset.css";
/* GENERAL STYLES */
body{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height: 1.5em;
}

a { color:#550000;}

p { margin: 0 0 16px; }

.floatLeft{float:left;}
.floatRight{ float:right;}
.row{ clear: both; margin:8px 0 10px;}
.nowrap-box{ float: left; margin-right: 15px; }
.bt1 {background: url('../images/search.png') no-repeat; border: none; color: #FFF; font-size: 14px; font-weight: bold; height: 33px; width: 133px;}
.first_leaf{border-top: 1px solid #e5e5e5;}

h1.pagetitle { font-size: 24px; color: #000;}

.content { padding: 10px;}
.noset { color: #999;}

/*LAYOUT*/
#wrapper{
	background:#f4cf20 ;
	
}
#header{
	clear:both;
	position:relative;
	height:10px;
    margin:0 auto;
    width:980px; 
}
#contents{
    background: #FFF;
	clear:both;
    padding: 5px 10px 10px 10px;
    padding-bottom: 20px;
    overflow: hidden;
    margin:0 auto;
    width:960px; 
}
#footer {
	clear:both;
    background: #f5f5f5;
    font-size: 85%;
    padding: 10px;
    margin:0 auto;
}

.btop { 
    background: url('../images/btop.png') no-repeat; 
    clear: both;
    height: 10px;
    margin: 0 auto;
    width: 980px;
}

/* General Layout*/
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colright,.colmid,.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,.col2,.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	
	overflow:hidden;
}
.threecol {
	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#FFF;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


#page .colleft { right: 31%; border-right: 1px solid #e5e5e5;  }
#page .col2 { left:34%; width: 30%; overflow: visible; }
#page .col1 { left:32%; width: 67%; padding: 20px 0;  }

#page-listing .threecol .colmid { right: 0; border: 1px solid #e5e5e5; }
#page-listing .threecol .colleft { right: 74%; border-right: 1px solid #e5e5e5;  }
#page-listing .threecol .col2 { left:3%; width: 26%; overflow: visible; }
#page-listing .threecol .col1 { width: 71%; padding: 20px 0; }

span.line-block{
 	display:block;
 }
 
 #call-us{
 	background: url(../images/callphone.png) no-repeat;
 	width: 290px;
 	height: 96px;
 }
 
 #call-us span{
 	margin:0px 5px 0 70px;
 	padding: 10px 0 0;
 	color: #FFF;
 	font-size: 12px; 
 }
 
 #call-us span.phone {
 	font-weight: bold;
 	font-size:30px;
 }
 
 #contacts{
 	margin-top: 15px;
 	background-color: #F5F5F5;
 	padding:20px;
 	width: 250px;
 }
 
 #contacts h3{ color:#333; margin-bottom:20px; text-decoration: none; font-size:24px; border-bottom: none; }
 #contacts span{ font-size:12px; margin-bottom:5px;}
/* End General Layout*/

/* header */

#top-menu
{
	float:right;
}

#top-menu a{ padding: 4px 8px; color:#004889; font-size:.8em}
#top-menu li{display: inline-block;}

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

#navigation {
	float:left;
	margin-left:30px;
	margin-top:1em;
	margin-bottom: 1em;
	width:700px;
}

#navigation ul { margin:0; padding:0; list-style:none;}

#navigation ul li, #navigation ul li a { float:left;}
#navigation li a{ padding:0 14px;}
#hi_info{
	position:absolute;
	top:30px;
	right:10px;
	font-weight:bold;
	font-size:28px;
}
#navigation a{ font-weight:bold;}

#pageheader { padding: 10px 5px;}

/* CONTENTS */ 

#contents ul, #contents ol {
    margin: 0 0 1em 1.5em;
}

#contents ul { list-style: circle;}

#search{ 
	background:url(../images/sr02.png) no-repeat;
	font-size:.9em;
	width:950px;
	margin:0 auto;
	overflow:hidden;
	height:282px;
	margin-bottom:10px;
}
#flash{
	float:left;
}
#search-form{
	padding:20px 10px;
	float:left;
	font-size: 1.4em;
    line-height: 1em;
}
#search-form h2{
	color:#005195;
	font-size:200%;
	margin-bottom:15px;
}

#search-form .title-fc
{
	color:#666;
	font-weight:bold;
	margin-bottom:7px;
}

#search-form  input[type=text].fnInput 
{ 
	font-size:140%;
	padding:5px;
}



.nowrap-box label{
    display:block;
}


#listing_type{ width: 104%;}
#listing_type li, #listing_type a {display: block;  }
#listing_type li { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
#listing_type li.active { background: #FFF; width: 100.3%;}
#listing_type a{ padding: 8px 10px;}

/*  MAIN */
h3{
	border-bottom: 1px solid #CCCCCC;
    clear: both;
    color: #333333;
    font-size: 110%;
	font-weight:bold;
    margin-bottom: 10px;
}

#main {
    background: url('../images/bgpoint.jpg');  
	float:left;
    border: 1px solid #8B9194;    
}

#immo-projects{
	margin: 20px 0;
	position: relative;
}
#new-properties{
    background: #FCFDFF;    
	float:left;
	width:300px;
	margin-right:10px;
    padding: 10px;
}

.listings h3{  
    border: 0;   
    margin: 0;
    color: #1F6E9F;   
    font-size: 90%;
}

.listings span{
    font-size: 80%;
}

.listings p{
    margin-top: 5px;
    font-size: 85%;
}

.listings p.more{
    text-align: right;
    font-size: 80%;
}
.listings .item{
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    background: #F5F5F5;
    padding:3px;
}

.listings .item:hover{
	background: #CCCCCC;
}

.listings .item .property_pic{
    float: left;    
}

.listings .item .property_details{
    float: left;
    margin-left: 7px;
    width: 183px;   
}

#featured-properties{
	float:left;
	width:300px;	
    padding: 10px;
    background: url('../images/bgpoint.jpg');
}

#main-info{
    float: left;
    width: 67%;
}

#project-listings .item{
	background: #F5F5F5;
	border:10px solid #CCCCCC;
	float:left;
	width:280px;
	height:180px;
	margin-right:10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
} 

#project-listings .item-details{
	background: url('../images/gray_back.png');
	position: absolute;
	padding:5px;
	width: 270px;
	bottom: 0;
	
}

#project-listings h3{
	border-bottom: none;
	margin-bottom: 0px;	
	color: #FFF;
}

#project-listings a{ float: right; }
#project-listings a span{
	font-size: 11px;
	color: #FFF;
}

/* SEARCH LISTINGS */
.list-view .summary { font-size: 90%; }
#search-results, #search-results .items{ margin-top: 20px; border-bottom: 1px solid #c6c6c6;}
#search-results .property_item{
    border: 1px solid #c6c6c6;
    border-bottom: none;
    position: relative;
    padding: 9px 9px 9px 9px;
}
#search-results .property_item .picture{ float: left; margin-right: 10px;}
#search-results .property_name a{ color:#555; font-size: 14px; }
#search-results .property_name h3 { border: none; clear: none; margin-bottom: 3px;}
#search-results .property_address{ font-size:80%; margin-bottom: 5px; }
#search-results .property_details_l{ float: left; width: 55%; margin-right: 20px; }
#search-results .property_summary{ }
#search-results .property_details_r{ float: left;}
#search-results span { display: block;}
#search-results span.price {font-size: 115%;}
#search-results span.property_type{font-size: 90%;}

#secondary_content{
    float: right;
    width: 31%;
    margin-top: 20px;
}

#property_info {
    margin: 10px 15px;
}
#property_header{
    border-bottom: 1px solid #CCCCCC;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 10px 0;
    position: relative;
}

#property_header h1 {
    font-size: 1.5em;
    line-height: 22px;
    margin: 0;
    
}

#property_header #property_price_details{
    position: absolute;
    right: 20px;
    bottom: 10px;
    line-height: 1.5em;
}

#property_header span{
    display: block;
}

#property_header span.property_price{
    font-weight: bold;
    font-size: 1.8em;
}

#property_header span.listing_type{
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
}

#property_details {
    border: 1px solid #EEE;
    margin-bottom: 30px;
}

#property_info h2 {
    font-size: 1.3em;
    line-height: 22px;
    margin-bottom: 10px;
}

#property_info #property_details h2 {
    background: #EEEEEE;
    padding: 3px 5px;
    font-size: 1.1em;
    line-height: 22px;
    margin-bottom: 10px;
}

/*PROPERTY SEARCH FORM*/
#property_refine_search_form ul {padding: 0; margin: 0; list-style: none;}
#property_refine_search_form ul li{
    border-bottom: 1px solid #E5E5E5;
    display: block;
}

#property_refine_search_form ul li.navu a{
    display: block;
    padding: 8px 5px;
} 


#property_refine_search_form ul li.navu.active{
    background: #FFFFFF;
    border:1px solid #E5E5E5;
    border-right: 5px solid #FFFFFF;
    width: 102.6%;
}

#client_panel{
    margin-bottom: 30px;
}

#property_picture_gallery{
    margin-bottom: 20px;
    overflow: hidden;
}

#secondary_content table {
    font-size: 12px;
}

#secondary_content table td {
    padding: 3px;
}

#secondary_content #property-map{
    
}

#social-fb {    
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-top: 10px;
    
}

.more-projects-link{
	display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size:11px;
}

/* RIGHT SIDE */
#rightside-bar{ 
    background: #FFF;
	float:left;
    margin-left: 15px;

}

/* FOOTER */

#footer #inner{
    width:980px;
    margin: 0 auto;
}


.form-actions {
    background-color: #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    box-shadow: 0 1px 0 rgba(229, 229, 229, 0.1);
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 19px 0 20px 20px;
    width: 97%;
}

.btn-info {
    background-color: #49AFCD;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}