/************** LAYOUT *************/

body {
	width: 100%;
	margin: 0;
}

#siteNav {
	width: 220px;
	position: absolute;
	left: 0;
}

#content {
	margin-left: 230px;
	padding: 0;
}

#home {
	padding-right: 168px;
}

#logo {
	margin: auto;
	text-align: center;
} 

#logo img {
	padding: 27px 0;
}

#contextNav {
	width: 160px;
	position: absolute;
	right: 0;
	top: 140px;
}

#contextNav p {
	text-align: center;
}

#header {
	text-align: center;
	height: 120px;
	margin-left: 230px;
}

#footer {
	width: 100%;
	text-align: center;
}

#footer img {
	padding: 15px;
}

#register {
	float: left;
	width: 98%;
}

/****** TYPOGRAPHY & COLOURS ******/

body {
	background: url(../images/background.png) repeat-y left #eff8f4;
	font-size: 72%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #3c3120;
}

#contentWrapper {
	background: url(../images/pageBg.png) repeat-x top;
	padding: 5px 5%;
}

h1 {
	font-size: 2.8em;
	font-weight: normal;
	color: #9cd1c0;
	margin-top: 10px;
}

h1#welcome {
	line-height: 90%;
	margin: 30px 0 10px 0;
	font-size: 2.8em;
}

h1#particularsHeading {
	border-bottom: solid 1px #cbe7de;
	margin-bottom: 3px;
}

h2 {
	color: #8b6d3a;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0;
}

a img {
	border: none;
}

a, a:link, a:visited {
	color: #80571c;
}

a:hover {
	color: #3c3120;
}

p {
	font-size: 1.1em;
	text-align: justify;
	color: #1a2ftd;
	margin-top: 15px;
	margin-bottom: 15px;
}

p.intro {
	font-size: 1.3em;
	font-weight: normal;
	color: #8b6d3a;
}

#contextNav {
	padding: 0;
	text-align: center;
}

.featuredPrice {
	font-size: 1.6em;
	color: #26166f;
	font-weight: normal;
}

#contextNav h2 {
	margin: 0;
	padding: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../images/curvedHeading.png) no-repeat top;
	color: #f7fbfa;
}

#contextNav a img {
	border: solid 1px #80571c;
}

#contextNav a:hover img {
	border: solid 1px #3c3120;
}

#feature {
		border-left: solid 1px #a4d5c5;
		border-top: solid 1px #a4d5c5;
		border-bottom: solid 1px #a4d5c5;
		background: #d8ede7;
		padding-bottom: 20px;
	}

#navWrapper {
	width: 230px;
	
}


#siteNav ul {
	list-style-type: none;
	padding: 20px;
	margin: 0;
	background: url(../images/shadow_top.png) repeat-x top #e8f4f0;
	border-right: solid 10px #cbe7de;
	border-top: solid 1px #c2e3d8;
	border-bottom: solid 1px #c2e3d8;
}

#siteNav ul li {
	border-bottom: dashed 1px #c2e2d8;
	margin: 0;
}

#siteNav ul li#first {
	border-top: dashed 1px #9cd1c0;
}

#siteNav ul li a {
	color: #80571c;
	display: block;
	width: 90%;
	padding: 5% 5%;
	text-decoration: none;
	background: url(../images/navArrow.png) no-repeat right;
}

#siteNav ul li a:hover {
	background: url(../images/navArrowHover.png) no-repeat right #ddeee9;
}


h1#indigoRes {
	color: #26166f;
	margin-left: 130px;
	margin-top: -8px;
	font-size: 2.8em;
	margin-bottom: 6px;
}

#footer {
	margin-top: 40px;
	border-top: solid 1px #e3f2ed;
}

/******* QUICKSEARCH ********/

#siteNavHeader {
	margin: 0;
	padding: 6px 0 6px 10px;
	background: url(../images/quicksearch.png) no-repeat bottom;
	width: 220px;
}

#siteNavHeader h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #f7fbfa;
}

#quicksearch form {
	margin: 0;
	padding: 15px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#quicksearch form select {
	font-size: 0.9em;
}

