@charset "utf-8";
/* CSS Document */

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	outline: none;
	position:absolute;
	font-family:Trebuchet MS, sans-serif;
}

img {

	border: none;
}
#container {
	height:auto;
	width:810px;
	margin:auto;	
}

#header {
	height:112px;
	width:810px;
	background:#fff;
	float:left;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
}

	.logo {
		margin:10px 0 0 5px;
		width:250px;
		float:left;
	}
	
	#header h1 {
		margin-top:35px;
		padding-right: 0px;
		font-size: 14px;
		color: #202020;
		float:right;
		width:500px;
		text-align:right;
	}
	
	#header p {
		margin-top:-10px;
		font-size: 12px;
		color: #7C7C7C;
		float:right;
		padding-right: 0px;
		width:500px;
		text-align:right;
	}
	
#slider {
	width:810px;
	height:250px;
	float:left;
}

.line {
	height:1px;
	width:100%;
	background-color:#e5e5e5;
	float:left;	
}


#body {
	height:auto;
	float:left;
	width:810px;
	margin-top:20px;	
}

	.body-left {
		width:210px;
		height:auto;
		float:left;
		background:#fff;
		font-size: 12px;
		color: #7C7C7C;	
		margin-left:5px;
	}

	.box-left {

		width:210px;
		height:auto;
		float:left;
		background:#fff;
		font-size: 12px;
		color: #7C7C7C;	
		margin-bottom:20px;
		border: 1px solid #C3CCE0;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);

	}

	.box-left:hover {
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
			-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		}
	
		.body-left h2 {
			font-size: 16px;
			color: #202020;
			padding: 5px 0 10px 10px;
			border-bottom: 1px dashed #e3e3e3;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		.body-left ul {
			margin-left:-30px;
			margin-right:10px;
		}

		.body-left li {
			padding: 5px 0 5px 0;
			border-bottom: 1px dashed #e3e3e3;
			list-style: none;
			font-size: 13px;
			margin-left: -30px;
			display:block;
		}
		
		.body-left a {
			color: #7C7C7C;
			text-decoration:none;
		}
		
		.body-left a:hover {
			color: #5271D6;
			text-decoration:none;
		}
		
		.body-left .aktif {
			color: #5271D6;
			text-decoration:none;
		}

		.search-form {

			padding: 10px;
			float: left;
			
		}


		.search-form input[type="text"] {

			padding: 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #C0C1C2;
			width: 180px;
			margin-right: 5px;
			margin-top: 1.5px;
			background: #fff;
			float: left;
			color: #333;
			margin-bottom: 5px;
		}

		.search-form select {

			padding: 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #C0C1C2;
			width: 190px;
			margin-right: 5px;
			float: left;
			color: #999;
			font-size: 12px;
			margin-bottom: 5px;
		}

		.search-form .signselect {

			padding: 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #C0C1C2;
			width: 190px;
			margin-right: 5px;
			float: left;
			color: #999;
			font-size: 12px;
			margin-bottom: 5px;
		}

		.search-form input[type="submit"] {

			font-family: "ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
			font-size: 12px;
			color: white!important;
			padding: 5px 16px 5px 16px;
			margin: 1.5px 8px 0 0;
			text-align: center;
			text-shadow: 0 1px 1px #426806;
			border: none;
			border-bottom: 1px solid #70b0e0;
			border-top: 1px solid transparent;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			background: #88bfe8;
			-o-transition: none 0.3s ease-in-out 0s;
			-webkit-transition: none 0.3s ease-in-out 0s;
			-moz-transition: none 0.3s ease-in-out 0s;
			-webkit-appearance: none;
			cursor: pointer;
			float: right;
		}
		
	
	.body-right {
		width:578px;
		height:auto;
		float:right;
		font-size: 12px;
		color: #7C7C7C;
		margin-right:5px;
	}
	
		.box {
			width:578px;
			height:auto;
			float:right;	
			background:#fff;	
			margin-bottom:10px;
			border-bottom: 1px solid #e3e3e3;
			padding-bottom: 10px;
		}

		
		
		.box-desc {
			width:332px;
			height:auto;
			float:right;
			
		}
		
		.box-desc h2 {
			font-size: 16px;
			color: #202020;
			padding: 5px 0 10px 10px;
			border-bottom: 1px dashed #e3e3e3;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		.box-desc h2 span {
			background:#fff;
			padding-right:15px;
		}
		
		.box-desc p {
			margin-right:20px;
		}
		
		.box-img {
			float:left;
		}

		.box-bottom {
			height: 30px;
		}

		.box-isi {
			height: 94px;
			padding: 10px 10px 0 10px;
		}

		.tombol-detail {

			font-family: "ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
			font-size: 12px;
			color: white!important;
			padding: 4px 16px 4px 16px;
			margin: 1.5px 2px 0 0;
			text-align: center;
			text-shadow: 0 1px 1px #426806;
			border: none;
			border-bottom: 1px solid #70b0e0;
			border-top: 1px solid transparent;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			background: #88bfe8;
			-o-transition: none 0.3s ease-in-out 0s;
			-webkit-transition: none 0.3s ease-in-out 0s;
			-moz-transition: none 0.3s ease-in-out 0s;
			-webkit-appearance: none;
			cursor: pointer;
			float: right;
			text-decoration: none;
		}
		
