html {
	height: 100%;		/*fullheight*/
}
body {
	height: 100%;		/*fullheight*/
	background: #000000 /**/url('images/bg.gif') center -50px no-repeat;
	/*background: url('images/grid.gif') center repeat-y;*/
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	/*letter-spacing: -0.5px;*/
	color: #bcac48;
}	
	
p {
	/*background: pink;*/
	margin: 0 0 15px 0;
	}
p.caption {
	margin: 10px 0 10px 0;
	font-size: 12px;
	line-height: 18px;
	}
span.large {
	margin: 10px 0 10px 0;
	font-size: 20px;
	line-height: 26px;
	}
#left img, #center img, #right img, #wide {
	margin: 20px 0 0px 0;
	}
h2 {
	/*background: pink;
	font-family: Myriad Pro Cond, 'Trebuchet MS', Helvetica, sans-serif;*/
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
}
ul.bullet {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 15px;
}
#video {
	/*border: red 1px solid;*/
	width: 300px;
	height: 189px;
	z-index: 1;
	/*position: absolute;*/
	margin: 20px 0 0 0px; /*48*/
	/*padding: 0 0 0 48px;
	float: left;*/
	}
/* Headers -----------------------------------------*/

h1 {
	/*background: pink;*/
	line-height: 0;
	/*margin: 440px 0 0 0;
	float: left;
	z-index: 10;
	position: absolute;
	top: 440px;
	left: 0;*/
}
h1 a {
	margin: 22px 0 0px 0;
	float: left;
	display: block;
	background: url('images/sprite.png') -237px 0 no-repeat;
	width: 268px;
	height: 120px;	
	text-indent: -900em;	
}
h1.home {
	/*background: pink;*/
	line-height: 0;
	display: block;
	background: url('images/sprite.png') 0 0 no-repeat;
	width: 237px;
	height: 202px;	
	text-indent: -900em;
	
	/*margin: 440px 0 0 0;
	float: left;
	z-index: 10;
	position: absolute;
	top: 440px;
	left: 0;*/
}
.intro {
	width: 482px;
	/*margin: 495px 0 0 0;
	float: right;*/
	position: absolute;
	top: 495px;
	left: 320px;
}


h3.start {
	margin: 37px 0 0px 0;
	
	line-height: 0;
	display: block;
	background: url('images/sprite.png') -487px 0 no-repeat;
	width: 227px;
	height: 68px;	
	text-indent: -900em;
}


/* Links -----------------------------------------*/

a {
	color: #bcac48;
	text-decoration: none;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
h2 a {
	font-weight: normal;
}
a:hover, a:focus {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}




/* Layout -----------------------------------------*/

html {
	height: 100%;		/*fullheight*/
 	}
body {
	height: 100%;		/*fullheight*/
	}
#page {
	/*background: pink;*/
	/*overflow-x:hidden;	Needed to eliminate scrollbars*/
	min-height: 100%;		/*fullheight*/
	position: relative;
	margin: 0 auto;
	z-index: 10;
	width: 320px;
	padding: 0 20px 0 20px;
}
	#header {/*----------------------------------------------------*/
		width: 940px;
		position: relative;
			/*background: green;*/
		height: 158px;
	}
	#headerimg {
		width: 940px;
		height: 423px;
		margin: 0 0 0px 0;
	}
	#content {/*----------------------------------------------------*/
		/*background: blue;*/
		position: relative;
		/*overflow: auto;			clears the float problem!!!!!*/
	}
	#content.home {
		padding: 440px 0 0px 0;	/*200px footerheight!!!!!!!!!!*/
	}
				#left {/*----------------------------------------------------*/
					/*background: blue;*/
					width: 300px;
					float: left;
					padding: 0 20px 0 0;
				}
				#center {/*----------------------------------------------------*/
					/*background: green;*/
					width: 300px;
					float: left;
					padding: 0 20px 0 0;
				}
				#right {/*----------------------------------------------------*/
					/*background: grey;*/
					width: 300px;
					float: left;
					/*float: right;
					position: absolute;
					right: 0;*/
				}
				#wide {/*----------------------------------------------------*/
					/*background: red;*/
					width: 620px;
					float: left;
				}
				