.buttonBox {
	text-align: center;
	margin: auto;
	width: 100%;
	padding: 15px 0 8px 0;
	clear: both;
}

.buttonBox input, #register .buttonBox input { float: none; }


.searchField {
	padding: 4px 0;
	clear: both;
	width: 100%;
}

div.searchField label {
	width: 50%;
	float: left;
}

.searchField input {
	width: auto;
	float: left;
}


.radios {
	padding: 10px 0;
}

/********* TEL/EMAIL **********/

.email, .tel {
	margin: 0 0 15px 25px;
}

.branchNameTel {
	color: #26166f; 
}

/********* HOME **********/

.feature {
	padding: 8px;
	border-top: solid 1px #e3f2ed;
}
	
.featureIntro {
	border-top: solid 1px #e3f2ed;
	padding: 0 8px 0 8px;
}

.featureIntro p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#header {
	background: url(../images/flashBG.png) repeat-x;
	border-bottom: solid 1px #cbe7de;
	height: 120px;
}



/********* PARTICULARS *********/

.particularsAddress {	
	color: #26166f;
}

.particularsPrice {
	color: #7bc1ab;
}

.mainPhoto {
	border: 2px solid #9cd1c0;
}

.photo {
	border: 1px solid #9cd1c0;
}

.particular {
	text-align: center;
}

table.featureList {
	border: 1px dashed #a3d3c4;
	margin: 10px auto;
	padding: 8px;
}

table ul {
	list-style-type: none;
	font-size: 1.1em;
	padding: 0;
}

table ul li {
	background: url(../images/star.gif) no-repeat left center;
	padding: 5px 10px 5px 20px;
	margin: 0;
}

a.externalLink {
	padding-left: 15px;
}

a.externalLink, ul li a.externalLink {
	background: url(../images/externalLink.png) no-repeat left center;
}

ul.info {
	list-style-type: none;
}

ul li a {
	padding-left: 15px;
}

h4.roomName {
font-size: 1.4em;
margin: 4px 0 0 0;
}

#particularsDetails h2 {
	background: url(../images/particularsHeading.png) repeat-x center;
	padding: 8px 0;
	margin: 8px 0 0 0;
}

/*********** SEARCH RESULTS ***********/

.pageList {
	font-weight: bold;
	text-align: right;
	padding: 10px;
	border-bottom: solid 1px #a3d3c4;
	border-top: solid 1px #a3d3c4;
	background: url(../images/searchNav.png) repeat-x bottom #e3f2ee;
}

.pageList a, .pageList a:visited {
	padding: 0 3px;
	margin: 1px;
	text-decoration:none;
	color: #70bca4;
}

.pageList a:hover {
	border: solid 1px #9cd1c0;
	background: #e8f4f0;
	padding: 0 2px;
	color: #3c3120;
}

.pageList a#next, .pageList a#previous {
	border: solid 1px #9cd1c0;
}

.pageList a:hover#next  {
	padding: 0 15px 0 3px;
}
.pageList a:hover#previous {
	padding: 0 3px 0 15px;
}

.pageList a#next {
	padding-right: 15px;
	background: url(../images/next.png) no-repeat right center #e8f4f0;
}

.pageList a#previous {
	padding-left: 15px;
	background: url(../images/previous.png) no-repeat left center #e8f4f0;
}
	

.searchNav {
	font-weight: bold;
	font-size: 1.1em;
	padding: 10px;
	border-bottom: solid 1px #a3d3c4;
	border-top: solid 1px #a3d3c4;
	background: url(../images/searchNav.png) repeat-x bottom #e3f2ee;
}

table.list {
	border: 1px solid #a3d3c4;
	padding: 0;
	border-collapse: collapse;
}

table.list td {
	padding: 5px;
}

.thumbnail img {
	margin: 10px 15px 10px 10px;
	border: solid 1px #a3d3c4;
}

.thumbnail a:hover img {
	border: solid 1px #3c3120;
}

.thumbnail {
	border-bottom: solid 1px #cbe7de;
}

.description {
	border-bottom: solid 1px #cbe7de;
}

