@import url("reset.css");

@font-face {
    font-family: 'Frutiger55Roman';
    src: url('../fonts/frutiger55roman-webfont.eot');
    src: url('../fonts/frutiger55roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger55roman-webfont.woff') format('woff'),
         url('../fonts/frutiger55roman-webfont.ttf') format('truetype'),
         url('../fonts/frutiger55roman-webfont.svg#Frutiger55Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -- Global element styles -- */

body {
	font: 12px/1.8em Arial,Sans-Serif;
	color: #444;
	background:url(../images/background.jpg) repeat-x #fff;
}

h1, h2, h3, h4, h5, h6 {
	font: normal 1em/normal Arial, Sans-Serif;
	margin: 0 0 20px;
}

h1 { font-size: 30px; }
h2 { font-size: 22px; margin-top:10px; }
h3 { font-size: 16px; }

h4 {
	font-size: 14px;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

h6 { font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

a {color: #c00;}
a:hover {
	color: #333;
	text-decoration: none;
}

.styledLink {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	background: #c00;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	box-shadow: inset 1px 1px 2px #922;
	line-height: normal;
}

.errorStyle {
	color: #c00;
	font-weight:bold;
	vertical-align: top;
}

/* -- Global layouts (container, header + footer) -- */

#container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

header{
overflow:hidden;
width:920px;
padding:0 20px;
margin-bottom:20px;
}

	.logo{
	float:left;
	margin-top: 38px;
	}
	
	.navigation{
	float:right;
	margin: 9px 0 0;
	padding:0;
	width:582px;
	}
	
		.navigation li{
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		margin-left:12px;
		}
		
		.navigation li a{
		background: none repeat scroll 0 0 #40BC7D;
		color: #FFFFFF;
		display: block;
		font-size: 16px;
		height: 38px;
		padding: 48px 25px 0;
		text-decoration: none;
		}
		
			.navigation li a:hover, .navigation li.on a  {
			background:#552682;
			}
			
	#banner{
    background:url(../images/banner.jpg);
    float: left;
    height: 326px;
    margin-top: 32px;
    width: 920px;
	}	
	
		#bannerLeft{
		float:left;
		height: 305px;
		width: 328px;
		position:relative;
		background:url(../images/bannerLeft.png);
		margin-top: 21px;
		position:relative;
		}
		
		#clickHere{
		left: 31px;
		position: absolute;
		top: 238px;
		}
		
			#bannerLeft h1{
			font-size:35px;
			color:#fff;
			font-weight:bold;
			font-style:italic;
			}
			
				#bannerLeft p{
				color:#666666;
				font-size:16px;
				padding: 60px 27px 0 23px;
				}
				
				#signUpToday{
				position:absolute;
				bottom:48px;
				left:34px;
				}
		
		#bannerRight{
		float:right;
		height: 374px;
		width:461px;
		}	
		
	#furtherBanner{
    background:url(../images/furtherBanner.jpg);
    float: left;
    height: 120px;
    margin-top: 40px;
	
    width: 920px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	}	
	
		#furtherBanner h1{
		margin:0;
		padding:0;
		line-height:120px;
		padding-left:20px;
		color:#fff;
		font-size:40px;
		}
		
		#blueNav{
		width:920px;
		height:172px;
		float:left;
		margin-top: 19px;
		}	
		
		#blueNav h2{
		border-bottom:1px solid #cccccc;
		margin:0;
		padding-bottom:5px;
		margin-bottom:5px;
		color:#552682;
		}
		
		#blueNav img{
		float:left;
		}
		
		#blueNav p{
		float:left;
		width: 211px;
		}
		
		#blueNav p a{
		display:block;
		color:#00a552;
		text-decoration:none;
		font-weight:bold;
		}
		
		.green{
		color:#00a552;
		}
		
			#blueNav1{
			width:290px;
			margin-right:25px;
			float:left;
			height:160px;
			color:#666666;
			font-size:12px;
			font-style:italic;
			}
			
				#blueNav1 strong a{
				display:block;
				color:#009fc5;
				font-size:16px;
				font-style:normal;
				line-height: 16px;
				text-decoration:none;
				}	
			
			#blueNav2{
			width:290px;
			margin-right:25px;
			height:160px;
			float:left;
			color:#666666;
			font-size:12px;
			font-style:italic;			
			}
			
				#blueNav2 strong a{
				display:block;
				color:#009fc5;
				font-size:16px;	
				font-style:normal;	
				line-height: 16px;	
				text-decoration:none;	
				}				
			
			#blueNav3{
			width:290px;
			height:160px;
			float:left;
			color:#666666;
			font-size:12px;
			font-style:italic;			
			}
			
				#blueNav3 strong a{
				display:block;
				color:#009fc5;
				font-size:16px;	
				font-style:normal;	
				line-height: 16px;	
				text-decoration:none;	
				}				
			
			#blueNav4{
			width:189px;
			border-left:1px solid #fff;
			background:#e5f5f9;
			padding-top:25px;
			height:54px;
			float:left;
			padding-left:35px;
			color:#666666;
			font-size:12px;
			font-style:italic;			
			}
			
				#blueNav4 strong a{
				display:block;
				color:#009fc5;
				font-size:16px;	
				font-style:normal;
				line-height: 16px;	
				text-decoration:none;			
				}										

