html {
	background: url("../images/bodybg.png") repeat-x 0 0 #ccc;
	padding-top: 30px;
}

body {
	width: 880px;
	margin: auto;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	position: relative;
}

h1 {
	margin: 0;
	padding: 10px 0;
}

h2 {
	text-transform: uppercase;
	color: #548e3b;
	font-family: "Calibri", Arial, sans-serif;
	font-size: 1.5em;
}

a img {
	border: none;
}

a, a:link, a:visited {
	color: #70b025;
}

p {
	text-align: justify;
	line-height: 150%;
	color: #333;
}

div.mainHeading {
	background: url("../images/bg_heading.png") no-repeat 0 0;
}

div.narrowHeading {
	background: url("../images/bg_headingNarrow.png") no-repeat 0 0;
}

div.mainHeading h1, div.narrowHeading h1 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #fff;
	font-family: "Calibri", Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 20px 15px 18px 15px;
}

/******** LAYOUT ********/

#page {
	min-height: 400px;
	background: url("../images/bg_pageFade.png") repeat-x 0 0;
	padding: 15px;
}

#header {
	padding: 0 20px 15px 20px;
	background: url("../images/containerTop.png") no-repeat left bottom;
}

#container {
	min-height: 100%;
	background: url("../images/container.png") repeat-y;
	padding: 0 30px 15px 30px;
}

#siteNav {
	padding-top: 5px;
}

#siteNav ul {
	margin: 0;
	list-style-type: none;
	float: right;
}

#siteNav ul li {
	display: inline;
	margin: 0;
}

#siteNav ul li a, #siteNav ul li a:visited {
	text-align: center;
	vertical-align: middle;
	display: block;
	float: left;
	padding: 5px 0 6px 0;	
	font-size: 0.85em;
	text-decoration: none;
	color: #2a712f;
}

#siteNav ul li a#home, #siteNav ul li a:visited#home {
	width: 65px;
	background: url("../images/nav_home.png") no-repeat 0 0;
}
#siteNav ul li a#aboutUs, #siteNav ul li a:visited#aboutUs {
	width: 78px;
	background: url("../images/nav_aboutUs.png") no-repeat 0 0;
}
#siteNav ul li a#propertySearch, #siteNav ul li a:visited#propertySearch {
	width: 114px;
	background: url("../images/nav_propertySearch.png") no-repeat 0 0;
}
#siteNav ul li a#valuation, #siteNav ul li a:visited#valuation {
	width: 78px;
	background: url("../images/nav_valuation.png") no-repeat 0 0;
}
#siteNav ul li a#contactUs, #siteNav ul li a:visited#contactUs {
	width: 90px;
	background: url("../images/nav_contactUs.png") no-repeat 0 0;
}
#siteNav ul li a#register, #siteNav ul li a:visited#register {
	width: 88px;
	background: url("../images/nav_register.png") no-repeat 0 0;
}

#siteNav ul li a#home.currentLink, #siteNav ul li a#aboutUs.currentLink, #siteNav ul li a#propertySearch.currentLink, #siteNav ul li a#valuation.currentLink, #siteNav ul li a#contactUs.currentLink, #siteNav ul li a#register.currentLink  {
	background-position: 0 -24px;
}

#siteNav ul li a#home.adjacentLink, #siteNav ul li a#aboutUs.adjacentLink, #siteNav ul li a#propertySearch.adjacentLink, #siteNav ul li a#propertySearch.adjacentLink, #siteNav ul li a#valuation.adjacentLink, #siteNav ul li a#contactUs.adjacentLink, #siteNav ul li a#register.adjacentLink {
	background-position: 0 -48px;
}

#footer {
	background: url("../images/footer.png") no-repeat left bottom;
	padding-bottom: 32px;
}

#footerInner {
	background: url("../images/container.png") repeat-y 0 0;
	border-top: dotted 1px #ccc;
}

#footerInner p {
	font-size: 0.95em;
	text-align: right;
	padding-right: 30px;
	padding-top: 15px;
	margin: 0;
	color: #999;
}

/********** PAGES ***********/

#leftPanel {
	width: 260px;
	float: left;
}

.main {
	width: 545px;
	float: left;
	padding-left: 15px;
}

#narrow {
	background: url("../images/bg_pageFade.png") repeat-x 0 0;
	padding: 15px;
	min-height: 400px;
}

#narrow p {
	margin: 0;
	padding: 15px 0;
}

#leftLinks img {
	margin-bottom: 15px;
}

.partnerLogo {
	text-align: center;
}

/********* HOMEPAGE *********/

#homeContent {
	background: url("../images/bg_homeFade.png") no-repeat 0 0;
	padding: 15px;
	margin: 15px 0;
}

#featuredProperties {
	background: url("../images/bg_featured.png") no-repeat left bottom;
	padding: 15px;
}

.fp {
	width: 170px;
	float: left;
}

.fpInner p {
	width: 150px;
	text-align: center;
	margin: 4px 0;
}

p.fPrice {
	font-size: 1.6em;
	color: #235f28;
}

span.frf {
	font-size: 11px;
	color: #333;
	text-transform: uppercase;
}

p.fpBedrooms {
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1.2em;
}

img.fPhoto {
	padding: 1px;
	border: solid 1px #6b9b58;
}

/********** FORMS ***********/

.field {
	width: 100%;
	clear: both;
	padding: 3px 0;
}

#quickSearch {
	background: url("../images/quickSearchBg.png") no-repeat 0 0;
	color: #fff;
	margin-bottom: 15px;
	font-size: 0.95em;
}

