@charset "UTF-8";
@import url(reset.css);
@import url(lightbox.css);

/*** IE PNG Fix ***/
.pngfix, #sidebar { behavior: url(js/iepngfix.htc); }

/*** Common Use Classes ***/
.darkgreen 	{ color: #264935; }
.floatL 	{ float: left; }
.floatR 	{ float: right; }
.clear 		{ clear: both; }
.break		{ clear: both; line-height: 1px; }
.justify	{ text-align: justify !important; }
.req		{ font-weight: bold; color: maroon; }


/*** Main CSS ***/
body {
	font-family: "Trebuchet MS", Arial, Helvvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	background: #fff;
	text-align: center;
	color: #FFFFFF;
}

iframe {
	border: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

div { margin: 0px; padding: 0px; }

#wrapper {
	background: url(../images/beige_bg.jpg);
	width: 900px;
	height: 675px;
	margin: 20px auto;
}

#container {
	width: 835px;
	margin: auto;
	padding-top: 32px;
	text-align: left;
}
	
#header {
	background: url(../images/header.png);
	width: 835px;
	height: 69px;
}
	
#nav {
	background: #cbcfc1;
	margin: 3px 0px 0px 0px;
	padding: 6px 0px 7px 0px;
	display: block;
	text-align: center;
	list-style-type: none;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	text-transform: uppercase;
}
	
	#nav li {
		display: inline;
		margin: 0;
		padding: 0 15px 0 15px;
		border-left: 1px solid #264935;
	}
	
	#nav li a { color: #264935; text-decoration: none; }
		
	#nav .first { border: none; }
	
	#nav .selected { font-weight: bold; }
	
#content {
	width: 835px;
	height: 477px;
}
	
	

#sidebar {
	float: left;
	background: url(../images/sidebar_bg.png);
	width: 271px;
	height: 477px;
	margin: 3px 4px 0px 0px;
}

	#side_text {
		margin: 20px;
		width: 231px;
		height: 356px;
		color: #264935;
		font-size: 12px;
	}
		
		#side_text h1 { 
			font-size: 20px;
			font-weight: bold;
			margin-bottom: .6em;
			letter-spacing: -1px;
		}
		
			.worth_it {
	font-size: 26px;
	font-style: normal;
}
		
		#side_text h2 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: .6em;
		}
		
		#side_text p {
			font-size: 12px;
			margin-bottom: .6em;
		}
		
	.more_info { margin: 0px 7px 6px 10px; }
	
	#side_img { width: 253px; height: 375px; margin: 8px 7px 8px 9px; }

#main {
	float: right;
	width: 560px;
	height: 477px;
	margin: 3px 0px 0px 0px;
}

	.graybg { background: #cbcfc1; }
	
	.location_scroll {
	width: 519px;
	height: 437px;
	margin: 20px;
	overflow: scroll; /* For Opera */
	overflow-y: auto !important; /* Fixes for FF/IE/Safari */
	overflow-x: hidden !important; /* Fixes for FF/IE/Safari */
	}
		
	
	.brandedimg { margin-bottom: 3px; }
	
	#main_text {
	color: #264935;
	width: 500px;
	height: 417px;
	margin: 30px;
	overflow: scroll; /* For Opera */
	overflow-y: auto !important; /* Fixes for FF/IE/Safari */
	overflow-x: hidden !important; /* Fixes for FF/IE/Safari */
	font-size: 12px;
		}
		
		#main_text h1, #main_text h2, #main_text p, #main_text ul {
			margin-right: 10px;
			}
		
		#main_text h1 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: .6em;
			}
			
		#main_text h2 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: .4em;
			}
			
		#main_text p {
			font-size: 12px;
			margin-bottom: 6px;
			}
			
		#main_text ul {
			padding-left: 15px;
			}
			
		#main_text li {
			font-size: 11px;
			margin-left: 0;
			}
			
		.img_group { text-align: center; margin: 15px 5px; }
		
		.img_group img { margin: 5px; }
		
		.img_lastrow { margin: 5px 26px 5px 26px !important; }
		
		.gallery_vid {
			width: 342px; 
			height: 291px; 
			text-align: center; 
			margin: 5px 5px 10px 10px;
			padding: 0;
			float: right;
			}
		
		.directions {
			color: #264935;
			font-size: 11px;
			text-align: left;
			}
			
			.directions h1 { font-size: 12px; font-weight: bold; margin: 0px 0px 6px 0px; }
			
			.directions h2 { font-size: 11px; font-weight: bold; margin: 0px 0px 5px 0px; }
			
			.directions p  { margin-bottom: 5px; }
			
		.label_input {
			clear: both;
			width: 470px;
			height: 25px;
			line-height: 25px;
			font-size: 11px;
			}
		
		.row_on {  background: #BFBCB4; }
		
			.label_input label { width: 200px; float: left; margin-left: 10px; }
			
			.label_input input, .label_input select { 
				float: left; 
				margin-top: 3px;
				font-size: 11px;
				border: 1px solid gray;
			}
			

#amenities_tout {
	float: left;
	background: #cbcfc1;
	width: 276px;
	height: 138px;
}
	
	#amenities_tout img { margin: 8px 8px 8px 10px; }

#floorplan_tout {
	float: right;
	background: #cbcfc1;
	width: 281px;
	height: 138px;
}

	#floorplan_tout img { margin: 8px 8px 8px 10px; }

#footer {
	clear: both;
	width: 835px;
	margin-top: 5px;
	padding-top: 5px;
	line-height: 1.1;
	font-size: 9px; 
	border-top: 1px solid #999;
	color: #666;
}
	
	#footmid {
		float: left;
		margin-left: 51px;
		width: 306px;
		text-align: center;
	}
	
	#footnav {
		margin: .5em 0;
		padding: 0;
		height: 12px;
	}
	
		#footnav li {
			display: inline;
			margin: 0;
			padding: 0 5px 0 5px;
			border-left: 1px solid #666;
		}
		
		#footnav li a { color: #666; }
		
		#footnav .first { border: none; }
		
	#footright {
		float: right;
		width: 341px;
		text-align: justify;
		letter-spacing: -1px;
	}