#unitmap {
	display: block;
	background: url('images/unitmap/unitmapbg.jpg') 0 0 no-repeat;/**/
		width: 940px;
		height: 423px;
	/*float: left;
	position: relative;*/
}
	#unitmapbgb {
		display: block;
		background-color: #000;
		opacity: 0;
		width: 940px;
		height: 423px;
		/*position: relative;
		float: left;
		background-color: red;*/
	}
	#unitmapbgb a {
			display: block;
			text-indent: -900em;	
			line-height: 0;
			position: absolute;/**/
			/*background: red;*/
		}
	#unit9bg {
		display: block;
		background: url('images/unitmap/unit9bg.png') 0 0 no-repeat;
		opacity: 0;
		width: 620px;
		height: 349px;
		position: absolute;
		/*background-color: red;*/
	}
	#unit10bg {
		display: block;
		background: url('images/unitmap/unit10bg.png') 0 0 no-repeat;
		opacity: 0;
		width: 620px;
		height: 349px;	
		/*background-color: red;*/
	}
		#phase2 a {
			background: url('images/unitmap/phase2.png') 0 0 no-repeat;
			width: 561px;
			height: 162px;
			top: 30px;
			left: 122px;
		}
		#unit9 a {
			background: url('images/unitmap/unit9.png') 0 0 no-repeat;
			width: 294px;
			height: 161px;
			top: 232px;
			left: 646px;
		}
		#unit10 a {
			background: url('images/unitmap/unit10.png') 0 0 no-repeat;
			width: 242px;
			height: 166px;
			top: 227px;
			left: 323px;
		}
		#unit11 a {
			background: url('images/unitmap/unit11.png') 0 0 no-repeat;
			width: 286px;
			height: 165px;
			top: 228px;
			left: 0px;
		}

		#footer {/*----------------------------------------------------*/
			/*background: #333;*/
			/*border: red solid 1px;*/
			/**/height: 100px;
			width: 940px;
			padding: 70px 0px 40px 0px;
			clear: both;
			
			/*position: absolute;
			bottom: 0;
			top: 700px;*/
		}
		
#footer p.legal {
	margin: 24px 0 0 0;
	/*clear: right;
	float: left;*/
	line-height: 0;
	
	display: block;
	background: url('images/sprite.png') -237px -191px no-repeat;
	width: 421px;
	height: 11px;	
	text-indent: -900em;	
}	

/* Lists -----------------------------------------*/

#navbar {
	/*background: red;*/
	position: absolute;
	top: 97px;
	left: 320px;
	width: 620px;
	height: 46px;
}
#navbarhome {
	position: absolute;
	top: 589px;
	left: 320px;
}
			ul.nav {
				clear: right;
				width: 620px;
				float: left;
				}
			ul.nav li {
				float: left; /*cures the diagonal in ie*/
				line-height: 0;
				}
			ul.nav li a {
				display: block;
				text-indent: -900em;
				background: url('images/sprite.png') no-repeat;
				height: 19px;
				margin-bottom: 4px;
				}
				
			ul.nav li#thearchitecture a {
				width: 157px;
				margin-right: 62px;
				background-position: -0px -202px;
				}
			ul.nav li#thearchitecture a:hover,
			ul.nav li.current#thearchitecture a {
				background-position: -0px -221px;
				}
			ul.nav li#thehomes a {
				width: 95px;
				margin-right: 123px;
				background-position: -157px -202px;
				}
			ul.nav li#thehomes a:hover,
			ul.nav li.current#thehomes a {
				background-position: -157px -221px;
				}
			ul.nav li#stagnes a {
				width: 77px;
				margin-right: 84px;
				background-position: -252px -202px;
				}
			ul.nav li#stagnes a:hover,
			ul.nav li.current#stagnes a {
				background-position: -252px -221px;
				}
			ul.nav li#aboutus a {
				width: 82px;
				margin-right: 80px;
				background-position: -329px -202px;
				}
			ul.nav li#aboutus a:hover,
			ul.nav li.current#aboutus a {
				background-position: -329px -221px;
				}
			ul.nav li#gallery a {
				width: 71px;
				margin-right: 97px;
				background-position: -534px -202px;
				}
			ul.nav li#gallery a:hover,
			ul.nav li.current#gallery a {
				background-position: -534px -221px;
				}
			ul.nav li#register a {
				width: 75px;
				margin-right: 94px;
				background-position: -459px -202px;
				}
			ul.nav li#register a:hover,
			ul.nav li.current#register a {
				background-position: -459px -221px;
				}
			ul.nav li#contact a {
				width: 72px;
				background-position: -605px -202px;
				}
			ul.nav li#contact a:hover,
			ul.nav li.current#contact a {
				background-position: -605px -221px;
				}
			ul.nav li#sales a {
				width: 48px;
				background-position: -411px -202px;
				}
			ul.nav li#sales a:hover,
			ul.nav li.current#sales a {
				background-position: -411px -221px;
				}/**/
				
				
		
		
