@charset "utf-8";
/* CSS Document */


/* -------------------------------- DEFAULTS -------------------------------------- */


body { 
		
	margin:0;
	background: #999966 url('/images/bkg_body.gif') repeat-x;
	font: 12px "Lucida Grande", "trebuchet ms", Arial, Helvetica, Verdana, sans-serif;
	color: black;
}

ul, ol, li, dl, dt, dd { padding: 0; margin: 0 }
li { list-style-type: none; line-height: 1.5em; }

ul, ol { padding: 0 0 18px 2.3em }
dl { padding: 0 0 18px 1.0em }

li, dd { padding-bottom: 7px }
dd { padding-left: 15px }

ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }

p { margin:0 0 15px 0 }
p.quote { font-style: italic; line-height: 1.8em; margin-bottom: 5px }

h1 { margin:0 0 20px 0; font-size:20px }
h2 { margin:0 0 15px 0; font-size:18px }
h3 { margin:0 0 15px 0; font-size:15px }
h4 { margin:0 0 1px 0; font-size:13px }
h5 { margin:0 0 1px 0; font-size:11px }

h1, h2, h3, h4 { color: #660000; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 12px; }

a { color: #333300 }
a:hover { color: #666633 }
a img { border: 0px }
a.button { padding: 5px; border: 1px solid #857D6E; background-color: #4C4229; color: white; text-decoration: none; }
a.button:hover { background-color: #857D6E; color: white; }

b, strong { color: black }

.lg { font-size: 125%;}
.md { font-size: 115%;}
.sm { font-size: 90%;}
.xsm { font-size: 80%;}

.rt { float: right; margin: 0 0 1.0em 1.2em }
.lt { float: left; margin: 0 1.2em 1.0em 0 }
.cb { clear: both }

.p { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }
.on { font-weight: bold; }

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color:#FF6 }
.padded { padding: 5px }

.copy { padding:20px; }

.notice { border: 1px solid #999; background-color:#FF6; padding: 5px } /* Yellow*/
.error { border: 1px solid #999; background-color:#F66; padding: 5px } /* Red */

div.error { margin-bottom: 15px }


/* ------------------------------------------------- page -------------------------------------------------------------*/


#page {
	
	margin-top:72px;
	border-top:1px solid white; 
	padding-left:40px; 
	background:#999966 url('/images/bkg_page.jpg') repeat-y; 
}

/* ----------------------------------------------- content ------------------------------------------------------------*/


#content { width:952px; background: white url('/images/bkg_content.gif'); }
#page.greenBuilding #content { background: #2F291A; }


/* ------------------------------------------------- Main Nav ---------------------------------------------------------*/


#nav { 
	
	width: 230px;
	position: absolute;
	margin:-74px 0 0 0;
}

#nav ul { padding: 0; margin: 0 0 5px 0; background: transparent url('/images/bkg_leaves.jpg') 0 -74px; }

#nav ul li { 
	
	width:100%; 
	float:left;
	padding: 0;
	margin: 0;
	list-style-type:none; 
	line-height: normal; 
	border-bottom: 1px solid white;
}

#nav ul li a { 
	
	width:217px;
	float:left;
	padding: 7px 0 7px 13px;
	text-decoration: none;
	background: transparent url('/images/bkg_nav.png') no-repeat 0 0;
	font-size: 13px;
	color: white;
}

#nav ul li a:hover, 
#nav ul li a.on { background-position: 0 -50px; }


/* Main Nav Sub Menus */

#nav ul li ul { border:0; padding-bottom:0; display:none; }

#nav ul li ul li { border-bottom: 0; line-height: normal; }

#nav ul li ul li a { 
	
	width:204px; 
	padding: 5px 0 5px 26px; 
	font-size: 12px;
	background-position: 0 -200px;
}

/*#page.find-your-home #content #nav ul li a.find-your-home, 
#page.marnella-advantage #content #nav ul li a.marnella-advantage, 
#page.homeowners #content #nav ul li a.homeowners, 
#page.about #content #nav ul li a.about { background-position: 0 -50px; }*/

#page.find-your-home #content #nav ul li ul.find-your-home, 
#page.marnella-advantage #content #nav ul li ul.marnella-advantage, 
#page.homeowners #content #nav ul li ul.homeowners, 
#page.about #content #nav ul li ul.about, #page.financing #content #nav ul li ul.finance { display: block; }

#nav ul li ul li a:hover, 
#nav ul li ul li a.on { background-position: 0 -150px; }


/* -------------------------------------------------- text-----------------------------------------------------------*/


#text { 
	
	float: right;
	width: 720px;
	border-right: 1px solid white;
}

/* ----------------------------------------------- text > text-main -------------------------------------------------*/


#text-main { 
	
	width: 539px; 
	float: left; 
	background-color: white; 
	
	/* Min-height Hack for IE6 */
	min-height: 540px;
	height: auto !important;
	height: 540px;
	
}

