@charset "utf-8";

#containerPageHeader {
	width: 950px;
	height: 375px;
	margin: 0px auto 10px auto;
	background: #dddddd;
	position:relative;
	z-index:10;
	padding:0px;
	border:1px solid #cccccc;
	padding:4px;
	}
#contentColumn{
	margin-bottom: 30px;
	}

#featuredSlideshow{
	margin: 0px 5px 5px 0px;
	float: left;
	position:relative;
	z-index:15;
	}
/* -- featured properties -- */
#containerFeatureProperties{
	float: left;
	width: 450px;
	height: 371px;
	padding-left: 0px;
	position:relative;
	z-index:20;
	margin:0px;
	padding:0px;	
	overflow:hidden;
	}
h3.title-featured-properties{
	margin:0px;
	padding:5px;	
	background:#dddddd;	
	}

#listingClip{
	width: 450px;
	z-index:6px;
	float:left;
	padding:0px;
	margin:0px;
	height:370px;	
}

.featuredProperty{
	width: 448px;
	z-index:6px;
	float:left;
	height: 60px;
	padding:0px;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
}

.featuredPropertyImageFrame{
	display:visible;;
	width: 87px;
	height: 59px;
	padding:0px;
	margin:0px;
	float:left;
	
}
.featuredPropertyImageFrame img {
	width: 87px;
	height: 59px;
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
}
	
	
.featuredPropertyTitleBlock{
	width: 230px;
	padding:2px;
	padding-left: 10px;
	float: left;	
	}
.featuredPropertyTitleBlock	a{
	text-decoration:none;
	}

.featuredPropertyAddress{
	font: bold 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	}

.featuredPropertyCity{
	font: 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	text-transform: uppercase;
	}

.featuredPropertyDetailsBlock{
	font: 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	text-transform: uppercase;
	}

.featuredPropertyPriceBlock{
	float: right;
	font: bold 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	line-height: 14px;
	text-align:right;
	padding:2px;
	padding-top:10px;
	}

/*-- content --*/
#containerContent{
	width: 950px;
	margin: 0px auto 10px auto;
	padding: 0px;
	border:0px solid black;
	}

/*  -- result property header -- */
#resultPropertiesHeader{
	margin-bottom: 10px;
	width: 930px;
	margin: 20px auto;
	border:1px solid #666;
	background:#666;
	padding:10px;
	}
#resultPropertyTitle{
	font: bold 14px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	margin-bottom: 10px;
	color:#ffffff;
	}	
#containerTitleImage{
	font: 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	margin-bottom: 10px;
	color:#ffffff;
	}

#resultPropertySort, #resultPropertyOrder{
	width: 150px;
	float: left;
	font: 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	}

#resultPropertyPagination{
	font: 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	color: #dac893;
	width: 400px;
	height: 16px;
	text-align: right;
	float: right;
	}

#resultPropertyPagination a{
	text-decoration: none;
	color: #ffffff;
	}
	
#resultPropertiesHeader select{
	border: 1px solid #ffffff;
	font: 11px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	min-width: 60px;
	}

/*-- result property --*/
.resultProperty{
	padding: 0px;
	margin-bottom:10px;
	width:950px;
	height:165px;
	background:#eeeeee;
	border:1px solid #cccccc;
	}

.resultProperty span{
	display: inline-block;
	}
		
.resultProperty div{
	float: left;
	}

.resultPropertyImageFrame{
	display:visible;;
	width: 220px;
	height: 175px;
	padding:0px;
	margin:0px;
	float:left;
	paddding-right:10px;
	overflow:hidden;
	border:0px solid black;
	margin-top:8px;
	margin-left:10px;
	
}
.resultPropertyImage img {
	width: 200px;
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
}


.resultPropertyTitleBlock{
	width: 260px;
	margin-right: 10px;
	padding-top: 5px;
	margin-left:10px;
	border:0px solid black;
	}
	
.resultPropertyTitle{
	font: bold 14px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	line-height: 16px;
	margin-bottom: 5px;
	}
	
.resultPropertyTitle a{
	text-decoration: none;
	}
	
.resultPropertyAddress a{
	font: normal 18px arial;
	line-height: 20px;
	text-decoration:none;
	}
	
.resultPropertyCity{
	font: 14px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	line-height: 20px;
	}

.resultPropertyDetailsBlock{
	border-top:1px solid black;
	padding-top: 5px;
	width: 200px;
	border:0px solid black;
	}

.resultPropertyBeds{
	font: 12px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	line-height: 20px;
	}
	
.resultPropertySqFt{
	font: 12px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	line-height: 14px;
	}
	
.resultPropertyPriceBlock{
	padding-top: 10px;
	float:right;
	text-align:right;
	width:200px;
	height:175px;
	}
	
.resultPropertyOfferedAt{
	font: bold 12px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	}
	
.resultPropertyPrice{
	font: bold 12px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	text-align:right;
	}

/* -- slideshow -- */

#gallery {
	position:relative;
	width: 494px;
	height:371px;
	padding:0px;
	margin:0px;
	}

#gallery a {
	float:left;
	position:absolute;
	display: block;
	height: 371px;
	width: 494px;
	overflow: hidden;
	z-index:1;
	padding:0px;
	margin:0px;
	}

#gallery a img {
	border:none;
	height: 371px;
	padding:0px;
	margin:0px;
	}

#gallery a.show {
	z-index:10;
	}

#gallery .caption {
	font: 12px Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	color: #ffffff; 
	height: 31px;
	width: 494px;
	position: absolute;
	bottom: 0;
	z-index:15;
	padding:0px;
	margin:0px;
	background:#240000;
	}

#gallery .caption .content {
	margin: 8px 0px 0px 10px;
	float: left;
	}
	
#gallery .caption .logoSmall {
	float: right;
	padding: 5px 5px 0px 0px;
	}
/* --- color palette --- */

.fontColor1{ color: #36210e; }
.bgColor1 { background: #36210e; }
.borderColor1 { border-color: #36210e; }

.fontColor2{ color: #ffffff; }
.bgColor2{ background: #ffffff; }
.borderColor2{ border-color: #ffffff; }

.fontColor3{ color: #4c5b52; }
.bgColor3{ background: #eeeeee; }
.borderColor3{ border-color: #4c5b52; }

.fontColor4{ color: #dac893; }
.bgColor4{ background: #ddd; }
.borderColor4{ border-color: #dac893; }

.fontColor5{ color: #6e5300; }
.bgColor5{ background: #eeeeee; }
.borderColor5{ border-color: #6e5300; }

.fontColor6{ color: #dbdedc; }
.bgColor6{ background: #eeeeee; }
.borderColor6{ border-color: #dbdedc; }

.fontColor7{ color: #5a6659; }
.bgColor7{ background: #eeeeee; }
.borderColor7{ border-color: #5a6659; }

.fontColor8{ color: #505e54; }
.bgColor8{ background: #eeeeee; }
.borderColor8{ border-color: #505e54; }

.fontColor9{ color: #e9debe; }
.bgColor9{ background: #ffffff; }
.borderColor9{ border-color: #e9debe; }

.fontColor10{ color: #e1d3a9; }
.bgColor10{ background: #eeeeee; }
.borderColor10{ border-color: #e1d3a9; }