#wrapper {
	background: #7C6650 url('/img/bg_wrapper.png') repeat-y 49.99% 0;
	overflow: hidden;
	padding-bottom: 3em;
	min-height: 400px;
}
div.container {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding:0 28px;
}

#header {
	height:183px;
	background: #fff url('/img/bg_header.png') repeat-x bottom left;
}

#header div.container {
	background: transparent url('/img/bg_wrapper.png') no-repeat bottom center;
	overflow:hidden;
	height: 183px;
	width: 995px;
	padding: 0;
}

#header h1,#header div#logo p a {
	text-indent: -10000px;
	display: block;
	width: 400px;
	height: 141px;
	background: url('/img/logo.png');
	margin: 0 0 0 -10px;
}

div#logo {
	float: left;
	margin-left: 28px;
}

div#logo p {
	margin: 0;
}


img#home_banner {
	border: 1px solid #fff;
	background-color: #fff;
}

#content{
	float:left;		
	min-height: 600px;
	width: 620px;
	background-color: #fff;
}

body#home #content{	
	min-height: 400px;
	width: 500px;
}

body.fullwidth #content {
	width: 940px;
}

#sidebar {
	width:300px;
	float: right;
	background-color: #fff;
}

#featured {
	margin-top: 1.8em;
}

#featured h3 { /* looks like h4 */
	font-size: 1.6667em; /* 20px */ line-height: 1.8em; /* 36px */ margin-top: 0.9em; margin-bottom: 0em; 
}

#featured img, div.listing img{
	border: 3px solid #DDCEB5;
	padding: 1px;
	background-color: #fff;
}

#featured a:hover img, div.listing a:hover img{
	border: 3px solid #7C664E;
}

#featured img {
	margin: 1.0em 0 0 0;
}

#footer {
  	clear: both;
	padding-bottom:4em;
	color: #E6DAC7;
	background-color:#7C6650;
}

#footer a {
	color: #E6DAC7;
}

#footer div.container {
	background: url('/img/bg_footer.png') no-repeat top center;
	padding-top: 0.8333em;
	overflow: hidden;
}

#footer p {
	margin: 0;
	
	line-height: 1.8em; /* 18px */ 
}

#footer p.first {
	padding-top: 2.8em; /* 28px */
}

#footer div.col {
	margin: 0;
	width: 300px;
	background-color: #7C6650;
}

#footer div.first {
	width: 640px;
	font-size: 0.8333em; /* 10px */ 
}

/* navigation
================================== */

#nav {
	position:relative;
	text-transform: uppercase;
	margin: 35px 28px 0 0;
	float: right;
	max-width: 500px; /* for text resizing */
}
#nav li {
	float: left;
	list-style: none;
	margin:0 1px;
	display: block;
	font-size: 1.167em; /* 14px */
}
#nav li a {
	color: #837156;
	text-decoration: none;
	/*padding:2px 5px;*/
	display: block;
	padding: 3px 6px;
}
#nav li.active {
	padding: 3px 6px;
	background-color: #C88353;
	color: #fff;
}
#nav li a:hover {
	background-color: #C88353;
	color: #fff;
}

/* forms
================================== */

form {
	margin-top: 1em;
	margin-right: 10px;
	/*width: 445px;*/
}

fieldset {
	border:none;
}

input.submit {
	margin:0 1em 1em 160px;
}

legend {
	font-weight:bold;
	font-size: 1.5em;
}

form div.optional {
	position:relative;
	margin:1em 0em 1em 0em;
	clear:left;
}


label {
	display: block;
	font-weight: bold;
}

label span {
	font-size:0.9em;
	color: red;
}

div.room label {
	height: 4em;
}

input,select {
	margin-bottom: 2em;
}

.pickerimg {
	margin-left: 1em;
}

input {
	width:255px;
	padding:0;
}


input[type="checkbox"] {
	width:20px;
}

input[type="text"], input[type="password"] ,textarea {
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}


input.form_error, textarea.form_error {
	border-top:2px solid red;
	border-left:2px solid red;
	border-bottom:1px solid red;
	border-right:1px solid red;
}

form .error_message {
	color: red;
	margin-top:.5em;
	padding-left:18px;
	background:url(/images/error.png) no-repeat left center;
}

.radio input,.checkbox input,.submit input{
	width:auto;
}
input.radio, .checkbox input {
	float: left;
	clear: left;
 	width:auto;
	margin-bottom: 1em;
}

.checkbox {
	clear: left;
}

input#BookingInterestEnquiry {
	margin-bottom: 2em;
}

div#interest label, .checkbox label {
	margin-bottom: 1em;
}

.checkbox label {
	display: inline-block;
}

div#interest label:last-child, #properties  {
	margin-bottom: 2em;
}

/*
input#BookingInterestEnquiry {
	margin-bottom: 2em;
}*/


input:focus,textarea:focus {
	background:#F3F4F4;
}

