#menu {
  display: none !important;
}

html {
	/*background: none !important;*/
	}

body {
		writing-mode: tb-rl;
		height: 80%;
		margin: 10% 0%;
		visibility:visible;
		page-break-after:always;
}

/* ==== colour ======
browns - #6B470F
dark brown - #452E0A
light-brown1 - #977E57
light-brown2 - #B5A387

features - 
green - #214230
purple - #3B2E29
blue - #293352

dark red #B13427
*/

body {
	background: #FFFDE6;
	}

img { border: 0; margin: 0; padding: 0; }
p { font-size: 1em; padding: 0; }
h1 {  font-size: 1.2em; padding: 0; color: #452E0A; }
h2 {  font-size: 1.1em; padding: 0; color: #452E0A; margin: 10px 0; }
h3 {  font-size: 1.1em; padding: 0; color: #452E0A; margin: 10px 0; }
h4 {  font-size: 1.1em; padding: 0; color: #452E0A; }
strong { margin: 10px 0 5px 0; }
.left { float: left }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }

a:link {color: #214230; }     
a:visited {color: #214230; }  
a:hover {color: #214230; }   
a:active {color: #214230; }  

p.hidden { visibility: hidden; }

#wrapper {
	width: 900px;
	margin: 5px auto 0 auto;
	padding: 0;
	}

#content-wrapper {
	position: relative;
	width: 898px;
	margin: 0px;
	padding: 0;
	background: #FFFDE6;
	border: 1px solid #3B2E29;
	}

/* ===== Header Styles ========*/

#header {
	position: relative;
	height: 110px;
	/*background: #44664A;*/
	background: #2B532E;
	}

#header h2 {
	font-size: 150%;
	font-weight: lighter; 
	color: #ffffff;
	background: #44664A;
	z-index: 5;
}

#header img {
	margin: 7px 0 0 0;
	padding:  0px;
	}

#header .squ-logo {
	position: absolute;
	right: 7px;
	top: 0;
	}

#header .cott-logo {
	position: absolute;
	right: 120px;
	top: 0px;
	}

#head-tel {
	position: absolute;
	right: 120px;
	top: 80px;
	font-family: Times, sans;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	color: #B5A387;
	z-index: 25;
	margin: 0;
	padding: 0;
	}
#head-tel p {
	margin: 0;
	padding: 0;
	}

#menu {
	clear: both;
	width: 898px;
	border-bottom: 1px solid #3B2E29;
	background: #2B532E;
	z-index: 3;
	}

#brochure_request a {
	position: absolute;
	left: 170px;
	top: 15px;
	background: transparent url('/images/brochure-request.jpg') no-repeat;
}

#brochure_request a:hover {
	position: absolute;
	left: 170px;
	top: 15px;
	background: transparent url('/images/brochure-request-hover.jpg') no-repeat;
}


/*============Content Styles============*/

#contentindex {	position: relative; width: 898px; margin: 0px; padding: 0px; min-height: 450px; background: #2B532E; clear: both; }

#index-left { width: 430px; padding: 10px 0 0 5px; float: left; }
#index-left h1 { 
	font-size: 29px; 
	color: #B5A387; 
	font-family: Times; 
	text-align: left; 
	font-weight: 100; 
	letter-spacing: -2px; 
	word-spacing: 0.05em; 
	line-height: 1.1em; 
	margin: 5px 0 0 0; 
	padding: 0 5px 0 5px; 
	}
#index-right { width: 440px; padding: 10px 10px 0 0; float: right; display: inline-block; }
#index-h3 h3 {
	font-size: 55px; 
	color: #B5A387; 
	font-family: Times; 
	text-align: left; 
	font-weight: 100; 
	letter-spacing: 0.2em; 
	word-spacing: 0.5em; 
	line-height: 1.1em;  
	margin: 0; 
	padding: 0 0 0 5px; 
	clear: both; 
	text-align: center; 
	width: 898px; 
	}
