/*-------------------- b a s i c s -------------------------*/



	html, body { 
		margin: 0 0 0 0;
		padding:0;
		height:100%;
		width:100%;
		overflow:auto;
		color: #000000;
		position:relative;
		background:#000000;
	}
	
	p, a{
	font-family:verdana;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	text-decoration:none;
	}
	
	hr {
    height:1px;
    background:#5B7F21;
   }
	
	p.copyright {color:#474649;}
	
	textarea {
     resize:none;
	}
	
	.contact_table{
	padding:0;
	margin:0;
	}
	
	img{
	border:none;
	}
	.contact_table textarea{
	width:300px;
	}


/*-------------------- n e w    s t u f f -------------------------*/

.reservation-widget{
    position:relative;
    width:175px;
    top:0px;
    margin:0 auto 20px auto;
    overflow:visible;
}

	
/*-------------------- s t r u c t u r a l    s t u f f -------------------------*/

	
	
	#container{
	position:relative;
	margin: 0 auto 0 auto;
	width:895px;
	height:450px;
	top:75px;
	}
	
	#green{
	position:absolute;
	top:0;
	left:0;
	background:#919748;
	width:170px;
	height:450px;
	}
	
	#logo img{
	position:relative;
	left:25px;
	top:15px;
	}
	
	#content{
	position:absolute;
	top:0;
	height:450px;
	}
	#content{
	left:600px;
	width:295px;
	}
	#copyright{
	position:absolute;
	top:445px;
	*top:455px;
	width:895px;
	text-align:right;
	}

	
	
/*-------------------- i m a g e s -------------------------*/



	#wood{
	background: url(../images/wood.jpg);
	position:absolute;
	top:0;
	left:175px;
	}
	
	#wood{
	width:420px;
	height:450px;
	}

	#home #wood{
	width:240px;
	height:450px;
	z-index:1;
	}
	
	#wood #menu{
	background: url(../images/paper.jpg);
	overflow:auto;
	font-family: verdana;
	font-size:11px;
	color:#767F21;
	z-index:1;
	}
	

	
	#food #content, #careers #content{background: url(../images/content-food.jpg);}
	#find_us #content{background: url(../images/content-find-us.jpg);}
	#why #content{background: url(../images/content-why.jpg);}
	#the_team #content{background: url(../images/content-team.jpg);}
	#private_parties #content{background: url(../images/content-private-parties.jpg);}
	#parties #content, #events #content, #contact #content{background: url(../images/content-parties.jpg);}
	#neighborhood #content{background: url(../images/content-neighborhood.jpg);}
	#chilled #content{background: url(../images/content-chilled.jpg);}
	#find-us #content, #directions #content{background: url(../images/content-directions.jpg);}
	#events #content{background: url(../images/content-events.jpg);}
	#hot-noodles #content{background: url(../images/content-hotnoodles.jpg);}
	#wok-noodles #content{background: url(../images/content-woknoodles.jpg);}
	#small-plates #content{background: url(../images/content-smallplates.jpg);}
	#juice #content{background: url(../images/content-juice.jpg);}
	#happy-hour #content{background: url(../images/content-cocktails.jpg);}
	#desserts #content{background: url(../images/content-waffle.jpg);}
	#what-about #content{background: url(../images/content-smallplates.jpg);}
	#ubreak #content{background: url(../images/content-breakfast.jpg);}
	#home #content{
	left:420px;
	width:475px;
	background: url(../images/BoomClosingSocial.png);
	}
	

	
	
/*-------------------- n a v i g a t i o n    e l e m e n t s -------------------------*/

#trufl{
position:absolute;
top:-40px;
left:5px;
z-index:10;
}

	
		ul{
		margin:0;
		padding:0;
		} 
		#nav ul{text-align:right;} #foot-nav ul{text-align:left;}

		#nav {
		position:absolute;
		top:-25px;
		left:0px;
		width: 895px;
		height:15px;
		margin: 0;
		padding: 0;
		color: #88878a;
		}
		
		#footnav {
		position:absolute;
		top:455px;
		left:0px;
		width: 895px;
		height:15px;
		margin: 0;
		padding: 0;
		color: #88878a;
		}

		#nav li, #footnav li {
		margin: 0;
		line-height:15px;
		list-style: none;
		display: inline;
		border:0px;
		}
		#nav li a, #footnav li a{
		padding: 0px 15px 0px 10px;
		color: #88878a;
		text-decoration: none;
		width: auto;
		}
		#footnav li a {
		padding: 0px 10px 0px 5px;
		font-size:11px;
		}
		#nav li a:hover, #footnav li a:hover {
		color: #464548;
		}
		#nav-twitter img{