textarea {
	width:255px;
	height:100px;
}

/* SPAM check - hidden form element */
.areyouhuman { display: none;} 
.check {margin-top: 1.5em;}

/* Google map
================================== */
#map {
	width: 930px; 
	height: 600px; 
	margin: 0;
	border: 5px solid #ccc;
}

#property_id {
	display: none;
}

#map_all {
	width: 720px; 
	height: 700px; 
	margin: 0;
	border: 5px solid #ccc;
	border-right: none;
	float: left;
}


#map_list { 
	border: 5px solid #ccc;
	border-left: none;
	float:left; 
	width:200px; 
	list-style:none; 
	padding:0 0 0 10px; 
	margin: 0;
	height: 700px;
}

#map_list li { 
	padding:.5em; 
	color: #536D4A; 
	text-decoration: underline; 
}

#map_list li:hover { 
	background:#C88353; 
	color:#fff; 
	cursor:pointer; 
	cursor:hand; 
	text-decoration: none; 
}

/* Properties pages
================================== */


div.col {
	float: left;
	margin: 4.5em 0 0 20px;
	width: 140px;
	background-color: #fff;
}

div.listing, div.property {
	width: 940px;
	float: left;
}

div.listing div.col {
	margin-top: 0;	
}

div.property h1, div.listing h2 {
	margin-top:0;
}

div.property h1 {
	margin-bottom: .5em;
}

div.property {
	margin-top: 3em;
}

div.listing:first-of-type {
	background: url('/img/divider.png') no-repeat bottom center;
	background-image: url('/img/divider.png'),url('/img/divider.png');
	background-repeat: none, none;
	background-position: top center, bottom center;
	padding-top: 2.333333333em;
}

div.listing {
	background: url('/img/divider.png') no-repeat bottom center;
	padding: 1.5em 0;
}

div.m_props {
	margin-bottom: 2em;
}

/*ul.property_details {
	margin: 0;
	padding: 0;
	clear: left;
	float: left;
}

ul.property_details li {
	list-style: none;
	float: left;
	line-height: 2em;
	height: 24px;
	margin-right: 24px;
	width: 24px;
	text-align: center;
}

ul.property_details li.beds.first {
	background: url('/img/beds.png') no-repeat left top;
	padding-top: 30px;
}

ul.property_details li.bathrooms.first {
	background: url('/img/bathrooms.png') no-repeat left top;
	padding-top: 30px;
}*/

table.property_details  { 
	margin-bottom: 0;
}

table.property_details th { 
	font-weight: normal; 
	font-size: .833333333em;
	background: #fff;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}

table.property_details th.beds {
	background: url('/img/beds.png') no-repeat center top;
}

table.property_details th.bathrooms {
	background: url('/img/bathrooms.png') no-repeat center top;
}

table.property_details th.people {
	background: url('/img/people.png') no-repeat center top;
}


table.property_details th,table.property_details td { 
	padding: 0 0 .25em 0;
	border-bottom: 1px solid #F7F1BB;
	text-align: center;
}

table.property_details td {
	padding: .125em 0 .25em 0;
}

table.rates td:first-child {
	width: 235px;
}

table.rates td, table.rates th {
	padding: 4px 10px 8px 0;
}

p.max_guests {
	margin: 1em 0;
}

div.property div.first {
	min-width: 140px;
}

div.listing div.summary {
	width: 400px;
	padding-right: 60px;
}

div.property div.summary {
	width: 360px;
	margin-top:0;
	padding: 0 40px;
	background: url('/img/bg_summary.png') no-repeat top right;
	margin-left: 0;
}

div.map {
	margin-left: 0;
}

div.property div#photos {
	width: 200px;
}

div.first {
	margin-left: 0;	
}

div.wide {
	width: 300px;
}	

#readmore {
	margin-bottom: 1.5em;
}

div#book {
	margin-top:2em;
}

div#book a, div#readmore a{
	background: #2E5649 url(/img/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #111;
	border-bottom: 1px solid #213F35;
	clear: left;
	color: #fff;
	font-size: 1.167em;
}

div#book a:hover, div#readmore a:hover{
	background-color: #192F28;
	border-bottom: 1px solid #111F1B;
}

ul#facts {
	margin: 5em 0 0 1em;
}

ul.house_details {
	margin: 3em 0 0 0;
}

ul.house_details, ul#facts {
	list-style-image: url('/img/bullet.png');
}


ul#thumbs {
	margin: 0 0 2em 0;
	list-style: none;
	width: 190px;
	padding: 5px;
	background-color: #DDCEB5;
	float: left;
}

ul#thumbs li {
	float: left;
	padding-right: 6px;
}

ul#thumbs img {
	border: 1px solid #fff;
}

ul#thumbs a:hover img {
	border: 1px solid #7C664E;
}

ul#thumbs li.endrow {
	padding-right: 0;
}

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

