.access {
	display : none;
}

.clearfix {
	overflow: hidden;
}
.clear { clear:both; }

* {
	margin  : 0;
	padding : 0;
}

body {
	background : #0e2f70 url(../images/body.gif) repeat-x;
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	font-size   : 82.5%;
	line-height : 1.1;
	color : #FFFFFF;
}

h1 { font-size : 1.6em; text-transform : uppercase; font-weight : normal; padding : 0 0 6px 0; }
h2 { font-size : 1.5em; font-weight : normal; }
h3 { font-size : 1.4em; font-weight : normal; }
h4 { font-size : 1.3em; font-weight : normal; }

p {
	padding : 4px 0 6px 0;
}

a {
	color : #0d2b67;
}

.wrapper {
	width : 985px;
	margin : 0 auto;
}
/* START : SIDEBAR */
	#sidebar {
		width : 258px;
		background : #091e46 url(../images/sidebar.gif) bottom center repeat-x;
		float : left;
	}
		#sidebar .logo {
			width : 244px;
			height : 115px;
			display : block;
			margin  : 15px auto 0 auto;
			background : url(../images/logo.gif) no-repeat;
			text-indent : -9999px;
		}
		#sidebar .slogan {
			width : 204px;
			height : 101px;
			display : block;
			margin  : 20px auto 0 auto;
			background : url(../images/slogan.gif) no-repeat;
			text-indent : -9999px;
		}
		
		#navigation {
			padding : 48px 10px 10px 38px;
		}
			#navigation li {
				font-size : 1.4em;
				color : #99ccff;
				text-transform : uppercase;
				padding : 4px 0;
			}
				#navigation li a {
					color : #99ccff;
					text-decoration : none;
				}
				#navigation li a:hover {
					color : #FFFFFF;
				}
		#sidebar .search {
			padding : 25px 0 15px 39px;
		}	
			#sidebar .search legend {
				padding : 4px 0 5px 0px;
				text-transform : lowercase;
			}
			#sidebar .search select {
				padding : 2px 2px 2px 6px;
				width   : 175px;
			}
			#sidebar .search .action {
				width  : 96px;
				height : 16px;
				border : 0 none;
				cursor : pointer;
				margin : 5px 0 0 75px;
				text-indent : -9999px;
				background  : transparent url(../images/btn-go-search.gif) no-repeat;
                display:block;
                position:relative;
                                
                /* IE FIX */
                text-align:right;
                font-size : 0;
                line-height : 0;
			}
		#sidebar .info {
			width   : 222px;
			margin  : 15px 18px 20px 18px;
			padding : 15px 0 0 0;
			background : url(../images/sidebar-info.gif) no-repeat top;
		}
			#sidebar .info ul {
				padding-bottom : 10px;
				background : url(../images/sidebar-info.gif) no-repeat bottom;
			}
				#sidebar .info ul li {
					padding : 0px 14px 10px 14px;
				}
		
/* START : SIDEBAR */

