@import url("../css/navmenu2.css");

/* Globals
--------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body {
	margin: 0;
	background: #CCC6AB;
	font: 12px/1 Georgia, Times, "Times New Roman", serif;
	color: #584B29;
	margin: 25px 0;
}
hr { display: none; }
a {	
	color: #356BA9;
	text-decoration: none;
}
a:hover {
	color: #A1BCDB;
	text-decoration: underline;
}
a img { border: none;}
.hide { visibility: hidden; }
.show { visibility: visible; }


/* Layout
--------------------------------------------------------------------------------------------------- */
#wrapper { 	
	text-align: center;
	background: #CCC6AB;
	position:absolute;
	width: 900px;
	height: 580px; 
	margin:-290px 0px 0px -450px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
}
#header {
	height: 110px;
	text-indent: -9999px;
	background: url(../gfx/header.gif) repeat-x 0 0;	
}
#contentarea {
	background: #fff;
	height: 386px;
	padding: 0 0 0 42px;
}
#primary {
	float: left;
	width: 442px;
	padding: 32px 0 0 0;
}
body#floorplans #contentarea,
body#floorplans #primary,
body#construction_updates #contentarea,
body#construction_updates #primary {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 386px;
	float: none;
}
#secondary {
	float: right;
	width: 380px;
	padding: 32px 0 0 0;
}
#navigation {
	height: 84px;
	position: absolute;
	width: 681px;
	bottom: 0;
	left: 35px;
}
#footer  {
	clear: both;
	height: 84px;
	padding: 0 35px 0 0;
	background: url(../gfx/footer.gif) repeat-x 0 0;
}
#logo a {
	display: block;
	height: 110px;
	width: 100%;
	background: url(../gfx/logo.gif) no-repeat 50% 50%;
}
#developer {
	float: right;
	width: 150px;
	text-align: right;
}

/* Pages
--------------------------------------------------------------------------------------------------- */

/* --- Home --- */
body#home #secondary p {
	display: block;
	width: 286px;
	height: 162px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	background: url(../gfx/txt_home.gif) no-repeat 0 20px;
}
body#home #secondary .location_map {
	padding: 0 0 21px;
}
#btn_register a {
	width: 225px;
	height: 35px;
	background: url(../gfx/btn_register.gif) no-repeat 0 0;
	display: block;
	text-indent: -999em;
}
#btn_register a:hover {
	background-position: 0 -35px;
}

/* --- Developer --- */
body#developer #primary {
	width: 508px
}
body#developer #secondary {
	width: 321px;
	height: 309px;
	position: relative;
}
body#developer #secondary p {
	display: block;
	width: 321px;
	height: 309px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	background: url(../gfx/txt_builder.gif) no-repeat 0 0;
}
#projectlist li {
	list-style: none;
	position: absolute;
}
#projectlist li a {
	display: block;
	height: 15px;
	width: 80px;
	text-indent: -999em;
	border-bottom: 1px solid #999;
}
#projectlist li a:hover {
	border-bottom: 1px solid #356BA9;
}
#projectlist li#silver {
	bottom: 60px;
	left: 140px;
}
#projectlist li#silver a {
	width: 40px;
}
#projectlist li#maison {
	bottom: 60px;
	left: 210px;
}
#projectlist li#maison a {
	width: 45px;
}
#projectlist li#madisongardens {
	bottom: 30px;
	left: 104px;
}
#projectlist li#madisongardens a {
	width: 111px;
}
#projectlist li#twenty {
	bottom: 30px;
	left: 224px;
}
#projectlist li#twenty a {
	width: 45px;
}
#projectlist li#altura {
	bottom: 2px;
	left: 2px;
}
#projectlist li#altura a {
	width: 40px;
}
#projectlist li#redbrickheights {
	bottom: 2px;
	left: 75px;
}
#projectlist li#redbrickheights a {
	width: 112px;
}

/* --- Features --- */
body#features #primary {
	width: 846px;
	padding: 20px 0 0 0;
	float: none;
}
body#features #secondary {
	width: auto;
	float: none;
}
body#features #primary p {
	display: block;
	width: 846px;
	height: 359px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	background: url(../gfx/txt_features.gif) no-repeat 0 0;
}
body#features #contentarea {
	padding: 0 0 0 32px;
	position: relative;
}
body#features #btn_download {
	position: absolute;
	bottom: 27px;
	left: 36px;
}
body#features #btn_download a {
	display: block;
	width: 127px;
	height: 25px;
	background: url(../gfx/btn_download.gif) no-repeat 0 0;
	text-indent: -999em;
}
body#features #btn_download a:hover {
	background-position: 0 -25px;
}

/* --- Contact --- */
body#contact #secondary p a {
	display: block;
	width: 286px;
	height: 132px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	background: url(../gfx/txt_contact.gif) no-repeat 0 0;
}
body#contact #secondary p a:hover {
	background-position: 0 0;
}
body#contact #secondary .location_map {
	padding: 15px 0 36px;
}

body#location #secondary p {
	display: block;
	width: 276px;
	height: 340px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	background: url(../gfx/txt_location.gif) no-repeat 0 10px;
}
body#location .map {
	position: absolute;
	top: 110px;
	left: 0;
}

/* Helper Classes
--------------------------------------------------------------------------------------------------- */

.center { text-align: center; }
.right { text-align: right; }
.more { text-align: right; }

.clearfix:after,
.field:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .field {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, *html .field {height: 1%;}
.clearfix, .field {display: block;}
/* End hide from IE-mac */