html, body {
	height: 100%;
	margin: 0;
	}

html, td {
	font-family : Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size : 12px;
}	
	
img {
	border : none;
}

a {
	color : #589252;
}
	
#siteWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; 
/*	margin: 0 auto -415px; */ /* picnic */
	width : 100%;
	text-align : center;
}

#footer, .push {
	height: 180px; 
/*	height: 415px;  */ /*picnic */
}

#footer {
	background : #A2C7AA;
}

#header {
	background : #313131;
	height : 86px;
	width : 100%;
	position : relative;
	z-index : 1000;
}

#headerShadow {
	height : 8px;
	background : url(/images/layout/header_shadow.png) repeat-x top left;
	width : 100%;
	z-index : 1000;
}

#headerContent {
	width : 970px;
	text-align : left;
	position : relative;
}

#logo {
	position : absolute;
	top : 27px;
	left : 0px;
}

#headerGrass {
	position : absolute;
	top : 0px;
	left : 212px;
}

#nav {
	position : absolute;
	top : 40px;
	right : 0px;
}

.navSep {
	margin : 0px 20px;
}

#subnav {
	height : 50px;
	margin-bottom : 10px;
	line-height : 50px;
}

#subnav a {
	margin : 0px 10px;
	line-height : 50px;
}

#siteContent {
	width : 970px;
	padding-bottom : 20px;
	text-align : left;
	color : #818181;
	font-size : 13px;
	line-height : 1.5em;
	overflow : auto;
}

#footerContent {
	width : 970px;
}

.footerCol {
	font-family : georgia, times new roman, serif;
	width : 280px;
	float : left;
	height : 160px;
	margin-top : 20px;
	text-align : left;
	color : #535A55;
	overflow : hidden;
	line-height : 1.6em;
}

.footerCol a {
	text-decoration : none;
	color : #333333;
}

#footer h1 {
	font-family : georgia, times new roman, serif;
	margin : 0px;
	font-size : 14px;
	text-transform : uppercase;
}

#footer h2 {
	font-size : 10px;
	margin : 0px;
	margin-bottom : 5px;
	font-syle : italic;
}

#footerNav {
	clear : both;
	font-size : 10px;
}

#footerNav a {
	text-decoration : underline;
}

#footerEmail {
	margin : 3px 0px;
}

.footerHr {
	border-top : 1px solid #B8D4BE;
	border-bottom : 1px solid #93B59B;
	margin : 5px 0px;
}

.footerBlog {
	margin-bottom : 10px;
}

.footerBlogDate {
	color : #727272;
	font-family : Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-transform : uppercase;
	font-size : 10px;
}

.leftCol {
	float : left;
	width : 438px;
}

.rightCol {
	float : right;
	width : 460px;
	position : relative;
}

.clear {
	clear : both;
}


#siteContent h1, #siteContent h1 a {
	color : #CD8119;
	font-size : 22px;
	margin : 0px;
	margin-bottom : 10px;
	font-family : arial, helvetica, sans-serif;
	text-decoration : none;
}

#siteContent h1 a:hover {
	text-decoration : underline;
}

#siteContent h2 {
	text-transform : uppercase;
	color : #529291;
	font-family :  arial, helvetica, sans-serif;
	font-size : 16px;
	margin : 10px 0px;
	line-height : 1.5em;
}

#siteContent h3 {
	color : #CD8119;
	font-family :  arial, helvetica, sans-serif;
	font-size : 16px;
	margin : 10px 0px;
	line-height : 1.5em;
}


#siteContent h4 {
	color : #529291;
	font-family :  arial, helvetica, sans-serif;
	font-size : 12px;
	margin : 0px;
}

#siteContent h5 {
	color : #5C5C5C;
	font-family :  arial, helvetica, sans-serif;
	font-size : 12px;
	margin : 0px;
	text-transform : uppercase;
	letter-spacing : 1px;
}

#siteContent .styleHighlights h5 {
	border-bottom : 1px solid #DCDBD4;
	margin-bottom : 3px;
	padding-bottom : 3px;
}


blockquote {
	border : 1px dotted #BACDBA;
	border-left : none;
	border-right : none;
	margin : 20px 0px;
	padding : 10px 0px;
	color : #529291;
	font-size : 14px;
	width : 100%;
	overflow : hidden;
	font-weight : bold;
}

blockquote img {
	float : left;
	margin-right : 15px;
}

.illustrationCallout {
	width : 150px;
	position : absolute;
	right : 0px;
	top : 60px;
	color : #589252;
	font-size : 11px;
	line-height : 1.3em;
}

.illustrationCallout h5 {
	color : #CD8119;
	margin : 0px;
	margin-bottom : 5px;
	font-size : 12px;
}

.photoBorder {
	border : 2px solid #529291;
}

.photoBorderSel {
	border : 2px solid #CD8119;
}

#renderingThumbs a {
	outline : none;
}

.dotted {
	border-top : 1px dotted #BACDBA;
}

.green {
	color : #589252
}

.bluegreen {
	color : #529291;
}

.quote {
	color : #CD8119;
	font-size : 15px;
}