.propertyAddress {
	font-size: 1.2em;
}

tr.odd {
	background: #e8f4f0;
}

.available {
	font-weight: bold;
	color: #009966;
}

.notAvailable {
	font-weight: bold;
	color:#990000;
}

/************ Map search bar ************/
 
 #searchBar{
  margin: 0 0 20px 0;
  background: #cbe7de;
  border: solid 1px #70bca4;
  padding: 10px;
  color: #333;  
 }


div#mapSearchOptions { float: right; font-size: 1.2em; margin-top: 15px; }
p#numProperties { font-size: 1.2em; font-weight: bold; margin: 0; }
div#pageNumbers { float: right; }
div#pageNumbersList { margin-left: 20px; padding-top: 8px; border-top: dotted 1px #7a4354; }

#searchBar form { margin: 0; background: #7a4354; }
 
 #searchBar input, #searchBar label, #searchBar input.radio { float: left; width: auto; }
 #searchBar select { font-size: 0.95em; }
 
 #searchBar label { padding: 0 5px 0 10px; }
 
 div.mapSearchField {
 	float: left;
	padding: 6px 0;
}

div.mapSearchField#submitBtn, div.mapSearchField#advancedLink { padding: 6px; }

div.mapSearchField a, div.mapSearchField a:link, div.mapSearchField a:visited {
	color: #fff;
	text-decoration: underline;
}
 
 #searchBar form {
 
 margin:0 0 0 0;
 padding:0 0 0 0;
 
 }
 
 #searchMapResults, #searchResults {
 	float: left;
	width: 100%;
}

ol li {
	margin: 15px;
}

/******** MAP BUBBLE ********/

#mapBubble a img, #mapBubble a:link img, #mapBubble a:visited img, #mapBubble a img.gMapPhoto {
	float: left;
	border: solid 1px #7a4354;
}

div.gMapPhotoWrapper {
	float: left;
	width: 120px;
	border: 2px solid #99FF00;
}

.gMapPrice {
	font-weight: bold;
	font-size: 1.2em;
}

.gMapBedrooms {
	text-transform: capitalize;
	margin: 0;
}

.gMapDetailsWrapper { float: left; padding-left: 10px;}


/******** CONTACT US ********/

	.branchdetails {
		width: 48%;
		float: left;
	}
	
	.branchdetails h2 {
		padding-bottom: 5px;
		font-size: 1.1em;
		font-weight: bold;
	}

#pageNumbers {
	padding-left: 20px;
	font-weight: bold;
}

/********* REGISTER **********/

#register form textarea {
	margin-right: 5px;
}

#register form label {
	padding-left: 10px;
	width: 30%;
	float: left;
	font-weight: bold;
}

#register label.inner {
	font-weight: normal;
}
	

#register form select {
	font-size: x-small;
}

#register form input {
	float: left;
	width: auto;
}

.focused {
	border: solid 2px #cbb89a;
}

input:focus, textarea:focus {
	border: solid 2px #cbb89a;
}

.selectFix {
	width: 70%;
	margin-left: 25%;
}

fieldset {
	margin: 5px 15px 15px 15px;
	padding: 10px;
	border: solid 1px #cbe7de;
	background: #e1f2ea;
}

legend {
	color: #fff;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0 0 8px 5px;
	padding: 4px 10px 4px 10px;
	background: url(../images/darkGrad.png) repeat-x bottom;
	border: solid 1px #cbe7de;
}

	.area {
		width: 33%;
		float: left;
	}
	
	.area input {
		width: 25%;
		float: left;
	}
	
	.area label {
		float: left;
		width: auto;
	}
	

.buttonBox {
	text-align: center;
	margin: auto;
	width: 100%;
}

/******* MISC ********/

.imagePanel {
	width: 220px;
	float: right;
	text-align: center;
	margin-left: 15px;
}

.imagePanel img {
	padding: 6px;
	background: #d1e9e4;
	border: 1px solid #abd6cf;
	margin: 10px 5px;
}

ol {
	color: #6a532d;
}


ol li {
	margin: 6px 0;
	padding-left: 6px;
}

.center {
	text-align: center;
}