/* 
    AUTHOR: Mark Wiard
            Mark@woodenski.com
            MarkWiard.com
			
Site Colors
 Dark Tan - 715B22
 Light Tan - CAAD5D
 Medium Tan - 705B26
 Dark Brown - 202020
			
			
*/

/* RESETS & BASIC PAGE SETUP */

*
{
		margin: 0;
		padding: 0;
}

ul
{
		list-style: none inside;
}

p
{
		font-size: 1.2em;
		margin-bottom: 1.3em;
}

a
{
		outline: none;
}

a img
{
		border: none;
}

h1
{
	font-size: 1.6em;
	color: #6F2A00;
	font-weight: normal;
	font-style: italic;
	line-height: 1;
	margin-bottom: 0px;
}

h2
{
		font-size: 1.5em;
		font-weight: normal;
		font-style: italic;
}

/* END RESET */

/* TOOLBOX */
.floatleft
{
		float: left;
}

.floatright
{
		float: right;
}

.clear
{
		clear: both;
}

/* END TOOLBOX */



/* STRUCTURE AND STUFF */

body {
	color: #6F2A00;
	text-align: center;
	background-color: #878164;
	margin-top: 60px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.0em;
	line-height: 1.4em;
}

#container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FCF8EA;
	margin-top: 5px;
	margin-bottom: 15px;
	background-image: url(images-site/Pinon-Branch.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index: 0;
}
#header{
	position: relative;
	z-index: 10;
}

#sidebar {
	float: right;
	width: 235px;
	margin-top: 5px;
}

#menu {
	float: left;
	position: relative;
	width: 250px;
	top: -330px;
	left: 5px;
	background-image: url(images-menu/Menu-Background.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 20;
	margin-bottom: -300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


/* SPRITES */

#menu-sprite {
	background:url("images-menu/sprites.png") 0 0 no-repeat;
	width:160px;
	height:380px;
	padding:0px;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}  

#menu-sprite li span { display: none; }  

#menu-sprite li { float:left; list-style:none; position:relative; }  

#menu-sprite li, #menu-sprite a {  
	height:35px;    /* Each button must have the same height, define it here */  
	display:block;  
	margin:0px;  
	padding:0px;  
}  

li#home, li#news, li#about, li#neighborhoods, li#commercial,li#custom , li#available, li#photo, li#contact-us { margin-bottom:0px; width:160px; }  
li#homeon, li#newson, li#abouton, li#neighborhoodson, li#commercialon,li#customon, li#availableon, li#photoon, li#contact-uson { margin-bottom:0px; width:160px; }  


#home a:hover { background:url("images-menu/sprites.png") -152px  -0px no-repeat; }  
#homeon { background:url("images-menu/sprites.png") -152px  -0px no-repeat; }  
#news a:hover { background:url("images-menu/sprites.png") -152px  -35px no-repeat; }  
#newson { background:url("images-menu/sprites.png") -152px  -35px no-repeat; }  
#about a:hover { background:url("images-menu/sprites.png") -152px  -70px no-repeat; }  
#abouton { background:url("images-menu/sprites.png") -152px  -70px no-repeat; }  
#neighborhoods a:hover { background:url("images-menu/sprites.png") -152px  -105px no-repeat; } 
#neighborhoodson { background:url("images-menu/sprites.png") -152px  -105px no-repeat; }  
#commercial a:hover { background:url("images-menu/sprites.png") -152px -140px no-repeat; } 
#commercialon { background:url("images-menu/sprites.png") -152px -140px no-repeat; } 
#custom a:hover { background:url("images-menu/sprites.png") -152px -175px no-repeat; } 
#customon { background:url("images-menu/sprites.png") -152px -175px no-repeat; } 
#available a:hover { background:url("images-menu/sprites.png") -152px -210px no-repeat; } 
#availableon { background:url("images-menu/sprites.png") -152px -210px no-repeat; } 
#photo a:hover { background:url("images-menu/sprites.png") -152px -245px no-repeat; } 
#photoon { background:url("images-menu/sprites.png") -152px -245px no-repeat; } 
#contact-us a:hover { background:url("images-menu/sprites.png") -152px -280px no-repeat; } 
#contact-uson { background:url("images-menu/sprites.png") -152px -280px no-repeat; } 


/* END SPRITES  */

#mission{
	font-size: 1em;
	color: #726D54;
	width: 220px;
	font-style: italic;
	font-weight: bold;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}


#content{
	float: left;
	width: 410px;
	margin-left: 25px;
	margin-top: 35px;
}

#newsletter{
	background-image: url(images-site/Newsletter-signup.png);
	background-repeat: no-repeat;
	height: 90px;
	width: 200px;
	padding-top: 36px;
	padding-left: 35px;
	padding-right: 0px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#newsletter input {
	font-size: 0.7em;
	background-color: #FCF8EA;
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
}

#footer {
}

a:link {
	color:#9f6e50;
	text-decoration: none;
}

a:visited {
	color:#9f6e50;
	text-decoration: none;
}

a:hover {
	color:#77452D;
	text-decoration: none;
}


a:active {
	color:#9f6e50;
	text-decoration: none;
}

#subnav {
	color: #D6B7A1;
	text-decoration: none;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
	
#subnav a:link {
	color:#9f6e50;
	text-decoration: none;
}

#subnav a:visited {
	color:#9f6e50;
	text-decoration: none;
}

#subnav a:hover {
	color:#561700;
	text-decoration: none;
}


#subnav a:active {
	color:#9f6e50;
	text-decoration: none;
}

.subnav-current {
	/* display: block !important; */
		color: #561700 !important;
}

/* Classes  */

.highlight{
	font-size: 1.6em;
	color: #6F2A00;
	font-weight: normal;
	font-style: italic;
	line-height: 1em;
}

.bullet-list {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 1em;
	margin-left: 15px;
}
.facebook {
	margin: 0px auto 10px;
	padding: 0 8px 0 0;
	width: 100px;
	}