*{
	outline: none;
}
html, body{
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", "Open Sans", Tahoma, Arial;
	font-size: 100%;
}
a{
	color: inherit;
}
a, img{
	vertical-align: baseline;
}
a img{
	border: none;
}
body a:hover{
	text-decoration: underline !important;
	color: #fea620;
}
.wrapper{
	position: relative;
	width: 100%;
	float: left;
}

/* ----------------------------- */

body{
	background-color: #fffaf2;
}

#holder{
	position: relative;
	width: 898px;
	margin: auto;
}

#header{
	height: 85px;
	border: none;
}
	#logo{
		position: absolute;
		left: 10px;
		top: 25px;
	}
		#logo img{
			width: 75%;
		}
	#right-nav{
		position: absolute;
		right: 10px;
		top: 30px;
	}
		#right-nav ul{
			margin: 0 0 0 20px;
			padding: 0;
			list-style-type: none;
			float: left;
		}
		#right-nav li{
			float: left;
		}
		#social-media li{
			margin-left: 5px;
		}
		/*#login li a img{
			margin-top: 5px;
		}
		#social-media li a img{
			margin-top: 3px;
		}*/
		#right-nav #login{
			margin-top: 0px;
			
		}
			#right-nav #login li{
				margin-left: 10px;
			}
		.btn{
			display: block;
			float: left;
			font-size: 13px;
			color: #fff;
			background: #fea620;
			text-decoration: none;
			padding: 1px 12px 4px 12px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.btn:hover{
			background: #ff9a00;
			color: #fff;
		}

#navigation{
	height: 48px;
	background: url(../images/nav-mid-bg.jpg) repeat-x;
	z-index: 2;
}
	.curve{
		display: block;
		width: 10px;
		height: 48px;
		position: absolute;
		top: 0;
	}
	#left-curve{
		left: 0;
	}
	#right-curve{
		right: 0;
	}
	#navigation table{
		position: relative;
		margin: 11px auto 0 auto;
		width: auto;
	}
	#navigation td{
		background: url(../images/nav-sep.jpg) no-repeat;
		padding-left: 1px;
	}
	#navigation ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#navigation li{
		position: relative;
		float: left;
		background: url(../images/nav-sep.jpg) right top no-repeat;
		padding: 0 1px;
	}
	#navigation li a{
		display: block;
		float: left;
		height: 19px;
		text-decoration: none;
		color: #646464;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 7px 19px 0 19px;
		white-space: nowrap;
	}
	#navigation li ul{
		position: absolute;
		left: 0px;
		top: 26px;
		/*background: #fff;*/
		background: #fea620;
		display: none;
		border: 1px solid #ccc;
	}
		#navigation li ul li{
			background: none;
			border-bottom: 1px solid #fddaa4;
			width: 100%;
			padding: 0;
		}
		#navigation li ul li a{
			display: block;
			height: auto;
			white-space: nowrap;
			font-weight: normal;
			text-transform: none;
			padding: 7px 20px;
			color: #fff;
			margin: 0;
			font-size: 12px;
			float: none;
		}
		#navigation li ul li:hover{
			background: #fcebd0;
		}
		#navigation li ul li:hover a{
			background: none;
			color: #646464;
		}
	#navigation li a#nav-active,
	#navigation li:hover a{
		/*background: url(../images/nav-active-bg.jpg) repeat-x;*/
		background: #fea620;
		color: #fff;
	}
	#navigation li:hover ul{
		display: block;
	}
	#navigation li ul li ul{
		left: 100%;
		top: 0;
	}

#banner{
	height: 283px;
	background-color: #eaeaea;
}
	#banner-holder{
		width: 878px;
		height: 264px;
		position: absolute;
		left: 10px;
		top: 9px;
	}
	.ft-title{
		width: 858px;
		padding: 5px 10px;
		font-size: 18px;
		color: #fff;
		font-style: italic;
	}
	
