html {
	background: url("../images/background.png") repeat-x 0 0 #d8e5ff;
	height: 100%;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 75%;
	height: 100%;
}

#container {
	position: relative;
	min-height: 100%;
	background: url("../images/whiteBg.png") repeat-y center top;
}

#content {
	width: 874px;
	margin: auto;
	min-height: 100%;
	position: relative;
	padding-bottom: 90px;
}

a img {
	border: none;
}

a, a:link, a:visited {
	color: #347afe;
}

img#logo {
	margin: 10px 0 0 15px;
}

div#telNo {
	position: absolute;
	right: 20px;
	top: 38px;
}

#header {
	height: 150px;
	background: url("../images/header.png") no-repeat left bottom;
}

#siteNav {
	background: #347afe;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center;
}

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

#siteNav ul li {
	display: inline;
}

#siteNav ul li a {
	padding: 12px 15px 13px 15px;
	display: block;
	float: left;	
}

#siteNav ul li a.currentLink {
	background: url("../images/currentLink.png") no-repeat 50% 100%;
}

#siteNav ul li a:hover {
	background: #1d4af1;
}

#siteNav ul li a.currentLink:hover {
	background: url("../images/currentLink.png") no-repeat 50% 100% #1d4af1;
}



#page {
	padding: 15px;
	background: url("../images/topShadow.png") repeat-x 0 0;
}

#footer {
	clear: both;
	height: 90px;
	position: absolute;
	bottom: 0;
	background: url("../images/footer.png") repeat-x left bottom;
	width: 100%;
}

#footerInner {
	background: url("../images/footerInner.png") repeat-x left bottom;
	width: 874px;
	margin: auto;
	height: 90px;
}

#footerInner p {
	text-align: right;
	margin: 0;
	padding-top: 45px;
	padding-right: 20px;
	color: #fff;
	font-size: 0.95em;
}

/********** TEXT ***********/

h1 {
	margin-top: 15px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	font-family:Calibri, Arial;
	color:#000B88;
	font-size:1.7em;
}

h2 {
	font-size: 1.3em;
	color:#333333;

}

h3 {

font-size:1.1em;
color:#333333;

}

h1.heading {
	margin: 0;
	padding: 0;
	border-bottom: none;
}


p {
	line-height: 150%;
	text-align: justify;
	margin: 17px 0;
}

/********** HOMEPAGE **********/

#leftPanel {
	width: 260px;
	float: left;
}

#quickSearch {
	background: #dce7fe;
	padding: 15px;
	margin-bottom: 20px;
}

#quickSearch form {
	margin: 0;
}

#quickSearch h2 {
	margin-top: 0;
}

#mainContent {
	width: 554px;
	margin-left: 20px;
	float: left;
}

#featuredProperties {
	float: left;
	width: 554px;
}

div.fpInner {
	padding: 10px;
	background: url("../images/fp.png") repeat-x 0 0;
}

div.fp {
	width: 170px;
	float: left;
	margin-right: 14px;
}

div.fp#lastFp {
	margin-right: 0;
}

p.fPrice {
	font-size: 1.6em;
	color: #347afe;
	margin-top: 10px;
}

p.fPrice span.frf {	font-size: 12px; }

.saleOrLet {
	background: #347afe;
	text-align: center;
	padding: 8px 0;
}

p.fAddress {
	font-weight: bold;
	margin: 10px 0 0 0;
}

span.fStreet { color: #347afe; }

p.fpBedrooms {
	text-transform: capitalize;
	margin: 0;
}

#featureLinks img {
	margin-right: 20px;
	margin-top: 5px;
}

#featureLinks img#lastImg {
	margin-right: 0;
}

#quote {
	background: url("../images/quoteBg.png") no-repeat 0 0;
	padding: 25px 0;
	text-align: center;
}

/*********** FORMS ***********/

div.field {
	width: 100%;
	clear: both;
	padding: 3px 0;
}

#quickSearch label {	
	width: 44%;
	float: left;
}

#quickSearch div.field {
	padding: 6px 0;
	font-size: 0.95em;
}

#quickSearch .buttonBox {
	padding-left: 46%;
	padding-top: 6px;
}

select {
	font-size: 0.95em;
}

form#mainSearch {
	margin: 0;
}

form#mainSearch .field label {
	width: 50%;
	float: left;
	font-size: 0.95em;
}



#msWrapper {
	width: 615px;
	background: #dce7fe;
	padding: 15px;
	float: left;
}

#msWrapper h2 {
	padding-top: 0;
	margin-top: 0;
}

#msWrapper .buttonBox {
	padding-top: 10px;
	padding-left: 15px;
}

form#mainSearch .field {
	padding: 10px 0;
}

.area {
	width: 50%;
	float: left;
	font-size: 0.95em;
}

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

div.available, div.notAvailable {
	background: #347afe;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 0.95em;
	padding: 6px 0;
}

