/*

Main CSS file

When making additions to this file be sure to keep it as organized as possible.
All redefined HTML tags should go at the top, any declarations for specific areas
ie: #content should be added below the main declaration. Page specific styles can
be added to this sheet on the bottom or if the styles are extensive a new
sheet can/should be made
 
Also be sure to comment any odd/CSS hacks you use to make it easier to
change/update the file at a later date

*/
* {margin:0; padding:0;}

body{
	margin: 0;
	padding:0;
	text-align:center;

	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	}

h2{ 	color: #00480e; 
	border-bottom: solid 1px #00480e; 
	font-size:14px;
	margin: 3px 0 3px 0;
	}

img{ margin:0; border:0; padding:0; }
.accentImage{ padding:2px; border:1px solid #00480e; }


/***********************************************************************

TEMPLATE STYLES AND CONTAINER ELEMENT STYLES

***********************************************************************/

/* SITE CONTAINER */
#site{
	width:699px;
	border:2px solid #00480e;
	
	margin:0 auto;
	padding:0;
	text-align:left;
	
	overflow:hidden;
	}

/* NAV CONTAINERS */
#nav{ 
	position:relative;
	width:699px;
	height: 45px;
	margin:0;
	padding:0;
	}
#subnav{ position:relative; background-color:#00480e; height:27px; margin:0; padding:0; width: 699px;}

/* CONTENT CONTAINER */
#content{
	width:405px;
	position:relative;
	float:right;
	margin:0;
	padding: 15px 30px 30px 30px;
	
	}

#content p{ line-height:18px; font-size:12px; text-align:justify; margin-top:15px;}
#content a{ color: #000; text-decoration:none; font-weight:bold; }
#content a:hover{  background-color:#d4e4c3; color: #666;}
#content ul{ margin: 15px 0 0 20px; }
#content li{ margin: 6px 0; }

/* SIDEBAR CONTAINER */
#sidebar{
	position:relative;
	width:220px;
	margin:15px 0 15px 14px;
	padding: 0;
	float:left;
	display:inline; /* vital for correct display of float in IE */
	}
#sidebar a{ color: #000; text-decoration:none; font-weight:bold; }
#sidebar a:hover{ color: #00480e;}

/* 
SIDEBAR ELEMENT
This site uses some trickery with the sidebars in order to do a text wrap
around an image.  The rules below allow the text wrap to happen and keep
each element in their own sidebarItem div.  Sidebars that are just images 
do not need all these rules.
*/
.sidebarItem{ background:#d4e4c3; margin:0; padding:0; width:220px;}
.sidebarItem p {padding:10px 15px 15px 15px; font-size:11px;}
.imageToWrap{ right:0; top:151px; position:absolute;}
.wrapperBrick{ background-color:#d4e4c3; width:65px; height:20px; float:right;}

/* FOOTER CONTAINER */
#footer{ 
	width: 699px; 
	clear:both; 
	color: #fff;
	font-size: 10px;
	text-align:center;
	}
	
#footer a{ color: #fff; font-weight:bold; text-decoration:none;}
#footer a:hover{ text-decoration:underline; }
#footer table {width:695px; margin:0 auto; text-align:center; background-color:#a9acb3; margin-bottom:2px; }
#gamCell  { border-right:3px solid #fff; width:138px;}
#ehoCell { border-left:1px solid #fff;}

/***********************************************************************

PAGE SPECIFIC STYLES BELOW

***********************************************************************/

/* FEATURES PAGE */
.headline{ margin-top:15px;}

#plaza_features, #residences_features, #kitchens_features, #baths_features { display:none; height:550px; }
#building_features{  height:550px; }

/* FEATURES SUB NAV */
#featuresNav ul{ margin:0; padding:0; }
#featuresNav li{ list-style-type:none; float:right; margin:0; padding:0;}
#featuresNav a{ display:block; height:23px; margin:0; padding:0;}
#featuresNav a:hover{ background-position:bottom left; }

/* used for active nav button */
#featuresNav a.active{background-position:bottom left; }

#building  { background:url("/images/featuresNav_building.gif"); width:71px; }
#baths	   { background:url("/images/featuresNav_baths.gif"); width:51px; }
#kitchens  { background:url("/images/featuresNav_kitchens.gif"); width:68px; }
#residences{ background:url("/images/featuresNav_residences.gif"); width:74px; }
#plaza	   { background:url("/images/featuresNav_plaza.gif"); width:72px; }


/*SITEPLAN PAGE */
a#boxButton	 { border:1px solid #00480e; display:block;  }
a#boxButton:hover{ border:1px solid #6c9d31; background:transparent; }


/* FAQ PAGE */
.faq{ padding:20px; background-color:#d4e4c3}

/*DOWNLOADS PAGE*/

#dlTable{ width:400px; }
#dlTable td{padding: 3px; }

/* CONTACT US PAGE (FORM) */
#contactform table {
		
}