* { margin: 0; padding: 0; }

	body {
		background: #fff;
		color: #000;
		font-family: arial, helvetica, sans-serif;
		color:#0C213A;
	}

	a { color: #0C213A; text-decoration: none; }
	a:hover { color:#BF9D23; }
	
	#container {
		width: 990px;
		height: 580px;
		margin: 0 auto;
		text-align: center;
	}
	
/* hide what's below from iemac \*/

#container { 	
	position:absolute;
	width: 990px; 
	height: 580px; 
	margin:-290px 0px 0px -495px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
	background:#fff;
}
body#residences #container, 
body#features #container { margin: -298px 0 0 -495px;  height: 650px; }
body#location #container { margin: -298px 0 0 -495px;  height: 650px; }

body#home #container {margin:-290px 0px 0px -479px; width: 958px; height: 582px; }

/* end hiding */

#notice {
	position: absolute;
	top; 0px;
	left: 20px;
	padding: 0 10px;
	font-size: 11px;
	line-height: 1.2em;
}
#notice p {
	margin: 0 0 15px 0;
	width: 430px;
	float: left;
	padding: 0 5px 0 0;
}

	#notice a { color: #BF9D23; text-decoration: none; }
	#notice a:hover { color:#0C213A; }

#content {
	height: 485px;
}
#navigation ul {
	margin: 0; padding: 0 0 0 75px;
}
#navigation li {
	float: left;
	list-style: none;
	height: 37px;
	line-height: 37px;
	text-indent: -9999px;
}
#navigation li a {
	display: block;
	height: 37px;
	line-height: 37px;
}

/* -- home -- */
#n-home a {
	width: 80px;
	background: url(../gfx/nav/menu.gif) no-repeat 0 0;
}
#n-home a:hover {
	background-position: 0 -37px;
}

/* -- residences -- */
#n-residences a {
	width: 123px;
	background: url(../gfx/nav/menu.gif) no-repeat -80px 0;
}
body#residences #n-residences a,
#n-residences a:hover {
	background-position: -80px -37px;
}

/* -- floorplans -- */
#n-floorplans a {
	width: 100px;
	background: url(../gfx/nav/menu.gif) no-repeat -203px 0;
}
body#floorplans #n-floorplans a,
#n-floorplans a:hover {
	background-position: -203px -37px;
}

/* -- features -- */
#n-features a {
	width: 94px;
	background: url(../gfx/nav/menu.gif) no-repeat -303px 0;
}
body#features #n-features a,
#n-features a:hover {
	background-position: -303px -37px;
}

/* -- location -- */
#n-location a {
	width: 85px;
	background: url(../gfx/nav/menu.gif) no-repeat -397px 0;
}
body#location #n-location a,
#n-location a:hover {
	background-position: -397px -37px;
}

/* -- sustainability -- */
#n-sustainability a {
	width: 116px;
	background: url(../gfx/nav/menu.gif) no-repeat -482px 0;
}
body#sustainability #n-sustainability a,
#n-sustainability a:hover {
	background-position: -482px -37px;
}

/* -- builder -- */
#n-builder a {
	width: 83px;
	background: url(../gfx/nav/menu.gif) no-repeat -598px 0;
}
body#builder #n-builder a,
#n-builder a:hover {
	background-position: -598px -37px;
}

/* -- contact -- */
#n-contact a {
	width: 96px;
	background: url(../gfx/nav/menu.gif) no-repeat -681px 0;
}
body#contact #n-contact a,
#n-contact a:hover {
	background-position: -681px -37px;
}

/* -- end main nav menu -- */

#subnav { clear: both; }
* html #subnav { margin-top: -5px; }
#subnav li {
	list-style: none;
	height: 22px;
	line-height: 22px;
	width: 162px;
	font-size: 10px;
	float: none;
}
#subnav li a {
	display: block;
	height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #eee;
	width: 162px;
	text-indent: 12px;
	font-weight: bold;
}
body#features #subnav {
	padding: 0 0 0 365px;
}
body#residences #subnav {
	padding: 0 0 0 145px;
}
body#location #subnav {
	padding: 0 0 0 467px;
}

#secondary { position: relative; clear: both; }

#button {
	position: absolute;
	top: 30px;
	right: 0;
	width:200px;
}
#button2 {
	position: absolute;
	top: 30px;
	right: 201px;
	width:200px;
}
body#location #button,
body#location #button2 {
	top: 48px;
}

#button a,
#button2 a {
	display: block;
	width: 200px;
	height: 20px;
	line-height: 20px;
	background: #BF9D23;
	color:#fff;
	 font-variant: small-caps;
	text-align: center;
	font-size: 12px;
}
#button a:hover,
#button2 a:hover { background:#0C213A; }

	li.active a { color:#BF9D23; }
	
#button #features a { border-top: 1px solid #fff; }

#button #regnow a {
	text-indent: -9999px;
	background: url(../gfx/registerNow.gif) no-repeat 0 0;
}
#button #regnow a:hover {
	background-position: -200px 0;
}

#button2 #bpp a {
	text-indent: -9999px;
	background: url(../gfx/britishproperties_com.gif) no-repeat -200px 0;
}
#button2 #bpp a:hover {
	background-position: 0px 0;
}

#button #features a {
	text-indent: -9999px;
	background: url(../gfx/viewFeatures.gif) no-repeat 0 0;
}
#button #features a:hover {
	background-position: -200px 0;
}