html {
	height:101%;
	background-color: #DDB306;
}


body {
		margin:0 auto;
		text-align:center;
		height:100%;
		font-size: 100%;
		background-color: #DDB306;
		background-attachment: scroll;/* fixes MAC - border shows about 15px*/
												/* of backgroundimage below last div*/
												/* if window is larger than content also*/
												/*place background-color in html above*/
												/*-fix by http://www.zeldman.com/press/discuss_css.html*/
	}
h1, h2, h3, h4 {
	font: 100%/100% "Lucida Grande", Verdana, Arial,sans-serif;
}
h1 {
	font:1.0em "Lucida Grande", "Lucida Sans", Verdana, Arial,sans-serif;
	margin:0;
	padding: 0px 0px 5px 0px;
	font-weight:bold;
}
	
h2 {
	font:0.9em "Lucida Grande", "Lucida Sans", Verdana, Arial,sans-serif;
	margin:0;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

h3 {
	font:0.9em "Lucida Grande", "Lucida Sans", Verdana, Arial,sans-serif;
	margin:0;
	padding:10px 0px 3px 0px;
	color: #70A82D;
	font-weight:bold;
}

h4 {
	font-size: .8em;
	margin:0;
	padding:0px 0px 0px 0px;
	color: #000000; 
}

p, ol, ul, table, dl {
	font:normal .75em/150% "Lucida Grande", "Lucida Sans", Verdana, Arial,sans-serif;
	margin:0;
	padding:0 0 10px 0;
}
a, a:visited {
	text-decoration: none;
	font-weight:bold;
	color:#666666;
}
  
a:hover {
  color:#666666;
  text-decoration: underline;
  }

dl {
	margin:0;
	padding:0 0 5px 10px;
}

dd {	
	margin:0 0 5px 0px;
	padding:0;
}
dt {
	font-weight:bold;
}

ol {
	margin: 0px;
	padding: 0px 0px 10px 25px;
}

ol li {
	margin: 0px;
	padding:0px 0px 5px 0px;
}

ul {
	margin:0px;
	padding: 0px 0px 0px 0px;
}
ul li {
	margin:0px;
	padding: 5px 0px 0px 0px;

}
th {
	font-weight:bold;
	background-color: #70A82D;
	color: #ffffff;
	padding:2px;
	margin:0;
}

label
{font-weight:bold;}
td {
	padding: 3px 0px;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

#wrapper {
	width: 772px;
	min-height: 100%;
	text-align: left;
	background: #DDB306 url(/images/page_bg.gif) repeat-y 50% 0;
	margin: 0px auto;
	border-bottom: 1px solid #DDB306;
	}

#header  {
	width: 752px;
	height: 104px;
	margin: 0px auto;
	background: url(/images/logo_hdr.jpg) no-repeat 0 0;
	}
	#logolink {
		float: left;
		height: 50px;
		width: 255px;
		margin: 0px;
		cursor: pointer; background:transparent; z-index: 1;
		position:relative; top: 50px; left: 15px;
	}
	
	#maglink {
		float: left;
		height: 100px;
		width: 325px;
		margin: 0px;
		cursor: pointer; background:transparent; z-index: 1;
		position:relative; top: 30px; left: 150px;
	}
	#header h1 {
		display: none;
	}

#infoHeader {
	width: 752px;
	height: 62px;
	margin: 0px auto;
	background: url(/images/info_hdr.jpg) no-repeat 0 0;
	}
	#infoHeader p {
		color: #FFFFFF;
		padding: 0px 5px 0px 0px;
		margin: 0px;
		position: relative;
		top: 40px;
		text-align: right;
	}

#content {
	width: 752px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#leftCell {
	width: 174px;
	text-align: left;
	float: left;
}

