/* typography */
body, p {
	font-size: 12px;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #3d3731;
}

a {
	color: #70607d;
}

h1 {
	color: #dd8142;
	font-size: 26px;
	line-height: 1em;
	font-family: Times, "Times New Roman", serif;
	font-weight: 500;

	border-left: 5px solid #dd8142;

	margin-top: 1.2em;
	margin-left: -20px;
	padding: 0 0 0 15px;
	
	background: transparent url(/images/1px_e49a68.png) no-repeat 15px 0.95em;
}

h2 {
	color: #dd8142;
	font-size: 18px;

	font-family: Times, "Times New Roman", serif;
	font-weight: 500;

	border-left: 5px solid #dd8142;	

	margin-top: 1.5em;
	margin-left: -20px;
	padding: 0 0 0 15px;
	
	background: transparent url(/images/1px_e49a68.png) no-repeat 15px 0.94em;
}
	#sidebar h2 {
		margin-top: 1em;
		margin-bottom: 0;
		margin-left: -15px;
		padding: 0 0 0 10px;
	
		background: transparent url(/images/1px_e49a68_2.png) no-repeat 10px 0.94em;
	}
	h1 a, h2 a {
		text-decoration: none;
		color: #dd8142;
	}

ul li {
	margin-top: 0.5em;
}

img.align, .promote img {
	display: block;
	padding: 2px;
	border: 1px solid #eeebdf;
	margin: 0 5px;
}
img.right {
	float: right;
	margin-right: 0;
}
img.left {
	float: left;
	margin-left: 0;
}

/* colors used in multiple places */
.index_color 			{ background-color: #82d99f; }
.index_color_light		{ background-color: #b1e5c0; }
.homes_color 			{ background-color: #6096b0; }
.homes_color_light		{ background-color: #9cbcca; }
.homes_color 			{ background-color: #6096b0; }
.homes_color_light		{ background-color: #9cbcca; }
.lifestyle_color 		{ background-color: #9fc8e3; }
.lifestyle_color_light 	{ background-color: #c2dae9; }
.community_color 		{ background-color: #80a866; }
.community_color_light	{ background-color: #b0c89e; }
.people_color 			{ background-color: #b0cd5e; }
.people_color_light 	{ background-color: #ccdd99; }
.contact_color			{ background-color: #dbdc86; } 
.contact_color_light	{ background-color: #e6e6b1; }

/* hover backgrounds for main nav */
#nav .homes_hover  { background: #6096b0 url(/images/nav_bg_homes.png); }
#nav .lifestyle_hover  { background: #9fc8e3 url(/images/nav_bg_lifestyle.png); }
#nav .community_hover  { background: #80a866 url(/images/nav_bg_community.png); }
#nav .people_hover  { background: #b0cd5e url(/images/nav_bg_people.png); }
#nav .contact_hover  { background: #dbdc86 url(/images/nav_bg_contact.png); }

/* commoners */
.clear {
	clear: both;
	height: 1px;
	overflow: none;
}

* html .iesucks {
	display: none;
	background-color: red;
}

/* layout */
body {
	
}

.layout_center {
	width: 745px;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
	
	z-index: 99;
}
	#logo {
		position: relative;
		width: 211px;
		height: 98px;
		top: 7px;
		left: 25px;
	}
	#nav {
		position: relative;
		float: right;
		margin-top: 29px;
		height: 85px;
	}
		#nav div { /* nav squares */
			float: left;
		
			width: 87px;
			height: 24px; /* plus the large amount of padding */
			margin-left: 1px;
			border-top: 4px solid white; /* inactive blocks stay as tall as active block via an empty border */
		
			padding-left: 6px;
			padding-top: 56px;
		
			cursor: pointer;
			color: white;
		}
		#nav div a {
			text-decoration: none;
			color: white;
		}
		#nav div.active {
			padding-top: 61px;
			border-top: none;
			
			font-weight: bold;
		}
			#nav div.active a {
			}
	.second_nav { /* using class rather than ID to make overriding easier */
		position: relative;
		width: 100%;
		height: 1.95em;
		color: #fff;
		overflow: hidden;
	}
		.second_nav div.item {
			height: 1.8em;
			line-height: 2.0em;
			margin-top: 0;

			padding: 0 1em;
			
			float: left;
			border-right: 1px solid #eaeaea;
			color: #333;

			
			font-weight: bold;
		}
		.second_nav div.empty_item {
			height: 1.8em;
			line-height: 2.0em;
			margin-top: 0;

			padding: 0 1em;
			
			float: left;
			color: #333;
			
			border-right: 1px solid #eaeaea;
			
			font-weight: bold;
		}
		.second_nav div a {
			text-decoration: none;
			font-weight: normal;
			color: white;
		}
			.second_nav div a:hover {
				color: white;
				font-weight: normal;
				text-decoration: underline;
			}
		
	#minor_nav {
		position: absolute;
		top: 5px;
		right: 1px;
		
		font-size: 11px;
		color: #999999;
	}
		#minor_nav a {
			text-decoration: none;
			color: #999999;
		}
		#minor_nav a:hover {
			text-decoration: underline;
		}

#background_objects {
	position: absolute;
	top: 0;
	left: 0;
	height: 500px;
	width: 100%;
}

#background_bar	{
	position: relative;
	margin-top: 114px;
	
	width: 100%;
	height: 2.0em;
	z-index: 1;
}
#background_bar_light {
	position: relative;
	margin-top: 1px;
	
	width: 100%;
	height: 8px;

	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	
	overflow: hidden;
	z-index: 2;
}
	#background_bar_bot {
		height: 5px;
		overflow: hidden;
	}
#background_bar_gradient {
	position: relative;
	
	width: 100%;
	height: 164px;
	
	background: #f8f7f3 url(/images/bg_bar.png) repeat-x;
	
	overflow: hidden;
	z-index: 1;
}
	#background_bar_gradient_bot {
		position: relative;
	
		width: 100%;
		height: 5em;
	
		background: #f8f7f3 url(/images/bg_bar.png) repeat-x;
	}

