* { margin: 0; padding: 0; }
img { border: none; }
ul { list-style: none; }

body { background: url(/images/layout/bg.jpg) repeat center top; font-size: 14px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #ccc; }
h1, h2, h3, h4, h5, h6, .sidebar .section a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 13px; line-height: 18px; color: #fff; letter-spacing: .01em; }
h1, h2, h3 { font-size: 16px; line-height: 16px; letter-spacing: .1em; }
	.content h3 { font-size: 13px; line-height: 13px; letter-spacing: normal; margin-bottom: 10px; padding-top: 4px; }
	.sidebar .section a, #find_home a { font-size: 13px; line-height: 18px; }
a { outline: none; color: #53565a; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
	.teaser .body a { color: #ccc; }
	.content a { color: #f28429; }
	
a:hover { color: #d22630; }
	.content a:hover { color: #f28429; }
	.teaser .body a:hover, .content a:hover, .sidebar p a:hover, .sidebar p a:hover { text-decoration: underline; }

#container {
	width: 975px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#masthead { width: 967px; height: 285px; padding-top: 27px; margin: 0 auto 6px auto; background: url(/images/layout/bg-header.png) no-repeat 0 27px; }
	#header { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 2px 2px;}
	#home #header { background-image: url(/images/header/home-overview.jpg); }
	#what_is_mixson #header { background-image: url(/images/header/what_is_mixson-overview.jpg); }
	#home_designs #header { background-image: url(/images/header/what_is_mixson-home_designs.jpg); }
		#what_is_mixson .photo_tour #header { background-image: url(/images/header/what_is_mixson-photo_tour.jpg); }
		#what_is_mixson .master_plan #header { background-image: url(/images/header/what_is_mixson-master_plan.jpg); }
		#what_is_mixson .design_features #header { background-image: url(/images/header/what_is_mixson-design_features.jpg); }
	#green_features #header { background-image: url(/images/header/what_is_mixson-green_features.jpg); }
	#find_home #header { background-image: url(/images/header/find_home-overview.jpg); }
		#find_home .home_designs #header { background-image: url(/images/header/find_home-home_designs.jpg); }
		#find_home .green_features #header { background-image: url(/images/header/find_home-green_features.jpg); }
	#community_life #header { background-image: url(/images/header/community_life-overview.jpg); }
	#news #header { background-image: url(/images/header/community_life-blog.jpg); }
	#location_guide #header { background-image: url(/images/header/location_guide-overview.jpg); }
	#contact_us #header { background-image: url(/images/header/contact_us-overview.jpg); }

#masthead h1 { position: absolute; top: 0; left: 70px; width: 198px; height: 107px; z-index: 20; background: url(/images/layout/nav/nav_sep.gif) no-repeat center bottom; }
	#masthead h1 a { position: relative; display: block; width: 157px; height: 106px; margin: 0 auto; text-indent: -9999em; background: url(/images/layout/nav/home.png) no-repeat center top; }

#nav {
	position: absolute;
	top: 0;
	left: 70px;
	width: 198px;
	padding-top: 107px;
	height: 275px;
	background: url(/images/layout/nav_bg.png) no-repeat top center;
	z-index: 10;
}
	#nav li { margin: 0; padding: 0; background: url(/images/layout/nav/nav_sep.gif) no-repeat center bottom; }

	#nav li#phone, #nav a {
		display: block;
		width: 157px;
		height: 44px;
		margin: 0 auto;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999em;
	}

	#nav a#nav-what-is-mixson { background-image: url(/images/layout/nav/what_is_mixson.png); }
	#nav a#nav-find-a-home { background-image: url(/images/layout/nav/find_a_home.png); }
	#nav a#nav-location-guide { background-image: url(/images/layout/nav/location_guide.png); }
	#nav a#nav-contact-us { background-image: url(/images/layout/nav/contact_us.png); }
	#nav li#phone { background-image: url(/images/layout/nav/phone.png); }
	
	#nav a:hover,
	#nav li#phone:hover,
	#what_is_mixson #nav #nav-what-is-mixson,
	#find_home #nav #nav-find-a-home,
	#location_guide #nav #nav-location-guide,
	#contact_us #nav #nav-contact-us { background-position: -157px 0; }

.page-title { display: none; }

#banner { position: relative; width: 967px; height: 160px; margin: 6px auto; text-indent: -9999em; } 
	.banner-2-col div { float: left; width: 340px; height: 160px; }
	.banner-2-col div.last { width: 620px; margin-left: 7px; }

	#home #banner { background: url(/images/teasers/banner-home.png) no-repeat center; }
	#banner #sustainable-walking { background: url(/images/teasers/banner-sustainable-walking.png) no-repeat center; }
	#banner #urban-streets { background: url(/images/teasers/banner-urban-streets.png) no-repeat center; }
	#location_guide #banner { height: 105px; background: url(/images/teasers/banner-location-guide.png) no-repeat center; }

.teasers { position: relative; height: 308px; }
	.teasers .teaser { position: relative; float: left; width: 325px; height: 100%; background: url(/images/layout/bg-teaser.png) no-repeat center bottom; }
		.teasers .head { position: relative; height: 174px; width: 100%; background: url(/images/layout/bg-teaser-head.gif) no-repeat center top; }
			.teasers .head h3 { line-height: 14px; padding-top: 12px; margin-left: 15px; }
			.teasers .head img { position: absolute; left: 9px; bottom: 7px; width: 306px; height: 130px; }
		.teasers .body { width: 281px; margin: 20px auto 0 auto; }

.sidebar, .content, .listing li, .listing-col { position: relative; float: left; }

.sidebar { width: 209px; top: 2px; margin-left: 4px; padding: 28px 25px 30px 25px; background: url(/images/layout/bg-sidebar.png) no-repeat center bottom; }
	.sidebar #top { position: absolute; top: -2px; left: 0; width: 100%; height: 2px; background: url(/images/layout/bg-sidebar-top.png) no-repeat center top; }
	.sidebar .section { margin-bottom: 23px; padding-left: 25px; }
		.sidebar .section:last-child { margin-bottom: 0; }
		.sidebar .section p { margin-bottom: 10px; }
			.sidebar .section p:last-child { margin-bottom: 0; }
	
	.sidebar .section { padding-left: 25px; background-repeat: repeat-y; background-position: 0 0; }
		.sidebar .yellow { background-image: url(/images/layout/bg-yellow.gif); }
			.sidebar .yellow a { color: #d4a839; }
		.sidebar .orange { background-image: url(/images/layout/bg-orange.gif); }
			.sidebar .orange a { color: #f28429; }
		.sidebar .green { background-image: url(/images/layout/bg-green.gif); }
			.sidebar .green a { color: #99cc66; }
		.sidebar .red { background-image: url(/images/layout/bg-red.gif); }
			.sidebar .red a { color: #d22630; }
		.sidebar .blue { background-image: url(/images/layout/bg-blue.gif); }
			.sidebar .blue a { color: #99ccff; }

		.sidebar #design-features { background-image: url(/images/layout/bg-design-features.gif); }

.content { width: 699px; padding: 0 6px 0 7px; }
	.master_plan .content, #location_guide .content { background: url(/images/layout/bg-image-full-width.png) no-repeat center 434px; }
	.photo_tour .content { width: 700px; padding: 0 4px 0 8px; }
	.master_plan .content, .design_features .content, .home_designs .content { width: 712px; padding: 0; }
	#find_home .content { padding-top: 0; }
	#news .content { width: 700px; padding: 0 0px 0 4px; }
	.content p { margin-bottom: 10px; }

	.content #image-large { margin-bottom: 30px; }
		.master_plan .content #image-large { margin-left: 7px; }

	.content h3.yellow { padding-left: 17px; background: url(/images/layout/bg-yellow.gif) no-repeat 0 0; }
	.content h3.blue { padding-left: 17px; background: url(/images/layout/bg-blue.gif) no-repeat 0 0; }
	.content h3.green { padding-left: 17px; background: url(/images/layout/bg-green.gif) no-repeat 0 0; }
	.content h3.orange { padding-left: 17px; background: url(/images/layout/bg-orange.gif) no-repeat 0 0; }
	.content h3.red { padding-left: 17px; background: url(/images/layout/bg-red.gif) no-repeat 0 bottom; }

	#thumbs a { display: block; text-align: center; width: 142px;; height: 107px; float: left; margin: 10px 43px 20px 0; overflow: hidden; background: url(/images/layout/bg-image-thumbs.png) no-repeat center 97px; }
		#thumbs a.last { margin-right: 0; }
			#thumbs a img { width: 142px; height: 97px; }
	
	.master_plan .content .listing li  { width: 334px; padding: 0 6px 0 7px; margin-right: 16px; background: url(/images/layout/bg-image-master-plan.png) no-repeat 2px 190px; }
		.master_plan .content .listing li.last { padding: 0 3px 0 10px; margin-right: 0; background-position: 3px 190px; }
		.master_plan .content .listing li .image { width: 334px; height: 190px; padding-bottom: 15px; }
		.master_plan .content .listing h3 em { font-style: normal; color: #f28429; }

	#news .content h3 a { color: #fff; text-decoration: none; }
	#news .content #google-cal { margin-bottom: 10px; }

	.design_features .content li { position: relative; display: block; min-height: 200px; margin-top: 10px; padding: 0 6px 0 7px; background: url(/images/layout/bg-image-design-features.png) no-repeat 4px 190px; }
		.design_features .content li .image { float: left; width: 286px; }
		.design_features .content li .desc { float: left; margin-left: 10px; width: 390px; }

	#find_home .overview .content * { display: none; }
		#find_home .overview #banner, #find_home .overview #banner * { display: block; width: 699px; }
			#find_home .overview #banner { margin-top: 0; }
			#find_home .overview #banner #listings { height: 10px;/*66px;*/ background: url(/images/teasers/banner-find-home-listings.png) no-repeat 0 0; }
			#find_home .overview #banner #email a { height: 122px; background: url(/images/teasers/banner-find-home-email.png) no-repeat 0 0; }

	.home_designs .content .listing li  { width: 344px; padding: 0 2px 0 7px; background: url(/images/layout/bg-image-home-designs.png) no-repeat 3px 274px; }
		.home_designs .content .listing li.last { padding: 0 0 0 9px; background-position: 4px 274px; }
		.home_designs .content .listing li .image { width: 344px; height: 274px; padding-bottom: 15px; }

	.green_features .content li { position: relative; display: block; min-height: 159px; margin-top: 10px; padding: 0 6px 0 7px; background: url(/images/layout/bg-image-green-features.png) no-repeat 4px 149px; }
		.green_features .content li .image { float: left; width: 223px; }
		.green_features .content li .desc { float: left; margin-left: 10px; width: 453px; }

	#community_life .content h3, #community_life .content .listing { clear: both; }
	#community_life .content .listing { display: block; }
		#community_life .content h3 { margin-top: 10px; margin-left: 7px; }
		#community_life .content a { font-size: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
		#community_life .content .listing li  { width: 215px; padding: 0 11px 20px 7px; background: url(/images/layout/bg-image-community-life.png) no-repeat 6px 138px; }
			#community_life .content .listing li.last { padding: 0 0 20px 18px; background-position: 16px 138px; }
			#community_life .content .listing li .image { width: 215px; height: 138px; padding-bottom: 15px; }
		#community_life .content .schools li, #community_life .content .transportation li { padding-left: 7px; }
			#community_life .content .dining li a { color: #e24421; }
			#community_life .content .shopping li a { color: #d4a839; } 
			#community_life .content .schools li a { color: #23a1f9; }  

	#location_guide .content h3, #community_life .content h3 { font-size: 16px; line-height: 16px; padding: 0 0 0 25px; letter-spacing: .1em; }
	#location_guide .content h4 { margin-top: 20px; }	

	#contact_us #banner * { display: none; }
		#contact_us #banner ul, #contact_us #banner .email, #contact_us #banner .email a { display: block; width: 100%; height: 100%; }
		#contact_us #banner .email a { background: url(/images/teasers/banner-contact-us.png) no-repeat center; }

#footer { clear: both; width: 875px; margin: 0 auto; padding: 60px 0; font-size: 11px; line-height: 18px; color: #999; }
	#footer #tour * { display: none; }
		#footer #tour a { display: block; text-indent: -9999em; width: 672px; height: 17px; margin: 0 auto; background: url(/images/layout/bg-footer.png) no-repeat center; }
	#footer #copy { margin-top: 50px; padding-left: 50px; background: url(/images/layout/eho-logo.png) no-repeat 0 0; }


/* Overlay */
#simplemodal-overlay { background-color: #000; cursor:wait; }

/* Container */
#simplemodal-container { height:205px; width:629px; }
#simplemodal-container a.modalCloseImg { background:url(/images/x.png) no-repeat; width:17px; height:17px; display:inline; z-index:3200; position:absolute; top:15px; right:15px; cursor:pointer; }