#footernav {
	/**/background: green;
}
			#footernav ul {
				float: left;
				}
			#footernav ul li {
				float: left; /*cures the diagonal in ie*/
				}
			#footernav ul li a {
				display: block;
				text-indent: -900em;
				background: url('images/sprite.png') no-repeat;
				height: 19px;
				margin-bottom: 4px;
				margin-right: 18px;
				}
				
			#footernav ul li.thearchitecture a {
				width: 157px;
				background-position: -0px -202px;
				}
			#footernav ul li.thearchitecture a:hover {
				background-position: -0px -221px;
				}
			#footernav ul li.thehomes a {
				width: 95px;
				background-position: -157px -202px;
				}
			#footernav ul li.thehomes a:hover {
				background-position: -157px -221px;
				}
				
			#footernav ul li.stagnes a {
				width: 77px;
				background-position: -252px -202px;
				}
			#footernav ul li.stagnes a:hover {
				background-position: -252px -221px;
				}
			#footernav ul li.aboutus a {
				width: 82px;
				background-position: -329px -202px;
				}
			#footernav ul li.aboutus a:hover {
				background-position: -329px -221px;
				}
				
			#footernav ul li.sales a {
				width: 48px;
				background-position: -411px -202px;
				}
			#footernav ul li.sales a:hover {
				background-position: -411px -221px;
				}
			#footernav ul li.register a {
				width: 75px;
				background-position: -459px -202px;
				}
			#footernav ul li.register a:hover {
				background-position: -459px -221px;
				}
				
			#footernav ul li.gallery a {
				width: 71px;
				background-position: -534px -202px;
				}
			#footernav ul li.gallery a:hover {
				background-position: -534px -221px;
				}
			#footernav ul li.contact a {
				width: 72px;
				background-position: -605px -202px;
				}
			#footernav ul li.contact a:hover {
				background-position: -605px -221px;
				}
				
			ul.social {
				/*background: red;*/
				float: left;
				}
			ul.social li {
				float: left; /*cures the diagonal in ie*/
				margin: 0px 0 0 0px;
				line-height: 0;
				}
			ul.social li a {
				display: block;
				text-indent: -900em;
				width: 81px;
				height: 19px;
				background: url('images/sprite.png') no-repeat;
				}
			ul.social li.twitter a {
				margin-left: 25px;
				margin-right: 20px;
				background-position: -237px -120px;
				}
			ul.social li.twitter a:hover {
				background-position: -237px -139px;
				}
			ul.social li.facebook a {
				background-position: -318px -120px;
				}
			ul.social li.facebook a:hover {
				background-position: -318px -139px;
				}
			ul.social.content {
				/*background: red;*/
				margin: 0px 300px 30px 0;
				}
			ul.social.content li.twitter a {
				margin-left: 0px;
				}
			ul.social.content li.facebook a {
				margin-top: 10px;
				}
				
			ul.group {
				/*background: pink;*/
				padding: 25px 0 0 0px; /* 162px */
				}
			ul.group li {
				float: left; /*cures the diagonal in ie*/
				margin: 0 45px 0px 0px;
				}
			ul.group li a, ul.about li a {
				display: block;
				background: url('images/sprite.png') no-repeat;
				text-indent: -900em;
				height: 38px;
				}
			ul.group li#rockylane a {
				width: 85px;
				background-position: -0px -260px;
				}
			ul.group li#rockylane a:hover {
				background-position: -0px -298px;
				}
			ul.group li#living a {
				width: 97px;
				background-position: -85px -260px;
				}
			ul.group li#living a:hover {
				background-position: -85px -298px;
				}
			ul.group li#turkel a {
				width: 54px;
				background-position: -182px -260px;
				}
			ul.group li#turkel a:hover {
				background-position: -182px -298px;
				}
			ul.group li#point a {
				width: 72px;
				background-position: -236px -260px;
				}
			ul.group li#point a:hover {
				background-position: -236px -298px;
				}
			ul.group li#savills a {
				width: 33px;
				background-position: -308px -260px;
				}
			ul.group li#savills a:hover {
				background-position: -308px -298px;
				}
			ul.group li#nhbc a {
				width: 50px;
				background-position: -341px -260px;
				}
			ul.group li#nhbc a:hover {
				background-position: -341px -298px;
				}

/* Slideshow */

