body {
	background: url(../images/bg.png) repeat-x scroll 0 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#666;
}

a { color:#759c7d; text-decoration:underline; }
a:hover { color:#9bbba2; text-decoration:none; }
p { line-height: 1.5; }

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.spacer { height:20px; }

.emphasize { color:#F33; }
.remark { color:#AAA; font-size: 0.9em; }


/* element */
input[type=text],
input[type=password],
select,
textarea {
	border-radius: 3px; /* CSS3 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:url(../images/input-shadow.gif) no-repeat scroll left top #FFFFFF;
	border:1px solid #AAA;
	margin:2px 0;
	padding: 4px 3px;
}

input.error { border: 1px solid #FF7575; }
label.error { margin-left: 10px; color: #FF3333; }
label.success { margin-left: 10px; color:#009900; }


/* Layout */
#wrapper {
	width:1000px;
	margin:auto;
}

#header {
	display:block;
	background: url(../images/header.jpg) no-repeat scroll 0 0;
	width: 1000px;
	height: 370px;
	position:relative;	
}

	#site-logo a {
		position:absolute;
		display:block;
		width: 262px;
		height: 92px;
		top: 0;
		left: 0;
		background: url(../images/logo.png) no-repeat scroll 0 0;
		text-indent: -9999px;
		outline:none;
	}
	
	.search-form {
		position:absolute;
		bottom: 25px;
		right: 0;
		background: url(../images/search_bg.png) no-repeat scroll 0 0;
		width: 260px;
		height: 80px;
		padding: 10px;
		font-size: 1.2em;
		font-weight:bold;
	}
	
	#latest-recommend {
		position: absolute;
		left: 10px;
		bottom: 50px;
		display:block;
		width: 222px;
	}
	#latest-recommend .image {
		z-index: 1;
	}
	#latest-recommend .price {
		background: url(../images/price_bg.png) no-repeat scroll 0 0;
		color:#f2c65c;
		font-size: 1.2em;
		display:block;
		width: 93px;
		height:94px;
		line-height: 90px;
		text-align:center;
		z-index: 99;
		position:absolute;
		right: 0;
		bottom: 0;
	}
	
	
	.search-form table { border-collapse:separate; border-spacing: 2px; }
	#slider-min-value,
	#slider-max-value { background:#fff; color:#666; font-weight:normal; font-size: 0.8em; padding:3px; }

#main-nav {
	background:#fff;
}

ul.navigation {
	display:block;
	height:40px;
	bottom: 30px;
	padding: 0 0 10px;
	border-bottom: 1px solid #d9dada;
}

ul.navigation li {
	float:left;
	text-indent: -9999px;
	height:40px;
	margin: 0 25px;
}
	ul.navigation li a {
		display:block;
		outline:none;
		height:20px;
		padding: 3px 5px;
		border-bottom: 5px solid #e4e4e5;
	}
	ul.navigation li a:hover,
	ul.navigation li.active a {
		border-bottom: 5px solid #e32b09;
	}
	
	ul.navigation li.menu_01 {
		background: url(../images/menu_01.gif) no-repeat scroll 0 0;
		width: 75px;
	}
	ul.navigation li.menu_02 {
		background: url(../images/menu_02_2.gif) no-repeat scroll 0 0;
		width: 75px;
	}
	ul.navigation li.menu_03 {
		background: url(../images/menu_03.gif) no-repeat scroll 0 0;
		width: 140px;
	}
	ul.navigation li.menu_04 {
		background: url(../images/menu_04.gif) no-repeat scroll 0 0;
		width: 140px;
	}
	ul.navigation li.menu_05 {
		background: url(../images/menu_05.gif) no-repeat scroll 0 0;
		width: 140px;
	}
	ul.navigation li.menu_06 {
		background: url(../images/menu_06.gif) no-repeat scroll 0 0;
		width: 75px;
	}
	
	