#text-main p { line-height:1.5em; }


/* ------------------------------------- Page Specific (Move-in-ready homes) --------------------------------------- */


#page.move-in-ready #table-properties { width: 100%; }

#page.move-in-ready #table-properties h4,
#page.move-in-ready #table-properties h5 { margin-bottom: 0; }

#page.move-in-ready #table-properties td { padding: 10px 0; border-bottom: 1px solid #999; }

#page.move-in-ready #table-properties td.community-name { 
	
	border-bottom: 1px;
	padding: 5px 0 5px 15px; 
	background-color: #CC9900; 
	color: white; 
}

#page.move-in-ready #table-properties td.community-name h3 { margin: 0; color: white; }

#page.move-in-ready #table-properties td.image { width: 130px; }

#page.move-in-ready #table-properties td.data, 
#page.move-in-ready #table-properties td.features { padding-left: 20px; }

#page.move-in-ready #table-properties td.data { width: 140px; line-height: 1.5em;} 

#page.move-in-ready #table-properties td.features .learn-more { margin-top: -10px;}

/* ------------------------------------------------ Sub Nav ---------------------------------------------------------*/


#subnav { width:180px; float: right }

#subnav #ads { padding: 10px 0 10px 10px; }

#subnav #ads p { margin-bottom: 10px; }

#subnav ul { 
	
	height:299px;
	padding: 0; 
	margin: 0;
	border-bottom: 1px solid white;
	background-image: url('/images/bkg_leaves.jpg');
	background-position: 0 74px;
	
}

#subnav ul li { 

	padding: 0;
	margin: 0;
	float:left;
	list-style-type:none; 
	border-bottom: 1px solid white;
	line-height: normal; 
}

#subnav ul li a { 

	width:167px;
	float:left;
	padding: 6px 0 6px 13px;
	background: transparent url('/images/bkg_nav.png') no-repeat 0 0;
	font-size: 12px;
	text-decoration: none;
	color: white;
}

#subnav ul li a:hover { background-position: 0 -50px; }
#subnav ul li a.on { background-position: 0 -150px; }
#subnav ul li a:active { background-position: 0 -100px; }

#content.finance #subnav ul li a.finance { background-position: 0 -150px; }
#subnav ul li a.subnav-title { background-position: 0 -50px; }


/* ------------------------------------------------- footer -----------------------------------------------------------*/



#foot { 
		
	height:85px;
	font-size:11px;
	background-color: black;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 20px 0 8px 40px;
	color:#C1C0A2;
		
}

#foot img.logo { float: left; margin-left: 17px; }

#foot .contactInfo { width: 505px; float: left; margin-left: 20px; text-align: center; }

#foot .credits { float: left; width: 200px; text-align: center; }
#foot .credits img { padding-top: 5px; }

#foot a { color: white; }


/* ------------------------------------------- Hacks and Clearfixes -------------------------------------------------- */


.clearfix:after { 

		content: ""; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden
}