/* START : MAIN */	
	.main {
		width : 725px;
		padding-top : 2px;
		float : right;
		margin-bottom : 25px;
	}
		.main .telephone {
			width : 725px;
			height : 312px;
			display : block;
			height : 30px;
			background : url(../images/telephone-top-image.jpg) no-repeat;
			text-indent : -9999px;
		}
			.main .telephone.no-pic {
				margin-bottom : 30px;
			}
		.page-content {
			margin-top : 10px;
		}
		.page-content #content {
			color : #233450;
			width : 667px;
			margin  : 0 auto;
			padding : 15px 15px 10px 15px;
			display : block;
			background : white url(../images/content.gif) no-repeat;
		}
		.page-content #content a.view-details {
			background : url(../images/btn-view-details.gif) no-repeat;
			text-indent : -9999px;
			display  : block;
			position : relative;
			width  : 92px;
			height : 35px;
		}
		.page-content #content a.send-email {
			background  : url(../images/btn-send-email.gif) no-repeat;
			text-indent : -9999px;
			margin-top  : 15px;
			display  : block;
			position : relative;
			cursor   : pointer;
			border   : 0;
			width  : 93px;
			height : 37px;
		}
		/* START : PAGE TYPES */
			/* START : HOME PAGE */
			.HomePage {
				
			}
				.HomePage h1 { font-size : 1.8em; padding : 0 0 6px 0; }
				.HomePage #latest-properties {
					width : 218px;
					float : right;
				}
					.HomePage #latest-properties h2 {
						width : 218px;
						height : 65px;
						display : block;
						text-indent : -9999px;
						background : url(../images/home/latest-properties-h2.jpg) no-repeat;
					}
					.HomePage #latest-properties .items {
						width : 187px;
						padding-top : 13px;
						margin : 10px auto 0 auto;
						background : url(../images/home/latest-properties.jpg) no-repeat;
						border-bottom : 2px solid #0e2d6a;
					}
						.HomePage #latest-properties .items .item1 {
							margin : 0 auto;
							height : 150px;
							width  : 157px;
							background : url(../images/home/latest-properties-item1.jpg) no-repeat;
							padding : 3px 14px 15px 10px;
						}
						.HomePage #latest-properties .items .item2 {
							margin : 0 auto;
							height : 150px;
							width  : 157px;
							background : url(../images/home/latest-properties-item2.jpg) no-repeat;
							padding : 3px 14px 15px 10px;
						}
							.HomePage #latest-properties .items .item1 img,
							.HomePage #latest-properties .items .item2 img {
								display : block;
							}
							.HomePage #latest-properties .items .item1 a,
							.HomePage #latest-properties .items .item2 a {
								display : block;
								color : #FFFFFF;
							}
							.HomePage #latest-properties .items .item1 a.title,
							.HomePage #latest-properties .items .item2 a.title {
								margin-top : 15px;
							}
						.HomePage #latest-properties .items .seperator {
							margin : 10px auto;
							background : url(../images/home/latest-properties-seperator.jpg) no-repeat;
							width : 181px;
							height : 1px;
						}
						.HomePage #latest-properties .items .view-more {
							height : 17px;
							width  : 143px;
							display : block;
							margin  : 10px auto;
							background : url(../images/home/latest-properties-view-more.gif) no-repeat;
							text-indent : -9999px;
						}
				.HomePage #content {
					width : 440px;
					padding : 0 0 0 50px;
					float : left;
					color : #FFFFFF;
					margin : 0;
					background : none;
				}
					.HomePage #content h1 {
						height : 84px;
						width  : 268px;
						display : block;
						background : url(../images/home/h1.gif) no-repeat;
						text-indent : -9999px;
					}
			/* END : HOME PAGE */
			/* START : AREA HOLDER */
				.AreaHolder #content {
					
				}
					.AreaHolder #content .top-three {
						padding : 25px 0 0 20px;
					}
						.AreaHolder #content .top-three .item {
							background : url(../images/area-holder/top-three-item.gif) no-repeat;
							padding : 20px;
							width  : 158px;
							height : 206px;
							float  : left;
							margin-right : 12px;
							text-decoration : none;
						}
							.AreaHolder #content .top-three .item h2 {
								font-size : 1.4em;
								margin-bottom : 16px;
							}
							.AreaHolder #content .top-three .item .summary {
								line-height : 1.2;
								height : 65px;
								color  : #4684c4;
							}
							.AreaHolder #content .top-three .item .thumb {
								height : 95px;
								width  : 158px;
								padding : 2px;
								background : url(../images/area-holder/top-three-item-thumb.gif) no-repeat;
							}
					.AreaHolder #content .all-areas {
						padding : 20px 20px 40px 24px;
					}
						.AreaHolder #content .view-all {
							text-decoration : none;
							font-size : 1.5em;
						}
							.AreaHolder #content .view-all:hover { text-decoration : underline; }
						.AreaHolder #content .all-areas .item {
							padding-bottom : 2px;
							margin-top : 8px;
							border-bottom : 1px dashed #0d2b67;
						}
							.AreaHolder #content .all-areas .item h2 {
								float : left;
								font-size : 1.1em;
								font-weight : bold;
								padding-left : 2px;
								padding-top  : 10px;
							}
							.AreaHolder #content .all-areas .item .view-details {
								float : right;
							}
			/* END : AREA HOLDER */
			/* START : AREA PAGE */
				.AreaPage #content {
					
				}
					.AreaPage #content h1 { padding-bottom : 15px; }
					.AreaPage #content .item {
						margin : 0 10px;
						padding : 10px 0;
						border-bottom  : 2px solid #b5cadd;
					}
						.AreaPage #content .item .photo {
							color : #4684c4;
							width : 156px;
							height : 93px;
							padding : 2px;
							background : url(../images/area-page/image.gif) no-repeat;
							float : left;
						}
						.AreaPage #content .item .details {
							float : right;
							width : 455px;
						}
							.AreaPage #content .item .details h2 {
								width : 100%;
								color : #4684c4;
								font-size : 1.2em;
								margin-bottom : 25px;
							}
							.AreaPage #content .item .details .summary {
								float : left;
								width : 360px;
							}
							.AreaPage #content .item .details .view-details {
								float : left;
							}
			/* END : AREA PAGE */
			/* START : PROPERTY PAGE */
				.PropertyPage {
					margin-left : 13px;
					background : url(../images/content-713.gif) no-repeat;
				}
				.PropertyPage #content {
					float : left;
					width : 510px;
					padding : 25px 5px 10px 5px;
					margin  : 0 0 0 0;
					background : none;
				}
					.PropertyPage #content h1 {
						padding-left : 10px;
					}
						.PropertyPage #content h1 a {
							text-decoration : none;
						}
					.PropertyPage #content h2 {
						padding : 4px 0 16px 10px;
						margin-bottom : 14px;
						background : url(../images/property-page/h2.gif) 8px bottom no-repeat;
					}
					.PropertyPage #content .photos {
						padding : 0 0 0 10px;
						width : 490px;
					}
						.PropertyPage #content .photos #main_image {
							background : url(../images/property-page/main-image.gif) no-repeat;
							padding : 3px;
							width   : 474px;
							/*height  : 214px;*/
						}
						.PropertyPage #content .photos .thumbs {
							
						}
							.PropertyPage #content .photos .thumbs .thumb1,
							.PropertyPage #content .photos .thumbs .thumb2,
							.PropertyPage #content .photos .thumbs .thumb3,
							.PropertyPage #content .photos .thumbs .thumb4,
							.PropertyPage #content .photos .thumbs .thumb5,
							.PropertyPage #content .photos .thumbs .thumb6,
							.PropertyPage #content .photos .thumbs .thumb7,
							.PropertyPage #content .photos .thumbs .thumb8,
							.PropertyPage #content .photos .thumbs .thumb9,
							.PropertyPage #content .photos .thumbs .thumb10,
							.PropertyPage #content .photos .thumbs .thumb11,
							.PropertyPage #content .photos .thumbs .thumb12 {
								background : url(../images/property-page/thumb.gif) no-repeat;
								display : block;
								padding : 3px;
								height : 52px;
								width  : 65px;
								float  : left;
								margin : 6px 0px;
							}
							.PropertyPage #content .photos .thumbs .thumb2,
							.PropertyPage #content .photos .thumbs .thumb4,
							.PropertyPage #content .photos .thumbs .thumb8,
							.PropertyPage #content .photos .thumbs .thumb10 {
								margin : 6px 8px;
							}
					.PropertyPage #content .info {
						width : 456px;
						padding : 15px 12px 0 12px;
					}
				.PropertyPage #features {
					float : right;
					width : 186px;
					color : #233450;
					margin : 5px 5px 0 0;
					padding-top : 15px;
				}
					.PropertyPage #features h2 {
						width : 186px;
						height : 56px;
						text-indent : -9999px;
						background  : url(../images/property-page/features-h2.jpg) no-repeat;
					}
					.PropertyPage #features .content {
						padding : 5px 15px 5px 10px;
						font-size : 0.9em;
					}
					.PropertyPage #features h3 {
						margin-top : 4px;
						font-size : 1.2em;
					}
					.PropertyPage #features ul {
						list-style-type : disc;
						list-style-position : outside;
						padding-left : 18px; 
					}
				.PropertyPage #content .extra-details {
					padding : 15px;
				}
					.PropertyPage #content .extra-details td.result { padding-left : 20px; }
					.PropertyPage #content .extra-details .bedrooms-details {
						margin-top : 10px;
					}
						.PropertyPage #content .extra-details .bedrooms-details th {
							padding-bottom : 2px;
						}
						.PropertyPage #content .extra-details .bedrooms-details td {
							padding : 2px 4px;
							text-align : center;
						}
			/* END : PROPERTY PAGE */
			/* START : CONTACT PAGE */
				.ContactPage #content {
					width : 645px;
					padding-left : 15px;
				}
					.ContactPage #content h1 {
						padding-left : 0;
					}
					.ContactPage #content legend {
						display : none;
					}
					.ContactPage #content form {
						width : 300px;
						display : block;
					}
					.ContactPage #content input.action {
						background  : url(../images/btn-send-email.gif) no-repeat;
						text-indent : -9999px;
						margin-top  : 15px;
						display  : block;
						position : relative;
						cursor   : pointer;
						width  : 93px;
						height : 37px;
						border : 0;
                        
                        /* IE FIX */
                        font-size : 0;
                        line-height:0;
					}
					.ContactPage #content .field input,
					.ContactPage #content .field textarea,
					.ContactPage #content .field select {
						border : 1px solid #666;
						padding : 3px 6px;
						margin  : 2px 0 5px 0;
					}
					.ContactPage #content .field input {
						width : 207px 
					}
					.ContactPage #content .field select {
						width : 220px 
					}
					.ContactPage #content .field label {
						margin : 0 0 2px 0
					}
			/* END : CONTACT PAGE */
		/* END : PAGE TYPES */
/* END : MAIN */

/* START : FOOTER */
	#footer {
		background : #091e46;
		padding : 25px 35px;
		width  : 880px;
		color  : #6699cc;
		margin : 0 auto;
	}
		#footer .float-right {
			float : right;
		}
		#footer a {
			color  : #6699cc;
			text-decoration : none;
			text-transform  : uppercase; 
		}
		#footer a:hover { color : white;}
		#footer li {
			float : left;
			padding : 4px 8px 4px 0;
		}
		#footer ul.legals li {
			padding : 4px 8px 4px 0;
		}
		#footer li.spacer {
			content : '::';
		}
		#footer .designed-by {
			font-size : 0.8em;
			padding-right : 8px;
		}
			#footer .designed-by a { text-transform : none; }
/* END : FOOTER */