.teaser {
	color : #529291;
	line-height : 1.2em;
	font-size : 12px;
}

.teaser img {
	float : left;
	margin-right : 20px;
	overflow : auto;
}

#siteContent .teaser h3 {
	margin : 0px;
}

#siteContent .styles h3 {
	margin : 0px;
	margin-top : 5px;
}

#siteContent .styles {
	font-size : 12px;
	line-height : 1.3em;
}

#siteContent .styles a {
	font-weight : bold;
}

.styles .style {
	padding-top : 12px;
	padding-bottom : 0px;
}



#residencesNav {
	height : 47px;
	margin-bottom : 20px;
	width : 970px;
}

#residencesNav a {
	display : block;
	float : left;
	margin-right : 2px;
}

.boxTeaser {
	font-family : georgia, times new roman, serif;
	border : 7px solid #7F7F7F;
	background : #3D3B3B;
	width : 445px;
	height : 125px;
	color : #fff;
	text-align : center;
}

.boxTeaserPadding {
	padding : 18px;
}

#siteContent .boxTeaser h1 {
	text-transform : uppercase;
	font-size : 16px;
	font-family : georgia, times new roman, serif;
	margin-bottom : 5px;
}

#homeStyleOverlay {
	background : url(/images/overlay_bg.png); 
	position : absolute; 
	top : 17px; 
	left : 0px; 
	padding : 10px;
	font-size : 16px;
	font-family : georgia, times new roman, serif;
	color : #fff;
}

#homeStyleOverlay div {
	font-size : 20px;
}

.styleHomeOverlay {
	font-size : 11px;
}

.styleHeadline {
	padding-bottom : 5px;
	border-bottom : 3px double #B2B2B2;
}

.styleHighlights {
	background : #F5F4EC;
	padding : 10px;
	margin-top : 20px;
}

.styleSchedule {
	background : #2D2D2D;
	text-align : center;
	padding : 10px;
	margin-top : 10px;
}

.styleScheduleHeadline {
	font-size : 20px;
	color : #68B7C4;
	font-family : georgia, times new roman, serif;
	margin-bottom : 3px;
}

.styleScheduleContent {
	color : #bbb;
	text-transform : uppercase;
}

.styleScheduleNumber {
	color : #fff;
	font-family : georgia, times new roman, serif;
}

.floorplans td {
	line-height : 25px;
}

.hr {
	border-top : 1px solid #D5D5D5;
	border-bottom : 1px solid #F1F1F1;
	margin : 20px 0px;
}

.mapBorder, .galleryBorder {
	padding : 10px;
	border : 1px solid #E7E7E7;
}

.conservations {
	border-top : none;
	text-align : center;
}

.conservationsHeadline {
	font-size : 16px;
	color : #68B7C4;
	font-family : georgia, times new roman, serif;
	margin-bottom : 3px;
}

.conservationsContent {
	color : #68B7C4;
	text-transform : uppercase;
}

.conservationsNumber {
	color : #000;
	font-family : georgia, times new roman, serif;
}

.detailDot {
	position : absolute;
	outline : none;
}

#styleCallouts {
	width : 539px; 
	height : 349px; 
	position : relative;
}

#styleCallouts .popup {
	position : absolute;
	top : 130px;
	left : 100px;
	height : 110px;
	width : 345px;
	background : url(/images/overlay_bg.png);
	display : none;
	color : #fff;
	z-index : 500;
}

#styleCallouts .popupPadding {
	padding : 10px;
}

#styleCallouts .popup h3 {
	color : #fff;
	border-bottom : 1px solid #707070;
	margin : 4px 0px;
}

#styleCallouts .popupPhoto {
	float : left;
	margin-right : 10px;
	border : 1px solid #707070;
}

#styleCallouts .popupPhoto img {
	border : 3px solid #000;
}

.galleryHeight {
	height : 277px;
}

.conservationsHeight {
	height : 66px;
}

#styleFooter {
	background : #E6E4DA;
	overflow : hidden;
	margin-top : 20px;
	color : #2D2D2D;
}

#styleFooter a {
	text-decoration : none;
}

#styleFooterBack {
	float : left;
	background : #C7C5B4;
	padding : 5px 30px;
}

#styleFooterBack a {
	color : #2D2D2D;
	font-family : georgia, times new roman, serif;
}

#styleFooter i {
	font-family : georgia, times new roman, serif;
}

#styleFooterRight {
	float : left;
	padding : 5px 20px;
}

#styleFooterRight a {
	padding : 5px 20px;
	color : #637E69;
	text-transform : uppercase;
	font-weight : bold;
}

#photoHolder {
	position : relative;
	width : 350px;
	height : 197px;
}

#photoHolder img {
	position : absolute;
	top : 0px;
	left : 0px;
}


#mapHolder {
	position : relative;
	width : 519px;
	height : 364px;
}

#mapHolder img {
	position : absolute;
	top : 0px;
	left : 0px;
}

.mapLinks a {
	outline : none;
}
.mapLinks a.selected {
	color : #5C5C5C;
	text-decoration : none;
}