/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	body {

	}

	#header {
		height: 102px;
		background-image: url("../images/header_bg.png");
		background-repeat: repeat-x;
		margin-top: 75px;
		-moz-box-shadow:    4px 3px 25px -1px black;
  		-webkit-box-shadow: 4px 3px 25px -1px black;
  		box-shadow:         4px 3px 25px -1px black;
	}

	#menu_container {
		width: 1000px;
		height: 102px;
		margin-left: auto;
		margin-right: auto;
	}

	.logo {
		width: 214px;
		height: 214px;
		float: left;
		position: absolute;
		top: 3%;
		margin-bottom: 0px;
		z-index: 100;
	}

	ul.menu {
		float: right;
		list-style-type: none;
		width: 785px;
		height: 102px;
	}

	ul.menu a{
		padding-left: 49px;
		padding-right: 49px;
		display: block;
		line-height: 102px;
		text-decoration: none;
		font-family: 'Ubuntu', sans-serif;
		font-weight: bold;
		font-size: 14pt;
		text-transform: uppercase;
		color: #415a3e;
	}

	ul.menu a:hover {
		color: white;

	}

	ul.menu li {
		float: left;
	}

	ul.menu li:hover {
		background-image: url("../images/menu_hover_bg.png");
	}

	#content {
		opacity: 0;
		filter: alpha(opacity=0);
		width: 880px;
		height: 330px; /*550px actual*/
		margin-left: auto;
		margin-right: auto;
		margin-top: 13px;
		background-image: url("../images/container_bg.png");
		-moz-box-shadow:    4px 3px 25px -1px black;
  		-webkit-box-shadow: 4px 3px 25px -1px black;
  		box-shadow:         4px 3px 25px -1px black;
  		z-index: -1;
	}



	#food_menu {
		width: 820px;
		margin-left: auto;
		margin-right: auto;
	}

	#menu_right, #menu_left {
		width: 380px;
		padding-left: 15px;
		padding-right: 15px;
		float: left;
	}

	#menu { 
		width: 860px; 
		clear: both; 
		padding-top: 50px;
		margin-left: auto;
		margin-right: auto;
	}
	#menu .viewport { 
		width: 820px; 
		height: 485px; 
		overflow: hidden; 
		position: relative; 
	}
	#menu .overview { 
		list-style: none; 
		position: absolute; 
		left: 0; 
		top: 0; 
	}

	#menu .thumb .end,
#menu .thumb { background-color: #C4C4C4; }
#menu .scrollbar { position: relative; float: right; width: 10px; }
#menu .track { height: 100%; width:10px; position: relative; padding: 0 1px; }
#menu .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#menu .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#menu .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/*	#menu .scrollbar { position: relative; float: right; width: 15px; }
	#menu .track { background-color: #D8EEFD; height: 100%; width:15px; position: relative; padding: 0 1px; }
	#menu .thumb { padding-top: 5px; background: transparent url(../images/scroll-bar.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
	#menu .thumb .end { background: transparent url(../images/scroll-bar.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
	#menu .disable{ display: none; }
	.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/*	#menu .scrollbar{ background: transparent  no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#menu .track { background: transparent  no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#menu .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#menu .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#menu .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }*/
	a.menu_link {
		clear: both;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 300;
		font-style: italic;
		text-decoration: underline;
		display: block;
		line-height: 150%;
		margin-top: 210px;
		color: black;
	}
	.menu_link {
		text-align: center;
	}

	.sub_menu {
		padding-top: 5px;
		padding-bottom: 10px;
		height: auto;
		display: none;
	}

	.food_category{
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		color: #42210b;
		font-size: 16pt;
		text-decoration: none;
		line-height: 150%;
	}

	a.food_category:hover {
		color: #476A34;
	}

	p.food_name {
		font-family: 'Ubuntu', sans-serif;
		font-weight: 400;
		color: #3b2314;
		display: inline;
		margin-top: 5px;
	}

	p.food_desc {
		font-family: 'Ubuntu', sans-serif;
		font-weight: 300;
		color: #3b2314;
		display: inline;
		font-size: 0.9em;
		width: 300px;
	}

	.food_desc {
		width: 300px;
	}

	.price {
		font-family: 'Ubuntu', sans-serif;
		font-weight: 400;
		color: #3b2314;
		float: right;
	}

	span.option {
		font-family: 'Ubuntu', sans-serif;
		font-weight: 300;
		color: #3b2314;
		font-size: 0.9em;
	}

	.arrow {
		float: right;
		padding-top: 5px;
	}

	.content_text {
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		width: 750px;
		height: 500px;
	}

	#text {
		display: none;
	}

	#map {
		width: 425px;
		height: 350px;
		margin-left: auto;
		margin-right: auto;
	}

	#about {
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		width: 750px;
		height: 500px;
	}

	.about {
		text-align: center;
	}

	h2.about{
		font-family: 'Ubuntu', sans-serif;
		font-style: italic;
		font-weight: 400;
		font-size: 1.3em;
	}
	p.about{
		font-family: 'Ubuntu', sans-serif;
		font-style: italic;
		font-weight: 300;
		line-height: 150%;
	}
	p.disclaimer{
		font-family: 'Ubuntu', sans-serif;
		/*font-style: italic;*/
		font-weight: 300;
		line-height: 150%;
	}
	.location, .location2{
		color: #3b2314;
	}
	p.location{
		font-family: 'Ubuntu', sans-serif;
		font-style: italic;
		font-weight: 300;
		line-height: 150%;
	}
	p.location2{
		font-family: 'Ubuntu', sans-serif;
		font-weight: 300;
		line-height: 150%;
	}
	h2.location{
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		line-height: 150%;
		font-size: 1.2em;
		text-decoration: underline;
	}
	#footer{
		position: relative;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		height: 100px;
		clear:both;
		text-align: center;
		font-family: 'Ubuntu', sans-serif;
		font-size: 20px;
		font-weight: 300;
		color: #FFFFFF;
		border-top: 1px solid #FFFFFF;
		width: 1000px;
	} 

	#caption_bg {
		width: 255px;
		background-color: black;
		opacity: 0.5;
		margin-left: auto;
		margin-right: auto;
	}

	.option_container {
		width: 290px;
		display: inline-block;
	}
	.option_title {
		width: 60px;
		display: inline-block;
		float: left;
	}

	.item_container {
		width: 380px;
		height: 100%;
		margin-bottom: 15px;
		line-height: 125%;
	}
	
	.number_container {
		width: 24px;
		margin-right: 6px;
		display: inline-block;
		float: left;
	}

	.description_container {
		width: 350px;
		display: inline-block;
		/*float: right;*/
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}