div.notAvailable {
	background: #666;
}

td.searchNav, td.pageList {
	font-weight: bold;
	background: #d8e5ff;
	padding: 8px;
	color: #333;
}

td.pageList {
	text-align: right;
}

table.list {
	border-collapse: collapse;
}

td.bedrooms {
	text-transform: capitalize;
}

td.propertyAddress {
	font-size: 1.2em;
}

td.description {
	line-height: 150%;
}

td.propertyAddress, td.description, td.bedrooms {
	padding-left: 15px;
	vertical-align: top;
}

td.propertyPrice {
	vertical-align: top;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	color: #347afe;
}

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

#particulars {
	padding: 25px;
}

#roomsAndType {
	margin-bottom: 15px;
	vertical-align: middle;
	background: #eaf1ff;
	padding: 8px 5px;
	color: #347afe;
	font-weight: bold;
	margin-top: 5px;
}

#roomsAndType p {
	font-size: 1.2em;
	margin: 0;
}

#particularsRightInfo {
	margin-left: 530px;
}

#particularsPhoto {
	float: left;
	width: 512px;
}

img.aPhoto {
	padding: 1px;
	border: solid 1px #ccc;
	margin-left: 3px;
}

#photoPositionWrapper {
	background: #347afe;
	color: #fff;
	padding: 5px;
	text-align: right;
}

#caption {
	z-index: 1001;
	background: url("../images/overlay.png") repeat;
	color: #fff;
	position: absolute;
	font-size: 1em;
	font-weight: bold;
}

#caption div#capText { padding: 7px; margin: 0; }


#propertyFeatures h2 {
	text-align: center;
	margin: 0;
	padding-bottom: 10px;
}

#propertyFeatures ul {
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type: none;
	text-align: left;
}

#propertyFeatures ul li {
	padding: 5px 0 5px 25px;	
	margin: 0;
	background: url("../images/ascotBullet.png") no-repeat 0 50%;
}

#particulars h2 {
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-top: 30px;
	border-bottom: dotted 1px #347afe;
	color: #0010e1;
	font-weight: normal;
}

#particulars h3 {
	color: #347afe;
}

h4.roomName {
	display: inline;
}

p.roomDescription {
	margin-top: 10px;
}

.particularsBox {
	text-align: center;
	background: url("../images/particularsBox.png") repeat-x 0 0;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 15px;
}

.particularsBox p { 
	text-align: center; 
	margin: 0;
	padding: 10px 0;
}

#particulars #particularsRightInfo h2 {
	border: none;
	margin: 0;	
	padding: 0;
}

#particulars #particularsRightInfo h2 img {
	background: #dfeaff;
	padding: 8px 15px;
}

.infoLink {
	padding-left: 20px;
	background: url("../images/info.png") no-repeat 0 50%;
}

div#particularsAddress {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 5px 5px 5px;
	color: #0010e1;
	border-bottom: dotted 1px #ccc;
}




div#priceAndStatus {
	float: right;
}

span#pPrice {
	color: #347afe;
}

span#pTenure {
	font-size: 11px;
}


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

.detailField {
	width: 500px;
	clear: both;
}

.detailLabel {
	float: left;
	width: 120px;
	font-weight: bold;
}

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

fieldset {
	width: 80%;
	margin: 20px auto;
	border: dotted 1px #666;
}

fieldset label {
	width: 30%;
	float: left;
}

legend {
	font-size: 1.3em;
	color: #347afe;
	padding-left: 0;
	left: 0;
}

.field input.focused, textarea.focused {
	border: solid 2px #d8e5ff;
	background: #f3f6ff;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}



p.error {
	font-weight: bold;
	color: #cc0000;
}

ol.error {
	color: #CC0000;
	border: solid 1px #cc0000;
	background: #FFDDDF;
	padding: 20px;
}

ol.error li {
	padding: 5px 0 5px 15px;
	margin-left: 30px;
}

/******** VALUATION **********/

#valForm fieldset .buttonBox {
	margin-left: 30%;
}

/********* SALES & LETTINGS ************/

#fsProperties .fp {
	float: none;
	width: 180px;
}

#fsProperties {
	width: 180px;
	float: left;
	padding-left: 15px;
}

#fsProperties div.fpInner {
	padding: 15px;
}


/************* PORTFOLIO ****************/

.portfolioItem {

width:48%;
margin-right:10px;
height:150px;
float:left;
text-align:left;


}

.portfolioImage {

width:47%;
float:left;



}

.portfolioImage img {

border:1px solid #999;
padding:2px;

}

.portfolioText {

width:52%;
float:left;


}

.portfolioText ul {

margin-left:13px;
padding-left:0;

}

.portfolioText ul li {

margin:0 0 0 0;
padding-bottom:5px;

}

.portfolioText p {

font-weight:bold;
margin-top:0;
text-align:left;
color:#000099;

}