/* RESET & SETUP
----------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Tahoma, Geneva, sans-serif;
}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, section, nav, article {
	display: block;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('Chunkfive.ttf') format('truetype');
}


/* ELEMENTS
----------------------------------------*/

h1 {}

h1,
h2{
	padding-top:5px;font-family: 'ChunkFiveRegular', Helvetica, Arial, sans-serif;
font-size:40px;
color:#FFF;
text-shadow: 1px 1px 3px #2c3337;}

h3{	}

p{}
p a{color:#117dbb; padding:1px 3px; border-bottom:1px dotted #CCC; text-decoration:none; font-weight:bold;}
p a:active{ }
p a:hover{ color:#FFF; padding-bottom:1px; border-bottom:1px dotted #CCC; background-color:#06F;}

/* LAYOUT
----------------------------------------*/

body{
	background-color:#2b2b2b;
}

section { }

.inner { 
	margin:0 auto;
	width:920px;
}


/* SECTION - Top
----------------------------------------*/

section#top{
	background:#127ebc url(../Images/topBG.jpg) repeat-x top; /*replace with css gradient*/
	border-top:2px solid #127ebc;
	border-bottom:2px solid #127ebc;
	height:185px;
	margin:5px 0 0 0;
	position:relative;
}

section#top a#logo{
	width:332px;
	margin:8px 0 0 10px;
	padding-top:94px;
	display:block;
	background:url(../Images/topLogo.png) no-repeat;
	text-indent:-5000px;
	position:relative;


}

nav {background-color:#0C6;}

nav ul {
	background:url(../Images/topMenuBG.jpg) repeat-x top #449cd2;
	border-top:1px solid #137ebc;
	border-left:1px solid #137ebc;
	border-right:1px solid #137ebc;
	border-bottom:none;
	height:66px;
	padding-left:5px;
	
	-moz-box-shadow: 0px -2px 10px #1b78b1;
  	-khtml-box-shadow: 0px -2px 5px #1b78b1;
  	-webkit-box-shadow: 0px -2px 20px #1b78b1;

	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-topleft: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

nav ul li{
	float:left;
	width:14%;
	*width:13.9%;
	_width:13.9%;
	text-align:center;
	margin-right:3px;
	background:url(../Images/topMenuDivider.jpg) right no-repeat;

}

/*html>body nav ul li{
  width:13.9%;
  height:60px;	
}
*/
nav ul li a{
	display:block;
	height:50px;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:3px solid transparent;
	font-family: 'ChunkFiveRegular', Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#FFF;
	letter-spacing:1px;
	text-decoration:none;
	line-height:25px;
	text-shadow: 1px 1px 1px #2c3337;
}

nav ul li a.single{
	height:37px;
	padding-top:20px;
	padding-bottom:7px;

}

/*nav ul li.selected a{
	color:#053b5b;
	border-color:#0e6596;
}*/

nav ul li a:hover,
nav ul li a:focus{
	border-color:#6fb1d6;
}

nav ul li a:active{
	border-color:#fff;
}

nav ul li.end{
	margin-right:0px;
	background:none;
}




/* SECTION - Content
----------------------------------------*/

section#content .inner{
	background-color:#3e3e3e;
	padding-top:50px;
	border:1px solid #244253;
}


section#content .inner ul{
	margin:0 20px 0px 20px;
	float:right;
	width:670px;
}


section#content .inner ul li#intro{
	color:#FFF;
}

section#content .inner ul li#intro h1{
	font-size:1.8em;
	margin-bottom:10px;
}

section#content .inner ul li#intro p{
	line-height:1.8em;	
}



section#content .inner ul li{
	margin-bottom:30px;
	padding-bottom:30px;
	position:relative;
	background:url(../Images/seperator.gif) repeat-x bottom;
}

section#content .inner ul li div{}

section#content .inner ul li div header{
	position:absolute;
	top:10px;
	width:680px;
	height:50px;
	left:-10px;
	
	background:url(../Images/trans.png) repeat;
		
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius:4px;
	-khtml-border-radius-topright: 4px;
	-khtml-border-radius-topleft: 4px;
	-khtml-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}





.triangle-l{
	height:10px;
	width:10px;
	position: absolute;
	left: -10px;
	top: 60px;
	background:url(../Images/bannerCorner.png) no-repeat;


}

section.propertyPage .inner ul li div header h1,
section#content .inner ul li div header h2{	
margin:0 20px 0 240px;
color:#FFF;


}


section#content .inner ul li div .propertyImg{
	float:left;
	width:205px;
	height:205px;
	border:3px solid #cfcece;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}

section#content .inner ul li div .propertyImg#DC{ background:url(../Images/durrant-court.jpg) no-repeat;}
section#content .inner ul li div .propertyImg#VC{ background:url(../Images/victoria-court.jpg) no-repeat; }
section#content .inner ul li div .propertyImg#BP{ background:url(../Images/Beaulieu-park.jpg) no-repeat; }
section#content .inner ul li div .propertyImg#LS{ background:url(../Images/lockside-marina.jpg) no-repeat; }
section#content .inner ul li div .propertyImg#TH{ background:url(../Images/the-hub.jpg) no-repeat; }
section#content .inner ul li div .propertyImg#BC{ background:url(../Images/Bellamy-Court.jpg) no-repeat; }




section#content .inner ul li div .propertyImg a{
	width:210px;
	height:210px;
	display:block;
	text-indent:-5000px;
}


section#content .inner ul li div p{
	padding:65px 0 0 0;
	margin-left:230px;
	line-height:1.8em;
	color:#FFF;
}
	


/**/
/* SECTION - Footer
----------------------------------------*/

section#bottom{
	background:url(../Images/footerBG.gif) repeat-x top #107cba;
	height:70px;
	margin-bottom:5px;
	text-align:center;
	font-size:12px;
}

section#bottom ul{}

section#bottom ul li{
	display:inline;
	line-height:40px;
	margin-right:25px;
	}
	
section#bottom a,
section#bottom p a{

	text-decoration:none;
	color:#FFF;
	
}




/*PROPERTY PAGES 
----------------------------------------*/

.features{
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:0.1em;
	margin:5px 0;
	padding:0 0 0 0 !important;
	border-bottom:1px solid #666;

}


ul#propertySpec{
	width:440px !important;
	margin:5px 0 0 0 !important;
	padding:0 0 0 0 !important;
	color:#FFF;
}

ul#propertySpec li{
	background:url(../images/houseIcon.jpg) no-repeat left top !important;
	margin:0 0 20px 0 !important;
	padding:0px 0px 5px 25px !important;
	line-height:1.6em;


}



/*GOOGLE ADS
----------------------------------------------*/

section#top #googleAdBanner{
		width:468px;
		height:60px;
		position:absolute;
		top:30px;
		right:150px;
}


section#content #googleAdSkyscraper{
		width:160px;
		height:600px;
		margin-left:40px;
		margin-bottom:20px;
}

section#content #googleAdSmallSquare{
	width:200px;
	height:200px;
	position:absolute;
	top:230px;
	left:5px;
}


#sitemap ul li{
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	background-color:#039;
	color:
}

#sitemap ul li a,
#sitemap ul li a:visited{
	color:#117dbb;
	padding:1px 3px;
	border-bottom:1px dotted #CCC;
	text-decoration:none;
	font-weight:bold;
}