#quickSearch form {
	margin: 0;
}

#quickSearch h2 {
	margin: 0;
	padding: 15px 0 15px 15px;
}

#quickSearch label {
	width: 100px;
	float: left;
	padding-left: 15px;
}

#quickSearch #submitbtn {
	padding-left: 110px;
	padding-bottom: 6px;
}

select {
	font-size: 0.95em;
}

div#searchBar div#leftFieldset {
	width: 260px;
	float: left;
}

div#searchBar div#centreFieldset {
	width: 190px;
	float: left;
}

div#searchBar div#rightFieldset {
	width: 260px;
	float: left;
}

div#searchBar {
	padding: 15px;
	background: url("../images/bg_searchBar.png") no-repeat left bottom #fff;
	border: 1px dotted #235e28;
}

div#searchBar label {
	float: left;
	color: #215825;
}

div#searchBar div#centreFieldset label {
	width: 100px;
}

div#searchBar div#leftFieldset label {
	width: 135px;
}

div#searchBar div#rightFieldset label {
	width: 110px;
}
	
div#searchBar form {
	margin: 0;
	padding: 8px 0 0 0;
}

div#searchBar div#submitbtn {
	margin-left: 108px;
}

div#searchBar p {
	margin: 0;
}

fieldset {
	border: dotted 1px #6cab25;
	margin-bottom: 25px;
}

legend {
	color: #6cab25;
	text-transform: uppercase;
	font-size: 1.4em;
	font-family: "Calibri", Arial, sans-serif;
}

textarea {
	font-size: 0.95em;
	font-family: Arial, Helvetica, sans-serif;
}

fieldset label {
	width: 35%;
	float: left;
}

/******** SEARCH RESULTS ***********/

table.list {
	margin-top: 25px;
	border-collapse: collapse;
}

td.propertyAddress a {
	color: #27672b;
	font-size: 1.25em;
}

td.searchNav, td.pageList {
	background: #a2ca78;
	font-weight: bold;
	padding: 10px;
}

td.pageList {
	text-align: right;
}

td.thumbnail a img {
	border: solid 1px #57913b;
}

td.bedrooms {
	text-transform: capitalize;
}

td.propertyAddress, td.description, td.bedrooms {
	padding-left: 15px;
}

td.thumbnail, td.description {
	border-bottom: dotted 1px #89b85b;
	padding-bottom: 15px;
}

td.propertyPrice {
	color: #27672b;
	font-size: 1.6em;
}

span.srRentFreq {
	font-size: 10px;
}

td.description {
	line-height: 150%;
}

div.available, div.notAvailable {
	background: #e7c41c;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 3px;
	border: solid 2px #fff;
	width: 100px;
	float: right;
}

div.notAvailable {
	background: #999999;
}

td.propertyPrice, td.propertyStatus {
	text-align: right;
}
	
/*********** PARTICULARS ***********/

p#roomsTypePrice {
	text-transform: capitalize;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0;
	color: #666;
}

span#price {
	color: #26662b;
}

div#particularsLeft {
	width: 520px;
	float: left;
	padding-right: 10px;
}

div#particularsRight {
	width: 260px;
	float: left;
}

div#particularsRight h2 {
	background: url("../images/bg_particularsHeading.png") no-repeat 0 0;
	padding: 8px 0 8px 15px;
	color: #fff;
	font-weight: normal;
	font-size: 1.4em;
	font-family: "Calibri", Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
}

div.pBox {
	background: url("../images/bg_pBox.png") repeat-x left bottom #fff;
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
	border-bottom: dotted 1px #666;
	padding: 15px;
	margin-bottom: 15px;
}

div.pBox#aPhotos {
	padding-bottom: 0;
}

#caption {
	z-index: 1001;
	background: url("../images/bg_caption.png") repeat;
	color: #fff;
	position: absolute;
	font-size: 1em;
	font-weight: bold;
}

#caption div#capText { padding: 7px; margin: 0; }

img.leftImg {
	margin-right: 12px;
}

img.aPhoto {
	margin-bottom: 12px;
	border: solid 1px #666;
}

ul#featureList {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

ul#featureList li {
	background: url("../images/tickBullet.gif") no-repeat 0% 50%;
	padding: 4px 0 4px 25px;
	font-size: 0.95em;
	text-transform: uppercase;
	color: #666;
}

#photoPositionWrapper {
	background: url("../images/bg_photoPosition.png") no-repeat 0 0;
	color: #fff;
	padding: 12px 10px;
	text-align: right;
	margin-bottom: 15px;
}

#particularsLeft h2 {
	text-transform: uppercase;
	color: #548e3b;
	font-family: "Calibri", Arial, sans-serif;
	font-size: 1.5em;
	margin-top: 25px;
}

div#disclaimer {
	margin-top: 25px;
	color: #777;
}

div#disclaimer p {
	font-size: 0.9em;
	color: #777;
}

div#disclaimer ol {
	list-style-type: lower-alpha;
	font-size: 0.9em;
}

div#disclaimer ol li {
	padding: 4px 0;
}

div#propertyInfo {
	padding-right: 15px;
}


/*********** CONTACT US ***********/

.detailField {
	width: 500px;
	clear: both;
}

.detailLabel {
	float: left;
	width: 120px;
	font-weight: bold;
	color: #666;
}


#contactForm {
	margin-top: 30px;
}

/********** MISC **********/

.error {
	color: #CC0000;
}

a.infoLink, a:visited.infoLink {
	background: url("../images/icon_info.gif") no-repeat left center;
	padding-left: 15px;
}