/* Navigation */
#mainNav {    /* the top nav  */	
	margin: 0px;
	padding: 0px;
	}
	#mainNav ul {
		margin: 15px 0px 0px 10px;;
		list-style: none;
	}
	#mainNav ul li {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		font-size: 1.3em;
	}
	#mainNav li a {
		color:#689B3E;
		text-decoration:none;
		padding:0px 0px 0px 18px;
		margin:0px;
		background: url(/images/nav_bullet.gif) no-repeat 0 0.35em;
		}
	#mainNav li a:hover {
		color:#DDB306;
		text-decoration:none;
		}
	#mainNav ul li ul.sub {
		padding: 3px 0px 0px 1px;
		margin: 0px;
	}
	#mainNav ul li ul.sub li {
		padding: 0px 0px 2px 18px;
	}
	#mainNav ul li ul.sub li a.normal {
		font-size: 0.8em;
		font-weight: normal;
		padding: 0px;
		background: none;
		color: #666666;
	}
	#mainNav ul li ul.sub li a.normal:hover {
		color: #000000;
	}
		
#secondaryNav {
	margin: 0px;
	padding: 0px;
	}
	#secondaryNav ul {
		margin: 10px 0px 0px 27px;
		list-style: none;
	}
	#secondaryNav ul li {
		padding: 5px 0px 5px 0px;
		border-top: 1px dashed #D9D9D9;
	}
	#secondaryNav ul li a {
		color: #000000;
		text-decoration: none;
	}
	#secondaryNav ul li a:hover {
		color: #979797;
		text-decoration: none;
	}
	#secondaryNav ul li.last {border-bottom: 1px dashed #D9D9D9;}

#rightCellHome {
	width: 578px;
	height: 402px;
	margin-top: -2px;
	margin-bottom: 3px;
	background: url(/images/home_pic.jpg) no-repeat 0 0;
	text-align: left;
	float: left;
}
.flash {
	margin: 0px 2px 2px 0px;
}

#rightCellTownhomes {
	width: 578px;
	background: url(/images/townhomes_bg.jpg) no-repeat 0 0;
	float: left;	
	}
	
#rightCellTownhomes_pricing {
	width: 578px;
	background: url(/images/townhomes_price_bg.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellTownhomes_floorplans {
	width: 578px;
	background: url(/images/townhomes_floor_bg.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellLofts {
	width: 578px;
	background: url(/images/lofts_bg_sold_out.jpg) no-repeat 0 0;
	float: left;
	}
	
#rightCellLofts_pricing {
	width: 578px;
	background: url(/images/lofts_price_bg_sold_out.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellLofts_floorplans {
	width: 578px;
	background: url(/images/lofts_floor_bg_sold_out.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellFlats {
	width: 578px;
	background: url(/images/mansionflats_bg_sold_out.jpg) no-repeat 0 0;
	float: left;
	}
	
#rightCellFlats_pricing {
	width: 578px;
	background: url(/images/mansionflats_price_bg_sold_out.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellFlats_floorplans {
	width: 578px;
	background: url(/images/mansionflats_floor_bg_sold_out.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellRetail {
	width: 578px;
	background: url(/images/retail_bg.jpg) no-repeat 0 0;
	float: left;
	}

#rightCellRetail_locator {
	width: 578px;
	background: url(/images/retail_bg.jpg) no-repeat 0 0;
	float: left;
	}
	
#rightCellRetail_floor {
	width: 578px;
	background: url(/images/retail_floor_bg.jpg) no-repeat 0 0;
	float: left;
	}
	
#genericPage {
	width: 558px;
	float: left;
	}
	#genericPage ul {
	
		padding: 0px 0px 10px 15px;
	}
	#genericPage a, a:visited {
		color:#70A82D;
	}
	
	#genericPage p, #genericPage h1, #genericPage h2, #genericPage h3, #genericPage dl, #genericPage form {
		padding-left: 20px;
	}
	#genericPage ul, #genericPage ol {
		padding-left: 35px;
	}
	#genericPage .header {
		padding: 0px 0px 15px 0px;
	}

#backPagesFull {
	width: 565px;
	margin-top: 310px;
	float: left;
	}
	#backPagesFull .padding, #backPagesFullRetail .padding {
		padding: 0px 20px 15px 20px;
	}
	#backPagesFull ul, #backPagesFull ol {
		padding-left: 15px;
	}
	
	#backPagesFull a, a:visited {
		color:#70A82D;
	}
	#backPagesFullRetail {
		width: 565px;
		margin-top: 250px;
		float: left;
	}
	#backPagesFullTownhomes {
		width: 565px;
		margin-top: 340px;
		float: left;
		}
		#backPagesFullTownhomes .padding {
			padding: 0px 20px 15px 20px;
		}
		#backPagesFullTownhomes ul {
			padding: 0 0 0 20px;
		}
		