#footer {
	height:40;
	float:left;
	width:810px;
	font-size: 10px;
	color: #7C7C7C;	
	background:#fff;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
}	

	#footer a {
			color: #7C7C7C;
			text-decoration:none;
	}
	
	#footer a:hover {
		color: #5271D6;
		text-decoration:none;
	}

#fullbox {
	width: 810px;
	float:left;	
	background:#fff;
	margin-bottom:20px;
	
}

.clear_left{clear: left}
.clear_right{clear: right}
.clear_both{clear: both}
.align_left{text-align: left}
.align_center{text-align: center}
.align_right{text-align: right}
.float_left{float: left}
.float_right{float: right}
.bold{font-weight: bold}
.underline{text-decoration: underline}
.relative{position: relative}

.property-container{
	color: #7C7C7C;
	font-size: 12px;
	margin: 0 auto;
	width: 770px;
	padding:20px;
}
.property-container a:link, .property-container a:visited, .property-container a:hover{
	color: #1792b5;
	outline: none;
	text-decoration: none;
}
.property-container a:hover{
	text-decoration: underline;
}
.property-list{
	float: left;
	margin: 0 0 0 15px;
	width: 690px;
}
.property-listing{	
	border-bottom: solid 1px #e1dede;
	margin: 0 auto 10px auto;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}
.property-listing img{
	border: none;
}
.property-listing p{
	margin: 0;
}
.property-listing-pic{
	float: left;
	width: 30%;
}
.property-listing-pic img{
	background-color: #fff;
	border: none;
	box-shadow: 0 0 5px #ddd;
	padding: 4px;	
}
.property-listing-title{
	color: #1792b5;
	font-size: 1.5em;
	margin: 0 0 10px;
	overflow: hidden;
}
.property-search-form{
	margin: 10px 0;
}
.property-listing-info{
	float: left;
	width: 70%;
}
.property-price{
	background: url(../images/price_right.png) top right no-repeat;
	color: #fff;
	display: block;
	height: 28px;
	line-height: 25px;
	float: left;
	position: relative;
	padding: 0 9px 0 16px;
	margin: 0 0 0 5px;
}
.property-price abbr{
	background: #fff url(../images/price_left.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 28px;
	width: 14px;
}
.property-location{
	background: url(../images/icon_location.png) 0 0 no-repeat;
	padding: 0 0 0 25px;
}
.property-available{
	background: url(../images/icon_calendar.png) 0 0 no-repeat;
	padding: 0 0 0 25px;
}
.property-key{display: block;float: left;line-height: 22px;}
.property-value{line-height: 22px;}
a.property-more:link, a.property-more:visited{
	background: url(../images/btn_more_right.png) top right no-repeat;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 32px;
	line-height: 27px;
	float: left;
	position: relative;
	padding: 0 12px 0 12px;
	text-shadow: 0 -1px 1px #60a423;
}
a.property-more:hover, a.property-more:active{
	color: #fff;
	text-decoration: none;
}
a.property-more span{
	background: #fff url(../images/btn_more_left.png) top left no-repeat;
	display: block;
	height: 32px;
	width: 8px;
	position: absolute;
	top: 0;
	left: 0;
}
.property-listing .item{
	overflow: hidden;
	margin: 0 0 5px 0;
}

