@charset "UTF-8";
/* Harris Ranch Positioning Stylesheet */

/* ------------------------------------------------------------ COLOR KEY ----- */
/*
	Dark violet (footer bar): #362028
	Tan (background): #f9f4de
	
*/
/* ------------------------------------------------------------ GLOBAL STYLES ----- */

body {
	height:100%;
	width:100%;
	background:url(../images/bckgrnd.jpg) center bottom repeat-x #cc9933;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}

.clear {
	clear:both;
	height:0px;
	}

#container {
	width: 820px;
	margin: 0px auto;
	position:relative;
	/*text-align: center;*/
	}
	
#banner {
	width: 770px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 50px;
	}
	
/* ------------------------------------------------------------ NAV BAR STYLES ----- */

#nav-bar {
	position:absolute;
	width: 240px;
	height:425px;
	margin: 383px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top:0px;
	left:0px;
	z-index:1;
	background-image:url(../images/bckgrnd_logo.jpg);
	background-repeat:no-repeat;
	}
	
#nav-barhome {
	position:absolute;
	width: 240px;
	height:425px;
	margin: 383px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top:0px;
	left:0px;
	z-index:1;
	background-image:url(../images/bckgrnd_logo.jpg);
	background-repeat:no-repeat;
	}

	#logo {
		position:absolute;
		width: 275px;
		margin: 0px;
		text-align:left;
		z-index:3;
		}
	
	#nav {
		position:absolute;
		top:145px;
		width: 250px;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:right;
		}
		
		#nav li {
			position:relative;
			padding-right:25px;
			width:225px;
			}
		
		#nav li ul {
			display:none;
			width:198px;
			position:absolute;
			top:-10px;
			left:235px;
			text-align:center;
			background:url(../images/bckgrnd_subnav.jpg) top left #f9f4de;
			padding:10px 0px;
			z-index:2;
			border:1px solid #cec08e;
			}
			
			#nav li ul li {
				width:200px !important;
				padding:0px !important;
				}
			
		#nav li:hover ul, #nav li.over ul {
			display:block;
			}
			
/*#nav-placeholder {
	float:left;
	width: 225px;
	height:295px;
	margin: 0px;
	padding:0px;
	}*/

/* ------------------------------------------------------------ CONTENT STYLES ----- */


#header {
	width:770px;
	height:425px;
	margin-left:50px;
	background: #f9f4de;
	padding:0px;
	text-align:right;
	}

		
#content-wrapper {
	width:770px;
	margin-left:50px;
	background:url(../images/content-wrapper-bg.jpg) bottom left no-repeat #f9f4de;
	}
	
	#content-wrapper.overview {
		background-image:url(../images/overview-bg.jpg);
		}
		
	#content-wrapper.history {
		background-image:url(../images/history-bg.jpg);
		}
		
	#content-wrapper.neighborhood {
		background-image:url(../images/neighborhood-bg.jpg);
		}
		
	#content-wrapper.visit {
		background-image:url(../images/visit-bg.jpg);
		}
		
	#content-wrapper.news {
		background-image:url(../images/news-bg.jpg);
		}
		
	#content-wrapper.contact {
		background-image:url(../images/contact-bg.jpg);
		}
		
	#content-wrapper.builders {
	background-image:url(../images/builders-bg2.jpg);
		}
		
	#content-wrapper.buildings {
	background-image:url(../images/buildings-bg2.jpg);
		}
		
	#content-wrapper.mitigation {
	background-image:url(../images/wildlife-bg2.jpg);
		}
		
		#content-wrapper.ccr {
	background-image:url(../images/ccr-bg2.jpg);
		}

#content {
	width:485px;
	min-height:370px;
	height:auto !important; /* Min-height hack for IE6 Part I*/
	height:370px; /* Min-height hack for IE6 Part II*/
	/*margin-left:50px;*/
	padding:130px 30px 360px 255px;
	text-align:left;
	background:url(../images/content-bg.jpg) top left no-repeat;
	position:relative;
	}
	
#home #content {
	width:740px;
	margin-left:50px;
	padding:20px 0px 40px 30px;
	background:url(../images/bckgrnd_home.jpg) bottom left no-repeat #f9f4de;
	}

#sidebar {
	background:url(../images/hdr_happenings.gif) 0px -10px no-repeat;
	padding:110px 15px 0px 40px;
	width:210px;
	float:right;
	margin:0px 0px 0px 20px;
	}
	
#photo, a.tour {
	position:absolute;
	bottom:0px;
	right:0px;
	margin-top:50px;
	z-index:1;
	}
#photo1 {
	z-index:1;
	}
#photo2 {
	margin-top:40px;
	z-index:1;
	}
#photo3 {
	margin-top:20px;
	z-index:1;
	}
	
#content form {
	margin:10px 0px 20px;
	}
	
	#content form label {
		display:block;
		width:110px;
		float:left;
		}
		
	#content form input[type="text"] {
		width:200px;
		}
		
	#content form input[type="submit"] {
		margin-left:110px;
		}
		
	#content p#platmap {
		display:block;
		width:455px;
		height:48px;
		padding:437px 0px 0px 30px;
		font-weight:bold;
		/*text-align:center;*/
		background:url(../images/harris-ranch-plat-map.gif) top center no-repeat;
		}
		
		p#platmap a {
			display:block;
			width:185px;
			text-align:center;
			margin-right:10px;
			float:left;
			}
		
	#content p#specific-plan {
		display:block;
		width:455px;
		height:63px;
		padding:265px 0px 0px 30px;
		font-weight:bold;
		/*text-align:center;*/
		background:url(../images/specific-plan.gif) top center no-repeat;
		}
		
		p#specific-plan a {
			display:block;
			width:170px;
			text-align:left;
			margin-right:0px;
			float:left;
			}

/* ------------------------------------------------------------ FOOTER STYLES ----- */

#footer {
 	width:770px;
	margin:0 0 100px 50px;
	border-top: 10px solid #362028;
	text-align:left;
	}