ul#properties_list li {
	display: block;	
	border: 1px solid #F3EDE4;
	background-color: #F3EDE4;
	margin-bottom: 1em;
}

ul#properties_list li ul {
	margin: 0;
}

ul#properties_list li li {
	margin-bottom: 0;
	border: none;
	border-top: 1px solid #fff;
	background-color: transparent;
}

ul#properties_list a {
	padding: .5em;
	text-decoration: none;
	display: block;
}

ul#properties_list a:hover {
	background-color:#fff;
}

/* properties menu */
#prop {
	font-size: 1.167em; /* 14px */
}
#prop li {
	display: inline;
	list-style: none;
	border-right: 1px solid #C88353;
	margin-right: 1em;
	padding-right: 1em;
}
#prop li.active {
	font-weight: bold;
}
#prop .last {
	border-right: none;
}

/* properties filter and map link */
.maplink {
	float: right;
	width: 140px;
}

#property_filter {
	background-color: #F3EDE4; 
	margin: 0 0 2em;
	padding: 1em 0 0 1em;
	float: left;
	width: 720px;
}

#property_filter fieldset {
	float: left;
}

#property_filter fieldset.type {
	width: 320px;
}

#property_filter label {
	display: inline;
	margin-right: 1em;
}

#property_filter input {
	width: auto;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
}

#property_filter .submit input {
	margin-bottom: 1em;
}

.clearboth {
	clear: both;
}

/* contact page */

body#sc_bookings div.col {
	width:300px;
	margin: 0 20px 2em 0;
}

body#sc_bookings div.col2 {
	width:620px;
}

body#sc_bookings div.last {
	margin-right: 0;
}

div.input {
	position: relative;
	clear: both;
}

div.error-message {
	position: absolute;
	top:1.5em;
	left: 280px;
	width: 140px;
}

.error {
	color:red;
}

input.form-error, textarea.form-error {
	border: 1px solid red;
}

body#sc_bookings fieldset {
	margin-bottom: 3em;
}

.submit {
	clear: left;
}

p.property {
	margin: 0 0 .5em 0;
	font-weight: bold;
}

p.property a {
	font-weight: normal;
}

div.multiple {
	margin-left: 2em;
}

/* home page */

.icon {
	margin: 0em .5em 0 0;
	vertical-align: middle;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/img/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/img/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/img/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/img/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/img/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/img/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/img/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/img/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(/img/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* hashgrid */
/**
 * Grid
 */
#grid{

    /* Vertical grid lines */
    background: url(/img/bg-grid-980.gif) repeat-y 0 0;

    /* Dimensions - same width as your grid with gutters */
    width: 980px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -490px;

}

/**
 * Classes for multiple grids
 *
 * When using more than one grid, remember to set the numberOfGrids 
 * option in the hashgrid.js file.
 */
#grid.grid-1{

    /* Vertical grid lines for grid 1 */
    background: url(/img/bg-grid-980.gif) repeat-y 0 0;

}


/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{
    /* 17px line height */
    height: 17px;
    border-bottom: 1px dotted #aaa;
    margin: 0;
    padding: 0;

}

/* Paging  http://cakephpstuff.blogspot.co.nz/2009/10/pretty-pagination-links-in-cakephp.html */
.paging div{
 border:0;
 padding:0;
 margin:0;
}
 
.paging {
 padding-top: 1em;
 float: left;
 margin-left: 320px;
 font-size:1.166666667em; /* 14px */
}
 
.paging div,
.paging a{
 border:0;
 margin:0;
 padding:0;
 float:left;
}

.paging a,
.paging div.disabled,
.paging .current {
  	margin-right:.5em;
	padding:.15em .5em;
	float:left;
	display:block;
}
 
.paging a{
 border:solid 1px #DDCEB5;
 text-decoration:none;
}

.paging a:hover{
 border:solid 1px #7C6650;
 background:#7C6650;
 color:#FFFFFF;
}
 
.paging div.disabled {
 border:solid 1px #DDCEB5;
 color:#DDCEB5;
}
 
.paging .current{
 border:solid 1px #7C6650;
 background:#7C6650;
 color:#ffffff;
}

/* tabs */

ul.tabNav {
	list-style: none;
	margin: 2em 0;
	border-bottom: 4px solid #DDCEB5;
	padding-left: .5em;
	overflow: hidden;
	clear: left; /* clear floated tags */
}

ul.tabNav li {
	float: left;
	margin: 0 2px 0 0;
	
}

ul.tabNav li a {
	display: block;
	float: left;
	color: #EBE2D3;
	margin: 0;
	text-decoration: none;
	padding:.2em .5em;
	background: #AD9A83;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

ul.tabNav li .selected,
ul.tabNav li a:hover {
	background: #DDCEB5;
	_border-bottom: none;
	color: #5A4F3C;
}

ul.tabNav li a:focus {
    outline: 0;
}

.house_rates {
	margin-bottom: 4em;
}