/* front view */
.property-search-empty,
.property-view-na,
.property-index-empty{	
	font-weight: bold;
	padding: 0;
}
.property-view-left{
	float: left; 
	width: 54%;
}
.property-view-right{
	float: right;
	margin: 0 0 0 10px;
	width: 339px;
}
.property-view-heading{
	border-bottom: solid 1px #e1dede;
	color: #2b2929;
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px;
	overflow: hidden;
}
.property-view-content{
	padding: 5px;
}
.property-view-content p{
	margin: 0 0 5px 0;
	position: relative;
}
.property-view-content p span{ 
	/*float: right;*/
	position: absolute;
	top: 0;
	right: 0; 
	font-weight: bold
}
.property-view-pic{
	margin: 0 0 5px 0;
	overflow: hidden;
}
.property-view-pic img{
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 4px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
	-webkit-box-shadow: 0 0 4px #ddd;
	overflow: hidden;
	width: 325px;
}
.property-view-img{
	float: left;
	margin: 0 5px 5px 0;
}
.property-view-img img{ 
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 4px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
	-webkit-box-shadow: 0 0 4px #ddd;
	width: 98px;
	height: 65px;
	overflow: hidden;
}
.property-view-map{
	border-top: solid 1px #fff;
	width: 100%;
	height: 213px;
	position: relative;
}
.property-view-map-canvas{
	height: 183px;
}
.property-view-form{
	float: left;
	width: 47%;
}
.property-view-terms{
	float: right;
	width: 49%;
}
/* front search */
.property-search{

}
.property-search p{
	margin: 0 0 5px 0;
	padding: 5px 0;
}
.property-search label{
	float: left;
	width: 42%;
}
.property-search-left{
	float: left;
	width: 44%;
}
.property-search-right{
	float: left;
	margin: 0 0 0 5px;
	width: 44%;
}
/* front form elements */
.property-text{
	border: solid 1px #c8cacf;
	padding: 3px 4px;
}
.property-text-small{width: 70px;}
.property-text-medium{width: 166px;}