#specialoffers { clear: both; width: 878px; height: 126px; padding: 0; margin: 0 0 0 10px; border: 1px solid #3B2E29; float: left; }
#specialoffers h4 { color: #fff; margin: 5px 0 0 10px; }
#specialoffers table { width: 680px; float: left; color: #fff; margin: 0 0 0 10px; }
.cottage { width: 150px; }
.date { width: 125px; }
.price { width: 35px; }
p.white { color: #fff; margin: 2px 5px 0 0;}

#bottomfeatures { width: 888px; margin: 0; padding: 0 0 0 10px; min-height: 170px; clear: both; }
.feature { width: 283px; padding: 0; float: left; }
.feature p { width: 263px; margin: 0; padding: 10px; color: #ffffff; float: left; }
.green { background: #214230; margin: 10px 0 0 0px; }
.purple { background: #3B2E29; margin: 10px 0 0 12px; }
.blue { background: #293352; margin: 10px 0 0 12px; } 

a:link.cream {color: #B5A387; }     
a:visited.cream {color: #B5A387; }  
a:hover.cream {color: #B5A387; }   
a:active.cream {color: #B5A387; }  

#bottomfeatures .green {border: 1px solid #214230; }
#bottomfeatures .purple {border: 1px solid #3B2E29; }
#bottomfeatures .blue {border: 1px solid #293352; } 

#internal-footer { color: #FFFFFF; clear: both; background: #2B532E; }
#internal-footer p { width: 888px; margin: 3px 0 -3px 0; padding: 0 5px 5px 5px; text-align: right; font-size: 1em; }
.full-border { border: 1px solid #3B2E29; }
.pad { margin: 0 0 10px 10px; }

/*=== main pages =====*/

#content {
	position: relative;
	width: 898px;
	margin: 0px;
	padding: 0px;
	background: #FFFDE6;
	clear: both;
	} 

#bannerimage { 
	width: 898px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #3B2E29;
	}

#bannerimage img {
	padding: 0;
	margin: 0 0 -3px 0;
	}

#col-left { width: 580px; padding: 10px; float: left; display: inline; }
#col-right { width: 220px; padding: 0 10px 10px 30px; background: #977E57; display: inline-block; float: right; border: 1px solid #6B470F; margin: 10px 10px 0 0px;}
#col-right h1 { margin: 10px 0; padding: 0px; }

#col-right h2 { font-size: 1.1em; padding: 0; color: #FFFDE6; margin: 10px 0; }
#col-right h3 { font-size: 1em; padding: 0; color: #FFFDE6; margin: 10px 0; clear: both; }
#col-right img { margin: 0 0 10px 0px; border: 1px solid #6B470F; clear: both; }
#col-right p { color: #FFFDE6; }
/*
.rightfeature { clear: both; }
.rightfeature img { margin: 0 0 15px 0; }*/

/* ====== Footer ======= */
#footer { clear: both; float: left; width: 100%;	margin: 0; }

/* === Blue square tag styling === */
#b2 { text-align: right; margin: 5px auto; width: 100%; font-size: 95%; font-weight: bold; }
#b2 a { color: #3A7350; /* dark green */ text-decoration: none; }
#b2 a:hover { text-decoration: underline; }

/* ============== for search form ====================== */
#search { z-index: 10; }

/*==== style for the property and list pages =====================================================*/

#one-col { width: 780px; padding: 10px; float: left; display: inline; }
#one-col div.blockleft { float: left; clear: both; width: 100%; }
.list li { margin: 5px 0 0 0; } 
.list-details { width: 620px; float: left; padding: 0 15px; }
.full-width { float: left; clear: both; width: 100%; height: 18px; border-top: 1px solid #3A7350; margin: 5px 0 0 0; }
.link-right { float: right; width: 150px; text-align: right; margin: 0; list-style: none; }
.stars { margin: 3px 0 0 0; }
.property-list { float: left; width: 780px; clear: both; padding: 0 0 5px 0; border: 1px solid #3B2E29; margin: 5px 0 5px 0; background: #977E57; }

/*=====   =========*/

#gallery {
	clear: both;
	padding: 0 50px;
	height: 185px;
}

#gallery li {
	list-style: none;
	float: left;
	padding: 0 15px;
	margin: 15px 0 0 0;
}

#gallery a img {
	border: 1px solid #ffffff;
}

#gallery a:hover img {
	border: 1px solid #444444;
}

.popup {
	list-style: none;
	}


.popup a img {
	border: 1px solid #bbbbbb;
}

.popup a:hover img {
	border: 1px solid #444444;
}

/* ===== styles for the form ===== */

#enquiry form { width: 580px; margin: 10px; font-size: 0.8em;}
#enquiry .row { clear: both; width: 50%; margin-top: 5px; padding: 4px 0; }
#enquiry .row label { float: left; text-align: right; width: 45%; padding: 2px 3px 2px 0; }
#enquiry .row .col2 { float: right; text-align: left; width: 53%; }
#enquiry span.col2 p, #contact span.col2 p { margin: 0; margin-bottom: 5px; }
#enquiry div.checklist { line-height: normal; }
#enquiry span.col2 input.check, #contact div.col2 input.check { background-color: #fff; }
#enquiry .required { color: red; } 
#enquiry .row .col2 input, .row .col2 textarea, .row .col2 span select { background-color: #fff; padding: 0; margin: 0;}
#enquiry .row .button { margin: 10px auto; text-align: center; border: 1px solid #444444; background-color: #dddddd; color: #444444; }
#enquiry .indent { text-align: center; margin: 20px auto; }
#enquiry fieldset { padding: 10px; float: left; margin: 0 0 10px 10px; color: #6B470F; width: 530px;}
#enquiry textarea { font-family:Arial, Verdana, sans-serif; font-size: 1em; }


/*===== map =====*/
#map {
	margin-left: 0px;
	border: 1px solid #6B470F; 
}

.map h1 {
	font-size: 50%;
	font-weight: bold;
	color: #757c16;
	margin: 0;
	padding: 0;
}

.map p {
	margin: 0;
	padding: 0;
	font-size: 50%;
	font-weight: normal;
}

body#gmap {
	text-align: left;
}
body#gmap li {
	font-size: 120%;
}
body#gmap div.gmapPopupTitle {
	font-weight: bold;
}
form, label, select, input, option {
	font-size: 10px;
}

.label {
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
}

#gmapWrapper {
	min-height: 400px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#gmapPanelWrapper {
	float: right;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#gmapWrapper p {
	margin: 0;
	padding: 0;
}