#main {
	background: url(../images/main_bg.png) repeat-x scroll 0 0;
	padding: 20px;
	border-top: 1px solid #FFF;
	margin-bottom:30px;
}

	#side {
		float:left;
		width: 248px;
		border-left: 1px solid #d3d4d4;
		border-right: 1px solid #d3d4d4;
		margin-right:20px;
	}
	
	.side-block {
		margin-bottom:20px;
	}
		.side-head {
			display:block;
			margin-bottom:10px;
		}
		
		.recommend-head {
			height: 90px;
			text-indent: -9999px;
			background: url(../images/recommend.png) no-repeat scroll 0 0;
		}
		
		.side-content {
			padding: 5px;	
		}
	
	#content {
		float:right;
		width: 690px;
	}
	
		#content-left {
			float:left;
			width:409px;
		}
		
		#content-right {
			float:right;
			width:240px;
			padding-left:20px;
			border-left: 1px solid #d3d4d4;
		}
	
#footer {
	border-bottom:5px solid #d0cece;
	padding: 20px 10px;
	margin-bottom:50px;
}
	
	
.data-list {
	background: url(../images/bar.png) no-repeat scroll top left;
	padding-left: 20px;
}

.data-list li {
	display:block;
	margin-bottom:10px;
}
	

/* Class */
.fieldsep {
	padding:10px;
	border:0 none;
	border-top:1px solid #CCC;
}
.fieldsep legend {
	padding:5px;
}


table.tb-info {
    border-collapse: separate;
    border-spacing: 10px;
}

.page-title { 
	margin-bottom:20px;
}


.property-item {
	margin-bottom:20px;
}

.property-item .title {
	display:block;
	font-weight:bold;
	font-size: 1.4em;
	margin-bottom:5px;
	text-decoration:none;
}
.property-item table.maininfo {
	border-spacing:5px;
	font-size: 1.2em;
	margin-bottom:5px;
}

.property-record .title {
	display:block;
	font-weight:bold;
	font-size: 1.4em;	
}


#property-slideshow {
	overflow:hidden;	
}
#slide-pager {
	overflow:auto;
	height: 200px;
}
#slide-pager a {
	display:block;
	margin-bottom:5px;
}

/* pagination */
div.pagination { 
	text-align:right; 
	font-size: 0.9em; 
}

/* current page */
div.pagination strong {
	display: inline-block;
	margin: 0 0 0 4px;
	padding:2px 5px;
    background: #e32b09;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid #e32b09;
	color:#fff;
	text-shadow: 0 1px 0 #A8A9A8;
}

/* activate link: normal*/
div.pagination a {
	display: inline-block;
	margin: 0 0 0 4px;
	padding:2px 5px;
	text-decoration:none;
    background: url("../images/btn_bg.png") repeat-x scroll 0 0 #D0D1D4;
    border: 1px solid #A8A9A8;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* activate link: hover*/
div.pagination a:hover {
	background: #e32b09;
    border: 1px solid #e32b09;
	color:#fff;
	text-shadow: 0 1px 0 #666;
}

div.pagination-result {
	font-size: 0.9em;
}



/* flash message */
.flash-message{
	display:block;
	color:#666;
	margin: 0 0 20px;
	padding: 12px 12px 12px 40px;
	font-size:0.9em;
	position:relative;
}
.flash-message .close{
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top: 8px;
	right:8px;
	background:url(../images/icon/close.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	outline:none;
	overflow:hidden;
}

div.auth {
	border: 1px solid #777;
	background:#DDD url(../images/icon/18/key.png) scroll 10px center no-repeat;
}
div.info{ 
	border: 1px solid #2c5376; 
	background:#e8ecf0 url(../images/icon/18/info.png) scroll 10px center no-repeat; 
}
div.success { 
	border: 1px solid #9DFC47; 
	background:#EFFFD9 url(../images/icon/18/tick.png) scroll 10px center no-repeat; 
}
div.error { 
	border: 1px solid #F30; 
	background:#FFE4DF url(../images/icon/18/cross.png) scroll 10px center no-repeat; 
}
div.warn { 
	border: 1px solid #FC0; 
	background:#FFF5D9 url(../images/icon/18/warning.png) scroll 10px center no-repeat; 
}