.property-select{
	border: solid 1px #c8cacf;
	padding: 3px 4px;
}
.property-select-day{width: 50px;}
.property-select-month{width: 60px; margin-left: 2px}
.property-select-year{width: 62px; margin-left: 2px}
.property-select-small{width: 80px;}
.property-select-medium{width: 176px;}
/* front menu */
.property-menu{
	list-style: none;	
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
.property-menu li{
	display: inline;
	padding: 0 5px 0 0;
}
.property-menu li.right{
	float: right;
}
.property-menu a:link, .property-menu a:visited{
	color: #638111;
	text-decoration: none;
}
.property-menu a:hover{
	text-decoration: underline;
}
/* pagination */
.property-paginator{	
	list-style: none;
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
}
.property-paginator li{
	display: inline;
}
.property-paginator span.current{
	background: url(../images/pagin_back.png) 0 0 repeat-x;
	border: solid 1px #dedbdb;
	color: #1f292c;
	display: block;
	height: 18px;
	line-height: 18px;
	float: left;
	padding: 0 5px;
	margin: 0 4px 4px 0;
	box-shadow: 1px 1px 1px #f0f0f0;	
	-moz-box-shadow: 1px 1px 1px #f0f0f0;
	-webkit-box-shadow: 1px 1px 1px #f0f0f0;
}
.property-paginator span.dots{
	margin: 0 4px 4px 0;
}
.property-paginator a:link, .property-paginator a:visited, .property-paginator a:hover, .property-paginator a.focus{
	background: url(../images/pagin_back.png) 0 0 repeat-x;
	border: solid 1px #dedbdb;
	color: #1792b5;
	display: block;
	height: 18px;
	line-height: 18px;
	float: left;
	padding: 0 5px;
	margin: 0 4px 4px 0;
	text-decoration: none;
	box-shadow: 1px 1px 1px #f0f0f0;	
	-moz-box-shadow: 1px 1px 1px #f0f0f0;
	-webkit-box-shadow: 1px 1px 1px #f0f0f0;
}
/* form */
.property-form{

}
.property-form p{
	margin: 0 0 10px 0;
	overflow: hidden;
}
.property-form label{
	float: left;
	width: 120px;
	font-weight: bold;
	display: block;
}
.property-form .text{
	border: solid 1px #7F9DB9;
	padding: 3px;
}
.property-form .text_medium{
	width: 210px;
}
.property-form .text_small{
	width: 100px;
}
.property-form .textarea{
	border: solid 1px #7F9DB9;
	padding: 3px;
}
.property-form .textarea_medium{
	height: 60px;
	width: 210px;
}
.property-form .select{
	border: solid 1px #7F9DB9;
	padding: 3px;
}
.property-form .select_day{
	width: 50px;
}
.property-form .select_month{
	width: 100px;
}
.property-form .select_year{
	width: 62px;
}
.property-form .imgSecurityCode{
	vertical-align: middle;
	margin: 0 10px 0 0;
}
/* re-design */
.property-heading{
	height: 30px;
	line-height: 30px;
}
.property-view-booking-links{
	position: absolute; 
	right: 5px; 
	top: 0;
}
.property-table{
	color: #4f4f4f;
	font-size: 1em;
}
.property-table th{}
.property-table td{}

/*** Featured Properties ***/
.property-listing-featured {	
	border: solid 1px #CDCDCD;
	margin: 5px;
	overflow: hidden;
	padding: 0;	
	display: inline-block;
	height: 179px;
	zoom: 1;
	*display: inline;
}

.property-listing-featured img {
	border: none;
}

.property-head-featured {
	width: 212px;
}

.property-body-featured{
	overflow: hidden;
	margin: 7px;
}
.property-body-featured p{
	margin: 0;
}
.property-body-pic-featured{
	float: left;
	width: 90px;
	margin-right: 7px;
}
.property-body-pic-featured img{
	border: none;	
}

.property-body-details-featured{
	float: left;
	width: 121px;
}
.property-body-details-featured p{
	margin: 0 0 7px 0;
}
.property-body-details-featured label{
	font-weight: bold;
}
/* filter */
.property-filter{
	border: solid 7px #ebebe8;
	float: left;
	width: 168px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.property-filter h3{
	border-bottom: solid 1px #ebebe8;
	color: #000;
	font-size: 1.1em;
	font-weight: bolder;
	text-transform: uppercase;
	margin: 13px 0 0 0;
	padding: 0 7px 9px;
}
.property-filter ul{
	margin: 12px 0 5px 11px;
	padding: 0;
	list-style: none;
}
.property-filter li{}
.property-filter a:link, .property-filter a:visited{
	display: block;
	height: 1em;
	line-height: 1em;
	padding: 5px 0 5px 11px;
}
.property-filter a:hover, .property-filter a:active, .property-filter a.focus{
	color: #5bae11;
	background: url(../images/arr.png) left center no-repeat;
}
.property-blue{color: #1792b5}
.property-gray{color: #908787}

.property-extra-table{
	border-collapse: collapse;
	color: #363333;
	width: 100%;
}
.property-price-table{
	border-collapse: collapse;
	width: 100%;
}
.property-price-table thead th{
	font-weight: bold;
	padding: 10px 5px;
	text-align: left;
}
.property-price-table tbody td{
	padding: 7px 5px;
}
.property-price-table .even{
	background-color: #e1dede;
	border-bottom: solid 1px #fff;
}
.property-price-table .odd{
	background-color: #f7f7f7;
	border-bottom: solid 1px #fff;
}
.property-view-row{
	overflow: hidden;
}
.property-terms{
	background-color: #f4f4f4;
	border: solid 1px #e3e3e3;
	border-radius: 2px;
	color: #5a5454;
	line-height: 1.4em;
	padding: 10px;
	width: 97%;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 20px;
}
.property-terms h3{
	border-bottom: solid 1px #e3e3e3;
	color: #2b2929;
	font-size: 1.2em;
	font-weight: bolder;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.property-stars-holder{
	color: #c4c4c4;
	font-weight: normal;
	font-size: 12px;
	float: right;
	line-height: 16px;
	width: 140px;
	overflow: hidden;
}
.property-stars-label{
	float: left;
}
.property-stars{
	background: transparent url(../images/star-off.png) 0 0 repeat-x;
	display: block;
	height: 16px;
	width: 95px;
	margin: 0 0 0 5px;
	float: right;
}
.property-stars-1,
.property-stars-2,
.property-stars-3,
.property-stars-4,
.property-stars-5{
	background: transparent url(../images/star-on.png) 0 0 repeat-x;
	display: block;
	height: 16px;
}
.property-stars-1{width: 19px}
.property-stars-2{width: 38px}
.property-stars-3{width: 57px}
.property-stars-4{width: 76px}
.property-stars-5{width: 95px}

.property-view-h-left{
	float: left;
}	

.pagination {
  height: 36px;
  margin: 8px 0;
  
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #ffffff;
}
.pagination .active a {
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}


.succesbox {
	padding:0 0 15px 10px;
	color:#4BAF01;	
}

.errorbox {
	padding:0 0 15px 10px;
	color:#F00;
}

.nivoSlider {

	position:relative;

	min-height:200px;

	background:#FFFFFF url(../images/loading.gif) no-repeat 50% 50%;

}



.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	display:none;

	height:200px;

	width:810px;

}

.nivoSlider a {

	border:0;

	 display:block;

}

.nivo-directionNav a {

	display:block;

	width:30px;

	height:30px;

	background:url(../images/arrows.png) no-repeat;

	text-indent:-9999px;

	border:0;

}



a.nivo-nextNav {

	background-position:-30px 0;

	right:15px;

}

a.nivo-prevNav {

	left:15px;

}

#slider .nivo-controlNav {

	position:absolute;

	left:47%;

	bottom:0px;

}

#slider .nivo-controlNav a {

	display:block;

	width:22px;

	height:22px;

	background:url(../images/bullets.png) no-repeat;

	text-indent:-9999px;

	border:0;

	margin-right:3px;

	float:left;

}

#slider .nivo-controlNav a.active {

	background-position:0 -22px;

}


.booking-form {

}

.booking-form input[type="text"] {

	padding:5px;
	border: 1px solid #e3e3e3;
	color: #666;
	width: 220px;
	margin-right: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.booking-form input[type="email"] {

	padding:5px;
	border: 1px solid #e3e3e3;
	color: #666;
	width: 220px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.booking-form textarea {

	padding:5px;
	border: 1px solid #e3e3e3;
	color: #666;
	width: 730px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.booking-form input[type="submit"] {

	font-family: "ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: white!important;
	padding: 5px 16px 5px 16px;
	margin: 1.5px 8px 0 0;
	text-align: center;
	text-shadow: 0 1px 1px #426806;
	border: none;
	border-bottom: 1px solid #70b0e0;
	border-top: 1px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #88bfe8;
	-o-transition: none 0.3s ease-in-out 0s;
	-webkit-transition: none 0.3s ease-in-out 0s;
	-moz-transition: none 0.3s ease-in-out 0s;
	-webkit-appearance: none;
	cursor: pointer;
	float: right;
	margin-right: 25px;
}

.alert {
	padding:2px 20px 2px 55px;
	position:relative;
	margin-bottom:19px;
}

.error {
	background-image: url(../images/error.png);
	background-position: 3% 50%;
	background-repeat: no-repeat;
	background-color: #fff1f2;
	border: 1px solid #c98f92;
	color: #c98f92;
}

.success {
	background-image: url(../images/success.png);
	background-position: 3% 50%;
	background-repeat: no-repeat;
	background-color: #f4ffdf;
	border: 1px solid #94b654;
	color: #94b654;
}