#gmapPanelWrapper p {
	margin: 0 0 5px 0;
	padding: 0;
}

#gmapPanelWrapper h1 {
	margin: 0 0 5px 0;
	padding: 0;
	width: 230px;
	font-size: 120%;
	font-weight: bold;
}

#links {
	padding-bottom: 5px;
}
#map {
	width: 540px;
	height: 400px; 
	/*float: left;*/
}
h3 {
	padding: 0;
	margin: 0;
}

.fineprint {
	font-size: 11px;
	padding-top: 10px;
	width: 120px;
}

.map-window {
width: 100px; height: 100px;overflow:auto;margin:0;padding:0
}

.map-window a {
	color: blue;
}

.map-window a:hover {
	text-decoration: underline;
}

#panel {
	float: left;
	clear: both;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	width: 200px;
	font-size: 9px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	background-color: #F0EDE7;
	border: 1px solid #6c4910;
}

#panel ul {
	margin: 0px;
	list-style-type: disc;
}

#panel li {
	display: block;
	width: 100%;
	background-color: #bed2b0;
	margin: 0 0 0 10px;
	padding: 0;
}

#panel a {
	font-size: 11px;
	color: blue;
}

#panel a:hover {
	text-decoration: underline;
}

span.markerTooltip {
	display: block;
	padding: 2px;
	font-weight: bold;
	background: #fff;
	font:10px Arial, Helvetica, sans-serif;
	max-width: 80px;
	height: 60px;
	overflow: auto;
}

div.markerTooltip {
	text-align: center;
	opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	max-width: 80px;
	height: 60px;
	overflow: auto;
	font:10px Arial, Helvetica, sans-serif;
}