#content{
width:920px;
padding:0 20px 20px;
overflow:hidden;
}

	#content h2{ 
	border-bottom: 1px solid #CCCCCC;
    color: #552682;
    margin: 0 0 28px;
    padding-bottom: 5px;
	}

	#content section{
	float:left;
	width:600px;
	}
	
	#content aside{
	width:300px;
	float:right;
	}
	
		#content aside a{
		display:block;
		border-bottom: 1px dotted #999999;
		padding:5px 0 5px 10px;
		color:#666666;
		text-decoration:none;
		background:url("../images/purpleline.jpg") no-repeat scroll left center transparent;
		}	
		
			#content aside a:hover{
			color:#242520;
			background:url("../images/blueline.jpg") no-repeat scroll left center transparent;
			}
	
	.firstPara{
	color:#666;
	font-size:14px;
	line-height:18px;
	}
	
	.homeLink{
	color:#009fc6;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	}

	#contentLeft{
	width: 390px;
	float:left;
	border-top:3px solid #542582;
	padding:20px 30px;
	}
	
	#contentRight{
	width: 390px;
	float:right;
	border-top:3px solid #009fc7;
	padding:20px 30px;
	}

	#callBackRequest{
	height:74px;
	width:920px;
	padding:0 20px;
	}
	
		#callBackRequestText{
		float:left;
		height:74px;
		line-height:74px;
		width:435px;
		background:url(../images/phone.jpg) top left no-repeat;
		padding-left:40px;
		color:#666;
		font-style:italic;
		}
		
		#callBackRequestText strong {
		font-style:normal;
		color:#242520;
		}
		
		#callBackRequestForm{
		float:right;
		padding-top:26px;
		width:426px;
		}
		
			#callBackRequestForm form input[type="text"]{
			background:#f1f1f1;
			width:153px;
			height:23px;
			line-height:23px;
			margin:0;
			padding:0 0 0 10px;
			border:none;
			-moz-box-shadow:inset 1px 2px 2px #c1c1c1;
    		-webkit-box-shadow:inset 1px 2px 2px #c1c1c1;
   			box-shadow:inset 1px 2px 2px #c1c1c1;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin-left:10px;
			float:left;
			}
			
			#callBackRequestForm form input[type="submit"]{
			background:url(../images/submit.jpg);
			width:69px;
			height:23px;
			border:none;
			margin-left:10px;
			float:left;
			}
	
	
.featuredProperty{
width:190px;
height:290px;
background:#f2f2f2;
border:1px solid #e6e6e6;
float:left;
margin-right:10px;
padding:15px;
}
.featuredProperty.lastProperty {
	margin-right:0;
}

	.featuredProperty h3{
	color:#00a552;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	}
	.featuredProperty h3 a {
		color:#00a552;
	}
	.featuredProperty p{
	color:#666666;
	font-size:13px;
	}
	.featuredProperty a.propertyLink {
		display:block;
		margin-top:10px;
		background:#552682;
		color:#fff;
		font-weight:bold;
		text-align:center;
		padding:5px;
		text-decoration:none;
	}	
	
	.rent{
	background:#faeaab;
	height:28px;
	display:block;
	line-height:28px;
	padding:0 9px;
	color:#552682;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	}	
	
		.rent span{
		float:left;
		}
		
		.rent strong{
		float:right;
		}

footer{
height:170px;
background:url(../images/footer.jpg) no-repeat;
padding:30px 40px 0;
clear:both;
}

#footerLeft{
width:600px;
float:left;
}

	.footerLeft1{
	width:215px;
	float:left;
	}
	
	.footerLeft2{
	width:215px;
	float:left;
	}
	
	.footerLeft2 a{
	color:#00a552;
	text-decoration:none;
	}	
	
	.footerLeft3{
	width:195px;
	clear:left;
	}	
	
	.footerLeft4 {
		float:left;
		width:165px;
	}

#footerRight{

float:right;
}

	#footer1{
	float:left;
	width:160px;
	}
	
	#footer2{
	float:left;
	width:160px;
	}	
	
	#footer3{
	float:left;
	width:160px;
	}	
	
	#footer4{
	float:left;
	}
	
		#footer4 img{
		float:left;
		margin-right:30px;
		}
		
		#footer4 p{
		float:left;
		margin:0;
		padding:0;
		color:#999;
		line-height: 18px;
		}
		
			#footer4 p a{
			color: #009fc7;
			text-decoration:none;
			}
	
	footer ul{
	margin:0;
	padding:0;
	}	
	
		footer h3{
		border-bottom: 1px solid #CCCCCC;
    	color: #552682;
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
		margin-bottom:10px;
		}
	
		footer ul li{
		list-style:none;
		line-height: 16px;
		}
		
		footer ul li a{
		color: #009fc7;
		text-decoration:none;
		font-size:10px;
		}
		
	#footerRight form input[type="text"] {
	-moz-box-shadow:inset 1px 2px 2px #c1c1c1;
    -webkit-box-shadow:inset 1px 2px 2px #c1c1c1;
   	box-shadow:inset 1px 2px 2px #c1c1c1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    background: none repeat scroll 0 0 #F1F1F1;
    border: medium none;
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 10px;
    width: 230px;
	color:#666;
}	
		