#text-wrapper{
	background: #fff;
	padding: 23px 0 10px 0;
}
	#left-wrapper{
		position: relative;
		width: 495px;
		float: left;
		border-right: 1px solid #e5e5e5;
		padding: 10px 20px 40px 25px;
	}
		#left-wrapper h1{
			/*font-family: 'Palatino Linotype';*/
			font-weight: normal;
			font-size: 19px;
			color: #fea620;
			margin: 0;
			padding: 0;
		}
		.listing h1{
			/*font-family: 'Palatino Linotype';*/
			font-weight: normal;
			font-size: 25px;
			color: #fea620;
			margin: 0;
			padding: 0;
		}
		#left-wrapper p{
			font-size: 13px;
			color: #707070;
			margin: 15px 0 0 0;
			padding: 0;
			text-align: justify;
			line-height: 18px;
		}
		.text-list li{
			font-size: 13px;
			color: #707070;
			line-height: 20px;
			padding-bottom: 5px
		}
	#recent-project{
		position: relative;
		width: 316px;
		float: left;
		padding-top: 10px;
		margin-left: 20px;
	}
		#recent-project h1{
			/*font-family: 'Palatino Linotype';*/
			font-weight: normal;
			font-size: 18px;
			color: #fea620;
			margin: 0;
			padding: 0;
		}
		#recent-items{
			margin-top: 15px;
		}
		#recent-items a{
			display: block;
			text-align: center;
			padding: 10px 0 7px 0;
			background: #eaeaea;
		}
	.listing{
		position: relative;
		float: left;
		border: none;
		width: 848px;
		padding: 0 25px 40px 25px;
	}

#footer{
	height: 40px;
	border-top: 3px solid #fea620;
	font-size: 12px;
	color: #777;
}
	#footer a{
		text-decoration: none;
		color: #777;
	}
	#footer-nav{
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: absolute;
		left: 0;
		top: 12px;
	}
		#footer-nav li{
			float: left;
			margin-right: 12px;
		}
	#developer{
		position: absolute;
		right: 0;
		top: 12px;
	}
	
/* ----------------------------------- */

#item-wrapper{
}
/*.property{
	position: relative;
	width: 180px;
	height: 270px;
	float: left;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 15px 15px 0 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}*/
.property{
	position: relative;
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
	/*border: 1px solid #ddd;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
}
	.photo{
		position: relative;
		width: 240px;
		float: left;
		border: 1px solid #ddd;
		padding: 5px 5px 2px 5px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin-right: 15px;
	}
	.photo img{
		/*width: 180px;*/
		width: 240px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.property h2{
		color: #fea620;
		font-size: 16px;
		margin: 0;
		padding: 0 0 3px 0;
	}
		.property h2 a{
			text-decoration: none;
		}
	.property p{
		font-size: 13px;
		margin: 0;
		padding: 0;
		color: #999;
	}	
	.property p.info{
		/*width: 90%;*/
		margin-top: 10px;
		font-size: 13px;
		text-align: justify;
		color: #626262;
		line-height: 20px;
	}
	.property div.more{
		/*width: 90%;*/
		margin-top: 17px;
		text-align: right;
		font-weight: bold;
	}
	.property div.more a{
		color: #626262;
		text-decoration: none;
		display: block;
		float: right;
		background: #fea620;
		color: #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 7px 12px;
		margin-left: 6px;
		font-size: 14px;
	}
	.property div.more a:hover{
		color: #fff !important;
	}
/*.property:hover{
	border: 1px solid #fea620;
}*/

/* ----------------------------------- */

#gallery{
	position: relative;
	width: 420px;
	float: left;
	margin-top: 15px;
}
#zoom img{
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #ddd;
}
#thumb{
	margin-top: 6px;
}
#thumb-row ul{
	margin: 0 -999em 0 0;
	padding: 0;
	list-style-type: none;
}
	#thumb-row li{
		float: left;
		margin-right: 5px;
		white-space: nowrap;
		height: 54px;
		width: 84px;
		border: 1px solid #ddd;
		padding: 3px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 2px;
	}
		#thumb-row li a{
			display: block;
			height: 54px;
			overflow: hidden;
		}
	#thumb img{
		width: 100%;
	}
	#thumb div,
	#thumb-row{
		float: left;
	}
	#prev-arrow,
	#next-arrow{
		margin-top: 17px;
	}
	#thumb-row{
		margin: 0 5px;
		width: 328px;
		height: 60px;
		overflow: hidden;
	}
	