.photos {
	margin-top: 1px;
	position: relative;
	z-index: 30;
	overflow: visible;
}
	#bw_mask { /* cover up the gray borders */
		position: absolute;
		height: 82px;
		width: 230px;
		top: 190px;
		left: 524px;
		background-color: #fff;
		z-index: 29;
	}
	#photo_color {
		position: relative;
		margin-top: 1px;
		z-index: 30;
	}
	#photo_bw {
		position: absolute;
		top: 1px;
		left: 526px;
		width: 232px;
		height: 263px;
		z-index: 40;
	}
		#photo_bw img {
			display: block;
			position: absolute;
		}
		#photo_bw .frame {
			top: 0;
			left: 0;
			z-index: 2;
		}
		#photo_bw img.photo {
			top: 25px;
			left: 26px;
			z-index: 500;
		}
	#background_bar_light2 { /* there is an IE override in html doc */
		position: absolute;
		top: 0;

		width: 543px;
		height: 8px;

		opacity: 0.7;
		-moz-opacity: 0.7;
		filter:alpha(opacity=70);
		
		overflow: hidden;
		z-index: 30;
	}


/* body layout / design (incl. sidebar) */
#body {
	position: relative;
	border-left: 1px solid #eeebdf;
	border-right: 1px solid #eeebdf;
	border-bottom: 1px solid #eeebdf;
	
	background: transparent url(/images/1px_eeebdf.png) repeat-y 525px 30px;
	
	z-index: 25;
}
	#content {
		position: relative;
		float: left;
		
		width: 460px;
		padding-left: 20px;
		padding-right: 30px;
		
		padding-bottom: 0;
		
		z-index: 20;
	}
	#sidebar {
		float: right;
		width: 189px;
		padding: 15px;
		margin-top: 79px;
	}
	#sidebar.home {
		margin-top: 0px;
	}
		#sidebar .search .q {
			width: 118px;
			border: 1px solid;
			border-top-color: #dedac8;
			border-right-color: #eeebdf;
			border-bottom-color: #eeebdf;
			border-left-color: #dedac8;
			padding: 1px;
			margin: 0;
		}
		#sidebar .search .button {
			width: 60px;
			font-size: 11px;		
			border: 1px solid;
			border-top-color: #eeebdf;
			border-right-color: #dedac8;
			border-bottom-color: #dedac8;
			border-left-color: #eeebdf;
			
			background-color: #f8f7f3;
			padding: 1px;
			margin: 0;
		}
		
		#sidebar ul {
			list-style: none outside;
			margin: 0;
			padding: 0;
		}
			#sidebar ul li {
				display: block;
				padding-top: 7px;
				height: 23px;
				border-bottom: 1px solid #eeebdf;
				
				margin-left: 0;
				margin-top: 0;
				
				color: #817A5E;
			}
				#sidebar li a {
					color: #817A5E;
					text-decoration: none;
				}
				#sidebar li a:hover {
					text-decoration: underline;
				}
	#sidebar ul.events li {
		height: auto;
		padding-bottom: 7px;
	}
#footer_menu {
	padding-top: 0.85em;
	text-align: left;
}
	#footer_menu ul {
		display: block;
	}
	#footer a {
		color: #9a9686;
	}
	#footer_menu ul li {
		margin: 0;
		padding: 1px 8px 1px 9px;
		list-style: none;
		display: inline;
		border-left: 1px solid #b1aea4;
	}
	#footer_menu ul li.first {
		border: none;
		padding-left: 0;
	}
#footer_text {
	margin-top: 0.45em;
	color: #9a9686;
}

/* promote list */

div.promote {
	border-top:	1px solid #dd8142;
	padding: 8px 5px 2px 2px;
	background-color: #fbfaf8;
	margin-bottom: 12px;
}
	div.promote img {
		float: left;
		margin-right: 8px;
	}
	div.promote h3 {
		display: inline;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
		border: none;
		background: none;
		font-weight: 700;
		font-size: 13px;
	}
		div.promote h3 a {
			color: #70607d;
			text-decoration: underline;
		}
	div.promote p {
		margin-top: 3px;
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 0;
	}
	
/* promote list on home page */

div.promotehome {
	float: left;
	margin: 0 10px 10px 0;
}
div.promotehome img {
	padding: 2px;
	border: 1px solid #eeebdf;
}
	div.promotehome h3 {
		margin: 3px 3px;
		font-size: 14px;
		font-weight: 500;
	}

/* area attractions page */

div.attraction {
	float: left;
	width: 203px;
	height: 3.25em;
	padding: 5px 7px;
	border: 1px solid #eeebdf;
	margin: 0 10px 10px 0;
}
	div.attraction span {
		display: block;
	}
	.attraction .title {

	}
	.attraction .phone {
		display: none;
	}
	.attraction .address1 a {
		color: #999;
	}
	.attraction .address2 {
		display: none;
	}