margin:-3px;
margin-right:2px;
} #nav-facebook img{
margin:-5px;
margin-right:0px;
}
		
		
/*--------------------h o m e    +    s p l a s h-------------------------*/	

	

	#home-location{
	position: absolute;
	top: 107px;
	left: 25px;
	}
	
	#home-location  a{
	text-decoration:underline;
	}
	
	#home-location  a:hover{
	color:#223a0b;
	}
	
	#home-hours{
	position: absolute;
	top: 106px;
	left: 2px;
	width: 238px;
	font-family: verdana;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	text-decoration: none;
	}
	
	#splash, .splash-copy{
	position:absolute;
	top:275px;
	left:452px;
	overflow:hidden;
	border:none;
	width:410px;
	height:150px;
	color:#fff;
	font-family:verdana;
	font-size:11px;
}

	#splash{background:#223a0b;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}

	.splash-one{width:100px;padding-right:10px;}
	.splash-two{width:160px;padding-left:10px;}

	.splash-copy{padding:15px;}

	.splash-copy a{text-decoration:underline;}
	#splash a:hover{color:#}

	
	
	
/*-------------------- m e n u    s t y l e -------------------------*/			
	
	
	
	#menu p{
	padding:20px;
	padding-left:38px;
	padding-bottom:0;
	padding-top:10px;
	font-family: verdana;
	font-size:11px;
	color:#919748;
	}
	.sub-menu-img{
	margin-left:38px;
	*margin-left:0;
	}
	
	#map #wood img{
	margin-left:-15px;
	}
	
	#menu-select{
	position:absolute;
	top:100px;
	left:25px;
	font-size:8px;
	}
	#menu-select em{
	font-family:verdana;
	font-weight:normal;
	font-style:normal;
	font-size:10px;
	color:#3a3000;
	}
	#menu-select ul{
	list-style:none;
	}
	#menu-select li{
	height:22px;
	}
	#menu-select a{
	color:#E6EBA3;
	font-size:10px;
	}
	#menu-select a:hover{
	color:#ffffff;
	font-size:10px;
	}
	#menu-select a:visited{
	color:#ffffff;
	font-size:10px;
	}
	#menu-select a:visited:hover{
	color:#E6EBA3;
	font-size:10px;
	}
	#menu{
	position:absolute;
	top:25px;
	left:20px;
	width:380px;
	height: 400px;
	}
	#menu .menu-copy{
	position:relative;
	left:38px;
	*left:0;
	width:300px;
	padding-bottom:0;
	margin-bottom:0;
	}
	#menu .name-price{
	width: 220px;
	}
	#menu .name{
	width: 300px;
	}
	#menu .price{
	width: 20px;
	text-align:right;
	}
	.description{
	width:200px;
	}
	#menu a{
	color:#4E5E23;
	}
	
	
	
/*-------------------- n a v i g a t i o n   r o l l o v e r -------------------------*/		



		#careers #nav-careers{color:#ffffff;}
		#contact #nav-contact{color:#ffffff;}
		#about #nav-about{color:#ffffff;}
		#find-us #nav-find-us{color:#ffffff;}
		#food #nav-food{color:#ffffff;}
		#blog #nav-blog{color:#ffffff;}
		#parties #nav-parties{color:#ffffff;}
		#events #nav-events{color:#ffffff;}



	
/*-------------------- b l o g -------------------------*/	



#blog-spot{
	position:absolute;
	top:0;
	left:175px;
	overflow:hidden;
	border:none;
	*border:0px;
	background:#000;
	width:730px;
	height:450px;
	background-repeat:repeat-y;
	overflow:hidden;
}



/*-------------------- c u s t o m    s c r o l l b a r s -------------------------*/	


#menu{
/*percantage width: make it 100% to match container*/
width: 90%;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position:absolute;
margin: 0.3em auto 0.3em 0px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color:#fff;
border:1px solid #7c6928;
}
.vscrollerbar {
margin-top:-1px;
margin-left:-1px;
width: 10px;
background-color:#919748;
border:1px solid #7c6928;
}
.hscrollerbase {
height: 10px;
background-color:#D3CCBA;
}
.hscrollerbar {
height: 10px;
background-color:#fff;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color:#D3CCBA;
}

	#reservations #menu{
	background: url(../images/paper.jpg);
	overflow:visible;
	font-family: verdana;
	font-size:11px;
	color:#767F21;
	z-index:1;
	}
#reservations #menu p img{
margin-top:-10px;
}
.movingtext {
	font-weight: bold;
	text-align:center;
	font-size: 14px;
	color: #ffffff!important;
	font-family: Helvetica, Arial, sans-serif;
}
.moving {
	background: rgba(34, 58, 11, 0.6);
}