@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 			{ margin: 0; padding: 0; list-style: none; }
	body		{ background: #3e5e89; color: #4a4b25; font: 12px/18px Georgia, "Times New Roman", Times, serif; text-align: center; padding-bottom: 36px; }

/* LINKS AND IMAGES: =links
----------------------------------------------- */
	a, a:visited { color: #890c0c; }
	a:hover { background: #9F2713; color: #fff !important; text-decoration: none; } 
	a img, a.img { border: none; }
	.rightimg { float: right; margin: 0 0 15px 15px; }
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	li, dt, dd, p, td, th { font-size: 12px; }
	ul, ol, dl, table, p, dd { margin-bottom: 18px; }
	li { margin-bottom: 6px; }
		h1 {
	margin: 0 0 18px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #8d160e;
	font-size: 22px;
	font-weight: bold;
}
	
	
	h3, h4, h5, h6 {
	margin: 0 0 18px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #8d160e;
}
	
	h2 {
	margin-bottom: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2d4b80;
	font-weight: normal;
}
	h3 { font-size: 12px; font-style: italic; margin-bottom: 6px; }
	th, dt { font-family: georgia, times, serif; font-style: italic; font-weight: normal; }
	h4 { color: #787878; }
	#content strong { font-style: italic; }
	#content em { font-style: normal; font-weight: bold; }
	
	body.forpage #testimonial blockquote { background: url("../img/quote-ul.gif") top left no-repeat; padding: 0 15px; }
	body.forpage #testimonial blockquote p { background: url("../img/quote-br.gif") bottom right no-repeat; padding: 0 0 15px 0; color: #848768; font-size: 13px; font-style: italic; text-align: center; line-height: 30px; }
	body.forpage #testimonial p.cite { color: #858668; text-align: right; font-size: 10px; line-height: 15px; font-style: italic; }
	
	blockquote.testimonial { background: url("../img/quote-ul.gif") top left no-repeat; padding: 0 15px; }
	
/* HEADER: =header
----------------------------------------------- */
	#header { background: url("../img/bg-dots.gif") bottom left repeat-x; text-align: left; float: left; width: 100%; height: 120px; }
	#header #logo { float: left; display: inline; margin: 13px 0 0 -6px; }
	#header #logo:hover { background: none; }
	body.home #header #logo:hover { cursor: default; }
	#header #tagline { float: left; display: inline; text-indent: -999em; background: url("../img/tagline.gif") top left no-repeat; width: 244px; height: 41px; margin: 18px 0 0 0; }
	#signin { float: right; width: 168px; margin: 0; }
	#signin a{ text-indent: -999em; overflow: hidden; display: block; float: right; width: 168px; height: 54px; background-image: url("../img/contact.gif"); background-position: top left; background-repeat: no-repeat; }
	#signin a:hover { background-position: 0 -54px; }

/* NAVIGATION: =nav
----------------------------------------------- */
	#globalnav ul { list-style: none; float: left; background: url("../img/navigation.gif") top left no-repeat; margin: 0; padding: 0; width: 900px; height: 36px; }
	#globalnav ul li { background: none; float: left; text-indent: -999em; padding: 0; }
	#globalnav ul li a { outline: none; background: url("../img/navigation.gif") top left no-repeat; border: none; display: block; height: 36px; text-decoration: none; overflow: hidden; }

	#globalnav ul li.home a { background-position: 0px 0px; width: 73px; }
	#globalnav ul li.home a:hover { background-position: 0px -36px; }
	#globalnav ul li.home a.selected { background-position: 0px -72px; }
	
	#globalnav ul li.aboutus a { background-position: -73px 0px; width: 124px; }
	#globalnav ul li.aboutus a:hover { background-position: -73px -36px; }
	#globalnav ul li.aboutus a.selected { background-position: -73px -72px; }
	
	#globalnav ul li.community a { background-position: -197px 0px; width: 185px; }
	#globalnav ul li.community a:hover { background-position: -197px -36px; }
	#globalnav ul li.community a.selected { background-position: -197px -72px; }
	
	#globalnav ul li.propertysearch a { background-position: -382px 0px; width: 192px; }
	#globalnav ul li.propertysearch a:hover { background-position: -382px -36px; }
	#globalnav ul li.propertysearch a.selected { background-position: -382px -72px; }
	
	#globalnav ul li.testimonials a { background-position: -574px 0px; width: 164px; }
	#globalnav ul li.testimonials a:hover { background-position: -574px -36px; }
	#globalnav ul li.testimonials a.selected { background-position: -574px -72px; }
	
	#globalnav ul li.resources a { background-position: -738px 0px; width: 162px; }
	#globalnav ul li.resources a:hover { background-position: -738px -36px; }
	#globalnav ul li.resources a.selected { background-position: -738px -72px; }
	

	
	
	
	#content #subnav { position: relative; float: left; width: 168px; margin: 0; padding: 0; }
	#content #subnav ul { margin: 0; padding: 0; }
	#content #subnav ul li { line-height: 1em; margin: 0 0 5px 0; padding: 0; }
	#content #subnav ul li a { background-color: transparent; color: #f3eac0; text-decoration: none; display: block; width: 168px; background-image: url("../img/subnav-inactive-top.gif"); background-position: top left; background-repeat: no-repeat; padding: 10px 0 0 0; }
	#content #subnav ul li a:hover { background-color: transparent; background-image: url("../img/subnav-inactive-hover.gif"); }
	#content #subnav ul li a span { display: block; background-image: url("../img/subnav-inactive-bottom.gif"); background-position: bottom left; background-repeat: no-repeat; padding: 0 20px 10px 15px; }
	#content #subnav ul li.active a,
	#content #subnav ul li.active a:hover { background-image: url("../img/subnav-active-top.gif"); color: #fff; }
	#content #subnav ul li.active a span { background-image: url("../img/subnav-active-bottom.gif"); }
	
	#content #subnav ul li.active ul { position: absolute; left: 183px; top: 0; }
	#content #subnav ul li.active ul li a { background-image: url("../img/sub2nav-inactive-top.gif"); }
	#content #subnav ul li.active ul li a:hover { background-image: url("../img/sub2nav-inactive-hover.gif"); }
	#content #subnav ul li.active ul li a span { background-image: url("../img/sub2nav-inactive-bottom.gif"); }
	#content #subnav ul li.active ul li.active a,
	#content #subnav ul li.active ul li.active a:hover { background-image: url("../img/sub2nav-active-top.gif"); }
	#content #subnav ul li.active ul li.active a span { background-image: url("../img/sub2nav-active-bottom.gif"); }
		
	#content-right { float: right; width: 700px; }
	#content-right #copy { float: left; width: 534px; }
	#content-right #pic { float: right; width: 168px; }
	#content-right #lefthalf { float: left; width: 351px; }
	#content-right #righthalf { float: right; width: 351px; }
	
	#content-right-sub { float: right; width: 534px; }

/* LAYOUT: =layout
----------------------------------------------- */
	#wrapper-outer { background: #fff url("../img/bg-footer-top.gif") bottom left repeat-x; float: left; width: 100%; padding: 0 0 1px 0; }
	#wrapper { width: 900px; margin: 0 auto; }
	#content { clear: both; float: left; width: 100%; text-align: left; background: url("../img/bg-dots.gif") top left repeat-x; padding: 30px 0; }
	body.forpage #introtext { float: left; width: 534px; }
	body.forpage #pic { float: left; display: inline; width: 168px; margin-left: 15px; }
	body.explorer #form { float: left; width: 534px; }
	body.explorer #pic { float: right; width: 351px; }
	body.forpage #testimonial { float: right; width: 168px; }
	.triple-left { width: 168px; float: left; margin-right: 15px; display: inline; }
	.triple right { width: 168px; float: right; }
	.split-left { width: 250px; float: left; }
	.split-right { width: 250px; float: right; }
	.main-left { width: 351px; float: left; }

/* LISTS: =lists
----------------------------------------------- */
	#content ul.checkmarks li { background: url("../img/checkmark.gif") top left no-repeat; padding-left: 15px; font-weight: bold; font-style: italic; }
	#content ul li { background: url("../img/listbullet.gif") 0 .4em no-repeat; padding-left: 18px; }
	.greenbox, .greenbox-sm { background-color: #6188b8; background-image: url("../img/greenbox-top.gif"); background-position: top left; background-repeat: no-repeat; margin-bottom: 18px; padding-top: 15px; width: 534px; }
	.greenbox-inner, .greenbox-sm-inner { background-image: url("../img/greenbox-bottom.gif"); background-position: bottom left; background-repeat: no-repeat; padding: 0 10px 15px 10px; }
	.greenbox-sm { background-image: url("../img/greenbox-sm-top.gif"); }
	.greenbox-sm-inner { background-image: url("../img/greenbox-sm-bottom.gif"); }
	.greenbox ul { margin: 0; }
	#content .greenbox ul li { background: url("../img/greenbullet.gif") 0 .6em no-repeat; line-height: 2em; margin: 0; color: #fff; font-size: 11px; padding-right: 5px; }
	#content .greenbox ul li.reset { margin-top: -8em; }
	#content .greenbox ul li.right { margin-left: 227px; padding-right: 0px; }

/* FORMS: =forms
----------------------------------------------- */
	form div.field { color: #fff; clear: both; padding: 10px 12px; margin: 0 0 1px 0; }
	form div.error { background: #cef7ba; color: #5d9641; }
	form div.error label { color: #5d9641; }
	form div.error label.desc { color: #ba1c1c; }
	form div.error input.text,
	form div.error textarea { border: 1px solid #2d4b80; }
	form div.error span.errormsg { display: block; clear: both; padding-left: 140px; color: #ba1c1c; font-size: 11px; font-style: italic; }
	form div.field div.firstname { float: left; width: 110px; }
	form div.field div.lastname { margin-left: 255px; width: 230px; }
	form div.input { padding: 0 0 10px 151px; }
	form div.phone1,
	form div.phone2,
	form div.phone3 { float: left; }
	form label { display: block; font-size: 12px; color: #2d4b80; }
	form label.desc { color: #fff; font-size: 12px; font-weight: bold; float: left; width: 130px; text-align: right; padding: 3px 10px 0 0; margin: 0 0 5px 0; }
	form input.text, form textarea { font-family: "Courier New", Courier, monospace; font-size: 13px; padding: 3px; color: #454545; background: #fff url("../img/bg-input.gif") top left repeat-x; border-top: 1px solid #2d4b80; border-left: 1px solid #2d4b80; border-right: 1px solid #2d4b80; border-bottom: 1px solid #2d4b80; width: 330px; }
	form input.firstname { width: 100px !important; }
	form input.lastname { width: 215px !important; }
	form input.phone1,
	form input.phone2 { width: 30px !important; }
	form input.phone3 { width: 45px !important; }
	form p.reqnotice { border-bottom: 1px solid #f3eac0; color: #f3eac0; margin: 0 0 6px 0; padding-bottom: 6px; font-size: 11px; }
	form p.reqnotice strong { color: #fff; font-size: 12px; font-style: normal; }
	
/* FOOTER: =footer
----------------------------------------------- */
	#footer-outer { background: #1c345d url("../img/bg-footer-bottom.gif") bottom left repeat-x; clear: both; }
	#footer { width: 900px; margin: 0 auto; padding-top: 14px; text-align: left; }
	#footer .copyright { width: 364px; margin-left: -6px; padding-bottom: 18px; background: url("../img/bg-footer-bottom-curve.gif") bottom left no-repeat; }
	#footer .copyright h3 { text-indent: -999em; float: left; width: 168px; height: 14px; background: url("../img/footer-phone.gif") top left no-repeat; }
	
	#footer .copyright p { color: #fff; font-size: 11px; line-height: 15px; margin: 0 0 0 12px; width: 340px; text-align: center; }
	#footer .copyright p.credits { color: #5d9641; }
	#footer .copyright p.credits a { font-size: 10px; color: #3e5e89; text-decoration: underline; }
	#footer .copyright p.credits a.invis { text-decoration: none; }
	#footer .copyright p.credits a.invis:hover { text-decoration: none; cursor: default; background: transparent; color: #3e5e89 !important; }
	#footer .copyright p.credits a:hover { background: transparent; color: #fff; }
	#footer .nav { float: right; width: 534px; }
	#footer ul { text-align: right; }
	#footer li { display: inline; font-size: 11px; margin-left: 20px; }
	#footer a { color: #f3eac0; text-decoration: none; }
	#footer a:hover { background: transparent; color: #fff; }
	

/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	
	.caption { float: right; width: 320px; font-family: georgia; font-size: .9em; font-style: italic; color: #787878; margin: 0 -10px 15px 15px; position: relative; }
	.caption  img { margin: 0 auto; }
	.caption  p { padding: 0 10px 0 15px; }
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
}

@media print {
	.skip  { display: none !important; }
}