body { 

	margin:20px 0;
	background-color: white;
	font: 12px Verdana, Helvetica, Arial, sans-serif;	 
	color:black;
}

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; font-weight: normal; }
h2 { margin:0 0 20px 0; font-size:18px; }
h3 { margin:0 0 15px 0; font-size:16px; }
h4 { margin:0 0 5px 0; font-size:14px; }

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

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

a { color: #800000 }
a:hover { color: #000 }

b, strong { color:#333 }

img, a img { border: 0px }

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

.dkGreen { color: #284A0D; }

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

.last { margin-bottom: 0; }

.p { display: block; margin-bottom: 20px; }

.text-bottom { vertical-align:text-bottom }
.text-top { vertical-align:text-top }

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


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


#page { width:995px; margin:0 auto; }


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


#content { width:100%; }


/* ------------------------------------------------- head -------------------------------------------------------- */


#head { width:100%; clear:both; height:105px; }


/* ------------------------------------------------- logo ---------------------------------------------------------*/


#head #logo {
	
	float: left;
	width: 107px;
	height: 85px;
	margin-left: 42px;
	display: inline; /* IE6 HACK */
}


/* -------------------------------------------------- nav -------------------------------------------------------- */


#head #nav { 
	
	width:800px;
	height:59px;
	float:right;
	clear: right;
	background: #9F1522 url('/images/bkg_nav.gif') repeat-x top center;
}

#head #nav ul { 
	
	padding: 0; margin: 0
}

#head #nav ul li { float:left; text-align:center; padding: 0; margin: 0; list-style-type: none; }
#head #nav ul li a { 
	
	height:32px;
	float:left;
	text-decoration: none;
	border-right: 1px solid #666;
	padding-top: 14px;
	background: #000 url('/images/bkg_nav_link.gif') repeat-x top center;
	font-size: 14px;
	font-weight: bold;
	color: white;
	overflow: hidden;
}

#head #nav ul li a#nav-neighborhoods { width: 169px; } /* 99px */
#head #nav ul li a#nav-about { width: 110px; } /* 40px */
#head #nav ul li a#nav-sentaur_advantage { width: 224px; } /* 154px */
#head #nav ul li a#nav-customerCare { width: 170px; } /* 100px */
#head #nav ul li a#nav-contact { width: 123px; border-right: 0; } /* 52px */

#head #nav ul li a:hover { background-image: none; }

#page.neighborhoods #head #nav ul li a#nav-neighborhoods, 
#page.about #head #nav ul li a#nav-about, 
#page.sentaur_advantage #head #nav ul li a#nav-sentaur_advantage, 
#page.customerCare #head #nav ul li a#nav-customerCare, 
#page.contact #head #nav ul li a#nav-contact { background-image: url('/images/bkg_nav.gif'); }


/* ------------------------------------------------- subnav ------------------------------------------------------ */


#head #subnav { width:800px; float:right; background: #CCC url('/images/bkg_subnav.gif') repeat-x bottom center; }
#head #subnav ul { float:left; padding: 0; margin: 0; }
#head #subnav ul li { float:left; padding: 0; margin: 0; list-style-type: none; }
#head #subnav ul li a { float:left; padding: 6px 10px; text-decoration: none; color: #333; font-weight: bold; }

/* Section Specific (Customer Care) ON states*/
#page.customerCare #content.homeCare #head #subnav ul li a#subnav-homeCare, 
#page.customerCare #content.warrantyInfo #head #subnav ul li a#subnav-warrantyInfo, 
#page.customerCare #content.warrantyRequests #head #subnav ul li a#subnav-warrantyRequests { color: #BB1526; }

/* Section Specific (About) ON states*/
#page.about #content.financing #head #subnav ul li a#subnav-financing, 
#page.about #content.taxAbatement #head #subnav ul li a#subnav-taxAbatement, 
#page.about #content.greenConstruction #head #subnav ul li a#subnav-greenConstruction, 
#page.about #content.stepsToOwnership #head #subnav ul li a#subnav-stepsToOwnership, 
#page.about #content.news #head #subnav ul li a#subnav-news { color: #BB1526; }


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


#text { width:100%; clear:both; }

#text #leaves { width: 195px; float: left;}
#text #leaves img, #text #leaves p { line-height: 1.6em; text-align: right; float: right; clear: both; margin: 0 27px 20px 0; }


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


#text-main {
	
	width:510px;
	float:left;
	margin-left: 195px;
	display: inline; /* IE6 HACK */
	
}

#text-main img.splash { 
		
		float:left; 
		clear:both; 
		margin-bottom: 15px;
		margin-left: -195px; 
		
}

