body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

a:active {
  outline: none;
}

p { font-size: 12px;}

a, a:visited { color: #fff; }
a:hover { color: #dac67f; }

hr { border: 0; height: 2px; background-color: #fff; }

sup { font-size: 11px; }

h2 {
	font-size: 18px;
	line-height: 18px;
	display: block;
	padding: 5px;
	margin: 0;
	text-align: center;
}

h3 {
	font-size: 14px;
	color: #dac67f;
	line-height: 14px;
	display: block;
	padding: 0;
	margin: 0;
}

div.footnote {
	font-size: 10px;
	margin: 15px 0 15px 0;
}

div.footnote p { font-size: 10px; }
div.footnote p.big { font-size: 13px; }

div.phases {
	padding: 10px 0 10px 0;
}

div.lotsize {
	background-color: #14356c;
	padding: 10px 5px 10px 5px;
	font-weight: bold;
}

div.specials div.title {
	border: solid 1px #fff;
	font-size: 15px;
	padding: 15px;
}

.models {
	width: 100%;
	margin: 0 0 10px 0;
}

.lots {
	width:350px;
	margin: 0 0 10px 0;
}

.models td.title {
	text-align: center;
	background-color: #01112b;
}

.lots td.title {
	text-align: left;
	background-color: #01112b;
}

.elevations { /* width for elevations table */
	width: 643px;
	padding: 10px 0 0 0;
}

.elevations td { /* widths for elevations cells */
	vertical-align: top;
	width: 240px;
	padding: 5px;
	margin: 0;
}

.elevations div.left {
	float: left;
}

.elevations div.right {
	float: right;
}

.elevations .footage {
	font-size: 11px;
}

.elevations .price {
	font-size: 14px;
}

.elevations a.rendering {
	display: block;
	clear: both;
	width: 240px;
	height: 159px;
	padding: 5px 0 0 0;
}

.elevations a.floorplan {
	font-size: 12px;
	text-align: center;
	display: block;
	padding: 5px 0 5px 0;
}

.elevations a.floorplan:hover {
	background-color: #dac67f;
	color: #000;
}

/*===========================================*/
/* SIDE MENU */
/*===========================================*/

#sidenav {
	width: 188px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidenav li a {
	display: block;
	height: 27px;
	text-indent: -4000px;
}

#sidenav a.about						{ background:url(../images/menu_about_off.jpg) }
#sidenav a.current						{ background:url(../images/menu_current_off.jpg) }
#sidenav a.future						{ background:url(../images/menu_future_off.jpg) }
#sidenav a.past							{ background:url(../images/menu_past_off.jpg) }
#sidenav a.decor						{ background:url(../images/menu_decor_off.jpg) }
#sidenav a.contact						{ background:url(../images/menu_contact_off.jpg) }
#sidenav a.commercial					{ background:url(../images/menu_commercial_off.jpg) }

#sidenav a:hover.about,
body.about #sidenav a.about				{ background:url(../images/menu_about_on.jpg) }
#sidenav a:hover.current, 
body.current #sidenav a.current			{ background:url(../images/menu_current_on.jpg) }
#sidenav a:hover.future,
body.future #sidenav a.future			{ background:url(../images/menu_future_on.jpg) }
#sidenav a:hover.past, 
body.past #sidenav a.past				{ background:url(../images/menu_past_on.jpg) }
#sidenav a:hover.decor, 
body.decor #sidenav a.decor				{ background:url(../images/menu_decor_on.jpg) }
#sidenav a:hover.contact, 
body.contact #sidenav a.contact			{ background:url(../images/menu_contact_on.jpg) }
#sidenav a:hover.commercial, 
body.commercial #sidenav a.commercial	{ background:url(../images/menu_commercial_on.jpg) }

/*===========================================*/
/* INDEX MENU */
/*===========================================*/

#indexnav {
	width: 239px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#indexnav li a {
	display: block;
	height: 27px;
	text-indent: -4000px;
}

#indexnav a.about					{ background:url(../images/menu_index_about_off.jpg) }
#indexnav a.current					{ background:url(../images/menu_index_current_off.jpg) }
#indexnav a.future					{ background:url(../images/menu_index_future_off.jpg) }
#indexnav a.past					{ background:url(../images/menu_index_past_off.jpg) }
#indexnav a.decor					{ background:url(../images/menu_index_decor_off.jpg) }
#indexnav a.contact					{ background:url(../images/menu_index_contact_off.jpg) }

#indexnav a:hover.about				{ background:url(../images/menu_index_about_on.jpg) }
#indexnav a:hover.current			{ background:url(../images/menu_index_current_on.jpg) }
#indexnav a:hover.future			{ background:url(../images/menu_index_future_on.jpg) }
#indexnav a:hover.past				{ background:url(../images/menu_index_past_on.jpg) }
#indexnav a:hover.decor				{ background:url(../images/menu_index_decor_on.jpg) }
#indexnav a:hover.contact			{ background:url(../images/menu_index_contact_on.jpg) }