.subscribe{
display:block;
width:116px;
height:36px;
background:url(../images/subscribe.jpg);
border:none;
margin-top:10px;
}

#form1 label {
    clear: left;
    color: #6A6A6A;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    width: 100px;
}


#form1.sideForm label {
	margin-bottom:3px;
}

#form1 input, #form1 textarea {
    border: 1px solid #CCCCCC;
    color: #6A6A6A;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    width: 200px;
}
#form1.sideForm input, #form1.sideForm textarea {
	margi8n-bottom:3px;
}
#form1 input.inputtextrequired, #form1 textarea.inputtextarearequired {
	background:#e0f3e9;
}
#form1 input.inputbutton.enquiryForm {
	background:#00A652;
	color:#fff;
	width:70px;
	margin-left:100px;
	padding:5px;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
}
#form1 input.inputbutton.enquiryForm.noMargin {
	margin-left:0;
}
.property {
	overflow:hidden;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-bottom:20px;
}
.property:hover {
	background:#dff5ea;
}
.property h3 {
	margin:0;
	padding:0;
	font-size:18px;
	border-bottom:1px solid #ccc;
	color:#552682;
	margin-bottom:10px;
	padding-bottom:10px;
}
.prop1 {
	float:left;
	width:330px;
	margin-right:20px;
}
.prop1 p {
	margin:0;
	padding:0;
}
.prop2 {
	float:left;
	width:230px;
	margin-right:20px;
}

.property .prop-img {
	float:left;
	margin-right:20px;
	width:100px;
	height:65px;
	overflow:hidden;
}
.property .prop-img-inner {
	width:100px;
	height:65px;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.property .prop-img-inner img {
	position:relative;
	z-index:1;
}
.property .prop-img-inner img.let, #property-info img.let {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.prop3 {
	float:left;
}
.prop3 a {
	display:block;
	width:150px;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border-radius:3px;
	color:#fff;
	-moz-border-radius:3px;
	background:#00A652;
	text-decoration:none;
	font-size:14px;
}
#property-info {
	overflow:hidden;
	position:relative;
}
#prop-img {
	float:left;
	width:460px;
	position:relative;
}
#prop-img ul {
	margin-top:0;
	
}
#prop-info {
	float:left;
	margin-left:20px;
	width:435px;
	min-height:350px;
}
h3 {
	color:#00A652;
	margin:0;
	padding:0;	
}

p.enquiry-button a {
	display:block;
	width:150px;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border-radius:3px;
	color:#fff;
	-moz-border-radius:3px;
	background:#00A652;
	text-decoration:none;
	font-size:14px;
	margin-top:20px;
}
.fpImage {
	overflow:hidden;
	width:184px;
	height:120px;
}
.fpImageInner {
	overflow:hidden;
	width:184px;
	height:120px;
}
ul#benefit-list  {
	font-size:16px;
	margin:0;
	padding:0;
	list-style:none;
}
ul#benefit-list li {
	margin-bottom:15px;
}
ul#benefit-list li.list1 {
	background:#c2ead6;
	padding:10px;
	border-left:5px solid #00A652;
	
}
ul#benefit-list li.list2 {
	background:#e4d7f1;
	padding:10px;
	border-left:5px solid #552682;
}
p.faq {
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}
p.faq b {
	font-size:14px;
	color:#552682;
	
	
}

#price-table td {
	border:1px solid #ccc;
}
#form1 p {
	margin:0;
	padding:0;
}
.social {
	overflow:hidden;
	clear:left;
	height:40px;
}
.facebook, .twitter {
	float:left;
	margin-right:7px;
}
.twitter {
	
}
.facebook {
	margin-bottom:10px;
}
.footerLeft4 p {
	margin:0;
	padding:0;
	margin-top:6px;
	float:left;
}
.footerLeft4 p a {
	color:#444;
	text-decoration:none;
}