#text-main p.copy, #text-main div.copy { width:490px; line-height: 1.4em; }


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


#text-right {
	
	width:270px;
	float:right;
	display: inline; /* IE6 HACK */
	margin-bottom: 20px;
	
}

#text-right.textbox { 
	
	width: 250px; 
	padding: 10px;
	line-height: 1.5em;
	background-color: #DCF1D6; 
}

#text-right.textbox img.fullsize { margin: 0 -10px -10px -10px; }

#text-right.textbox a { color: black; }

#text-right.textbox p { 
	
	margin-bottom: 5px;
}

#text-right.textbox h4 { 
	
	height: 29px; 
	margin-bottom: 15px;
	padding-top: 11px;
	text-align: center; 
	font-size: 14px;
	color: white; 
	background: #228538 url('/images/bkg_textbox_green.gif') repeat-x top center;
	
}

/* -------------------------------------------- Page Specific (homepage) ------------------------------------------- */


#page.home #content { width:100%; height: 580px; background: transparent url('/images/homepage/splash.jpg') no-repeat 0 0; }

#page.home #head { height:72px; }

#page.home #head #subnav { height: 15px; }

#page.home a#link_sentaur-advantage { 
		
		width: 320px; 
		height: 250px; 
		margin-top: 250px;
		float: right; 
		/*background-color: red;*/
		text-decoration: none; 
}


/* --------------------------------------- Page Specific (Sentaur Advantage) --------------------------------------- */


#page.sentaur_advantage #text #text-main { width: 800px; margin-left: 0; }


/* ------------------------------------------ Page Specific (Neighborhoods) ---------------------------------------- */


#page.neighborhoods #text #text-main { width: 510px; margin-left: 0; }

#page.neighborhoods #text-right.textbox { background-color: #EAEAEA; }

#page.neighborhoods #text-right ul { padding: 0; margin: 0; }
#page.neighborhoods #text-right ul li { float: left; clear: both; padding: 0; margin: 0; list-style-type: none; }

#page.neighborhoods #text-right ul li ul { float: left; padding-bottom: 5px; }

/*#page.neighborhoods #text-right.textbox ul li:hover ul { display: block; }*/
/*#page.neighborhoods #text-right.textbox ul li a:hover ul { display: block; }*/

#page.neighborhoods #text-right ul li ul li { margin: 1px 0 2px 5px; }

/* Neighborhood "on" states*/
#page.neighborhoods #text-right ul li.on a { color: #800000; font-weight: bold; }

/*#page.neighborhoods #content.north_portland #text-right.textbox ul li ul.north_portland { display: block; }*/

#page.neighborhoods #text-right.textbox h4 { 

	height: auto; 
	padding: 0;
	margin: 0;
	background: none;
	display: inline; /*IE 6 Hack*/
}

#page.neighborhoods #text-right.textbox h4 a { 

	float: left;
	clear: both;
	height: 29px; 
	width: 250px;
	padding-top: 11px;
	text-align: center; 
	font-size: 14px;
	color: white; 
	margin-bottom: 5px;
	text-decoration: none;
	background: #800000 url('/neighborhoods/images/bkg_neighborhood_menu.gif');
	cursor: default;
}



/* ---------------------------------------------------- foot ------------------------------------------------------- */


#foot { 
		
		width:100%;
		clear:both; 
		background: transparent url('/images/bkg_foot.gif') repeat-x 0 30px; 
		font-size: 11px;
		
}

#foot p { margin: 0; padding: 7px; color: white; line-height: 1.4em;}
#foot p.links, #foot p.links a { color:#666; line-height: auto; text-decoration: none; }
#foot p.links { text-align: center; }
#foot p.foot-lt { float: left; }
#foot p.foot-rt { float: right; }
#foot p a { color: white; }

#foot:after { content: ""; display: block; height:0; clear: both; visibility: hidden}



/* ---------------------------------------------------- hacks ------------------------------------------------------ */


.clearfix:after { 

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

/* --------------------------------------- Front-End Content Editor Styles ------------------------------------------- */

a { text-decoration: underline; cursor: pointer; }
.editable { background-color: #C8D6E1; }
.editTip { background-color: #C8D6E1; padding:3px; }
.editThis { font-size: 11px; font-family: Arial, sans-serif; color: black; text-decoration: none; padding: 7px; }
#cms_container { background-color: #233F69; height:370px; }
#cms_wrapper { padding:20px; }
#editor_actions { padding-bottom:10px; font-size:12px; font-family: Arial, sans-serif; color: white; }
#editor_actions a { text-decoration: underline; color: white; font-weight: bold; cursor: pointer; }