#slideshow {
	/*background: green;*/
	/*position: relative;*/
	
	width: 320px;
	margin: 0 auto;
	z-index: 0;
	
	/*max-width: 1100px;
	min-width: 980px;
	width: 100%;
	
	overflow: hidden;;*/
}
#slides {
	/**/position: absolute;
	/*display: block;
	background: url('images/homegrad.png') repeat-x;
	height: 196px;	*/
	
	/*max-width: 1100px;
	min-width: 980px;
	width: 100%;*/
}
#slides img {
	width: 320px;
	/*height: 619px;*/
	
}
#overlay {
	/*background: green;*/
	display: block;
	background: url('images/homegrad.png') repeat-x;
	width: 320px;
	/*width: 100%;
	max-width: 1100px;
	min-width: 980px;*/

	height: 196px;	
	top: 423px;
	z-index: 10;
	position: absolute;
}
#navigation {
	line-height: 0;
	
	z-index: 10;
	width: 70px;
	height: 29px;
	
	/*float: left;
	margin: 30px -4px 0 0;*/
	
	position: absolute;
	top: 30px;
	left: -4px;
}
#navigation a {
	display: block;
	width: 29px;
	height: 29px;
	text-indent: -900em;
	background: url('images/buttons.png') no-repeat;
}

#navigation a#previous {
	background-position: 0px 0;
	float: left;
}
#navigation a#previous:hover {
	background-position: 0 -29px;
}
#navigation a#previous:active {
	background-position: 0 -58px;
}

#navigation a#next {
	background-position: -41px 0;
	float: right;
}
#navigation a#next:hover {
	background-position: -41px -29px;
}
#navigation a#next:active {
	background-position: -41px -58px;
}

/* Form -----------------------------------------*/

table {
	width: 100%;
	}
table#reg {
	/*border: red 1px solid;*/
	margin: 30px 0 30px 0;
	width: 70%;
	}
table#reg td {
	padding-bottom: 8px;
	}
table#reg td.top {
	vertical-align: top;
}
table#reg input[type="text"], table#reg textarea {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #bcac48;

	background: #000;/**/
	border: #5e5726 1px solid;
	/**/padding: 2px;
	width: 100%;
	}
table#reg input[type="text"]:hover, 
table#reg input[type="text"]:focus,
table#reg textarea:hover,
table#reg textarea:focus {
	color: #bcac48;

	border: #bcac48 1px solid;
	padding: 2px;
	}
table#reg input[type="submit"] {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	/*font-weight: bold;*/
	color: #000000;			/* #000000 black */
	
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -1px;*/
	
	/*color: #bcac48;			 #bcac48 gold */
	background: #5e5726;	/* #5e5726 dark gold */
	
	/*border: none;*/
	border: #5e5726 2px solid;
	padding: 2px;
	margin: 10px 0 0 0;
	width: 100%;
	}
table#reg input[type="submit"]:hover,
table#reg input[type="submit"]:focus {
	color: #000000;
	
	border: #bcac48 2px solid;
	background: #bcac48;
	cursor: pointer;
	}
table#reg input[type="submit"]:active {
	/*color: #bcac48;*/
	
	/*background: none;*/
	cursor: pointer;
	border: #000000 2px solid;
	/*border-bottom: #5e5726 1px solid;
	border-right: #5e5726 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;*/
	}

table#reg label.error {
	font-size: 12px;
	color: red;
	}
	
	
/* Fancybox -----------------------------------------*/
div#fancy_close {
	position: absolute;
	top: 59px;
	right: 56px;
	height: 29px;
	width: 29px;
	background: url('images/buttons.png') -70px 0 no-repeat;
	cursor: pointer;
	z-index: 181;
}/**/
div#fancy_close:hover {
	background-position: -70px -29px;
}/**/
div#fancy_close:active {
	background-position: -70px -58px;
}/**/
span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/buttons.png') 0px 0 no-repeat;
}/**/
span#fancy_left_ico:hover {
	background-position: 0 -29px;
}/**/
span#fancy_left_ico:active {
	background-position: 0 -58px;
}
span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/buttons.png') -41px 0 no-repeat;
}/**/
span#fancy_right_ico:hover {
	background-position: -41px -29px;
}/**/
span#fancy_right_ico:active {
	background-position: -41px -58px;
}
a#fancy_left:hover span {
	left: 56px; 
}
a#fancy_right:hover span {
	right: 56px; 
}

div#fancy_inner {
	border: 1px solid #bcac48;
	background: #000000;
}
td#fancy_title_left {
	height: 32px;
	width: 30px;
	/*background-color: #000000;
	border-bottom: 1px solid #bcac48;
	border-left: 1px solid #bcac48;*/
}
td#fancy_title_main {
	/**/height: 32px;
	/*background-color: #000000;
	border: 1px solid #bcac48;*/
}
td#fancy_title_right {
	height: 32px;
	width: 30px;
	/*background-color: #000000;
	border-bottom: 1px solid #bcac48;
	border-right: 1px solid #bcac48;*/
}
div#fancy_title {
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
	font-weight: bold;
	font-size: 12px;
	padding: 20px 0 25px 0;/*
	border: 1px solid #bcac48;*/
}