#property-info{
	position: relative;
	width: 411px;
	float: right;
}
	#contact-info{
		position: relative;
		width: 391px;
		float: left;
		border-top: 1px solid #fea620;
		border-bottom: 1px solid #fea620;
		padding: 8px 10px 5px 10px;
		margin-top: 15px;
	}
		#contact-info h2{
			margin: 0 0 3px 0;
			padding: 0;
			font-size: 15px;
		}
		#contact-info p{
			margin: 0;
			padding: 0;
			font-size: 15px;
			color: #646464;
			line-height: 22px;
		}
	#property-detail{
		position: relative;
		width: 391px;
		float: left;
		padding: 0 10px;
		margin-top: 12px;
	}
		#property-detail h2{
			margin: 0 0 10px 0;
			padding: 0 0 3px 0;
			font-size: 15px;
			color: #000;
			border-bottom: 1px solid #fea620;
		}
		#property-detail ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 100%;
		}
		#property-detail li{
			float: left;
			width: 100%;
			font-size: 12px;
			color: #707070;
			padding: 5px 0;
		}
			#property-detail li label{
				display: block;
				float: left;
				width: 30%;
				margin-right: 15px;
				font-weight: bold;
				color: #000;
			}
	#property-desc{
		position: relative;
		width: 98%;
		float: left;
		margin-top: 20px;
	}
		#property-desc h2{
			margin: 0;
			padding: 0;
			font-size: 15px;
		}
		#property-desc p{
			margin: 10px 0 0 0;
			padding: 0;
			font-size: 13px;
			color: #707070;
			text-align: justify;
			line-height: 20px;
		}
	#amenities{
		position: relative;
		width: 391px;
		float: left;
		padding: 0 10px;
		margin-top: 12px;
	}
		#amenities h2{
			margin: 0;
			padding: 0;
			font-size: 17px;
			color: #000;
		}
		#amenities h3{
			margin: 8px 0 0 0;
			padding: 0 0 5px 0;
			font-size: 13px;
			color: #000;
			border-bottom: 1px solid #fea620;
			width: 100%;
			float: left;
		}
		#amenities ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 100%;
			float: left;
		}
		#amenities li{
			float: left;
			font-size: 12px;
			color: #000;
			background: url(../images/green_tick.gif) left 5px no-repeat;
			width: 40%;
			padding: 5px 0 5px 20px;
		}
	#enquiry{
		position: relative;
		width: 391px;
		float: left;
		padding: 0 10px 10px 10px;
		margin-top: 12px;
		border-bottom: 1px solid #fea620;
	}
		#enquiry h2{
			margin: 0 0 10px 0;
			padding: 0;
			font-size: 15px;
			color: #000;
		}
		#enquiry .row{
			position: relative;
			width: 100%;
			float: left;
			margin-bottom: 3px;
		}
		#enquiry .row label{
			display: block;
			width: 30%;
			float: left;
			font-size: 12px;
			color: #707070;
		}
		#enquiry .row .form-text-box{
			border: 1px solid #ddd;
			font-size: 12px;
			color: #000;
			width: 50%;
			padding: 3px 0;
		}
	
.list-view .summary{
	font-size: 11px;
	float: right;
	position: relative;
	top: -12px;
	color: #999;
}
#enquiry .row label.error{
	display: block;
	font-size: 11px;
	color: #f00;
	margin-left: 30%;
	width: auto;
}