#backPagesMain {
	width: 356px;
	margin-top: 335px;
	float: left;
	}
	#backPagesMain .padding, #backPagesMainRetail .padding {
		padding: 0px 20px 15px 20px;
	}
	#backPagesMain ul {
		padding: 0px 0px 10px 15px;
	}
	#backPagesMainRetail {
		width: 550px;
		margin-top: 250px;
		float: left;
	}
	
#backPagesMainRetail_floor {
	width: 550px;
	margin: 10px 0 0 30px;
}
#backPagesMainRetail_floor .bullets {
	margin-top: 215px;
}
#shops {float: left; width: 290px;}
#shops h2 {margin-bottom: 4px;}
#shops p {margin-bottom: 10px;}

#backPagesMainLofts {
	width: 356px;
	margin-top: 310px;
	float: left;
	}
	#backPagesMainLofts .padding {
		padding: 0px 20px 15px 20px;
	}
	#backPagesMainLofts ul {
		padding: 0px 0px 10px 15px;
	}
	
#backPagesFullLofts {
	width: 550px;
	margin-top: 310px;
	float: left;
	}
	#backPagesFullLofts .padding {
		padding: 0px 20px 15px 20px;
	}
	#backPagesFullLofts ul, #backPagesFull ol {
		padding-left: 15px;
	}

	#backPagesFullLofts a, a:visited {
		color:#70A82D;
	}
	

#backPagesPics {
	width: 208px;
	margin-top: 340px;
	text-align: center;
	float: left;
	}
	#backPagesPics .mid {
		background: url(/images/photo_box_mid.gif) repeat-y 0 0;
		padding: 0px;
	}
	#backPagesPics .bottom {
		height: 15px;
		background: url(/images/photo_box_bottom.gif) no-repeat 0 0;
	}
	#backPagesPics img {
		padding: 2px;
		margin: 0px 6px;
		border: 1px solid #B3B3B3;
	}
#backPagesPicsRetail {
	width: 208px;
	margin: 50px 0 20px 0;
	text-align: center;
	float: left;
}
#townhomesBoxTop {
	height: 20px;
	background: url(/images/townhomes_photos.gif) no-repeat 0 0;
}
#loftsBoxTop {
	height: 20px;
	background: url(/images/loft_photos.gif) no-repeat 0 0;
}
#flatsBoxTop {
	height: 20px;
	background: url(/images/mansionflat_photos.gif) no-repeat 0 0;
}

#footer {
	width: 752px;
	margin: 0px auto;
	color: #999999;
	text-align: left;
	}
	#footer .padding {
		padding: 15px 0px 15px 174px;
	}
	#footer p {
		font-size: 0.6em;
	}
	#footer p.footer_info {font-size: 12px; color: #FFF; line-height: 130%;}
	#footer a {
		color: #999999;
		font-weight: normal;
	}
	#footer ul {
		list-style: none;
		padding: 0px;
	}
	#footer ul li {
		display: inline;
	}
	#footer ul li a {
		color: #FFFFFF;
		text-decoration: none;
		border-right: 1px solid #FFFFFF;
		padding: 0px 5px 0px 3px;
		margin: 0px;
		font-size: 10px;
	}
	#footer ul li a:hover {
		text-decoration: underline;
	}
	#footer ul li a.last {border: none;}
	
	 /* for Skip navigation at bottom of page*/	

.clear{ clear: both; }	

.hide {   
	height: 0px;
	width: 0px;
	visibility: hidden;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
.photogallery
{background-color:#FFF;
width:450px;
padding:5px;
margin:0px;
}
.paddingRight
{padding-right: 155px;
}

.sold
{color:#CC0000;
font-weight:bold;}

.event_pictures {
	width: 440px;
	margin: 0 auto;
	}
	.event_pictures img {
		margin: 5px;
	}
	
.retailpic {
	margin-top: -50px;
}

.contact_info {float: left;}
.staff_photo {float: left; margin: 0 15px;}
.staff_photo p {text-align: center; font-size: 12px;}

.testimonial {padding: 0; margin: 0 0 20px 0; float: left;}
.floated_pic {float: left; margin: 0 12px 10px 0;}