/*
	Eleganta: A responsive HTML5 website template by HTML5Templates.com
	Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
	Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Header */

#header-wrapper {
}

#header {
	overflow: hidden;
	min-height: 205px;
	position: relative;
}

/* Logo */

#logo {
	overflow: hidden;
	height: 160px;
}

#logo h1 a {
	display: block;
	padding: 10px 0px 0px 0px;
	letter-spacing: -1px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 0px #2C7485;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 44pt;
	font-weight: 200;
	color: #FFFFFF;
}

#logo p {
	padding: 10px 0px 0px 0px;
	letter-spacing: -1px;
	text-align: center;
	font-family: 'Abel', sans-serif;
	font-size: 18pt;
	color: #FD5113;
}

/* Menu */

#menu-wrapper {
	background: url(images/img01.png) repeat;
}

#menu {
	height: 60px;
}

#menu ul {
	text-align: center;
}

#menu li {
	display: inline-block;
	padding: 0px 20px;
	line-height: 60px;
}

#menu a {
	display: block;
	float: left;
	margin-right: 2px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
	font-size: 13pt;
	color: #FD5113;
}

#menu .current_page_item {
	color: #FFDCCC;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

#menu a:hover {
}


/* Page Wrapper */

#page-wrapper {
	overflow: hidden;
	padding: 30px 0px;
	background: #FFFFFF;
}

/* Banner */

#banner {
	overflow: hidden;
	padding: 0px 30px 30px 30px;
}

#banner a img {
	display: block;
	width: 100%;
}

/* Content */

#leftcolumn{
float: left;
width: 330px; /*Width of left column*/
margin-left: -1056px; /*Set left margin to -(MainContainerWidth)*/
/*background: #C8FC98;*/
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#content {
	overflow: scroll;
    -webkit-overflow-scrolling: touch;
	padding: 0px 0px 0px 30px;
}

.twocolumn2 #content {
	overflow: scroll;
    -webkit-overflow-scrolling: touch;
	padding: 0px 30px 0px 0px;
}

.onecolumn #content {
	overflow: scroll;
    -webkit-overflow-scrolling: touch;
	padding: 0px 30px;
}

#content h2 {
	letter-spacing: -2px;
	text-transform: uppercase;
	font-size: 30pt;
	color: #2A2A2A;
}

#content .subtitle {
	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 16pt;
	font-weight: 300;
	color: #D1551F;
}

#content img {
	padding: 0px 0px 10px 0px;
}

#content a img {
	padding: 0px 0px 10px 0px;
	max-width:  20%;
    height: auto;
}

#content .post {
	overflow: scroll;
    -webkit-overflow-scrolling: touch;
	padding: 0px 0px 40px 0px;
}
/* ABOUT US */
#content-rest .about-us {margin:30px;border-bottom:1px solid #cdcdcd;}
#content-rest .about-us p{
	font-family:Arial;
	font-size:12px;
	color:#575757;
	text-align:left;
	margin:1em auto;
	padding-left:70px;
	
}
#about2 {margin:0 auto;width:871px;height:924px;background:url(../images/bg_resto_1.jpg) no-repeat top left;}
#about2 .images {padding:20px 7px 10px 33px;}
#content-1 {
    float:left;
    width:350px;
	margin-left:26px;
    padding:0px 10px;
    
}
#content-2 {
    float:left;
    width:264px;
    padding:0px 10px;
    
}
#content-3 {
    float:right;
    width:150px;
    padding:0px 10px;
    
}


/* AWARDS AND RECOG */
#awards {margin:0px 20px 0px 70px; width:304px;float:left;}
#awards2 p{
	font-family:Arial;
	font-size:12px;
	color:#575757;
	text-align:left;
	margin:1em auto;
	
}
#awards-title {margin:0 auto; padding-bottom:20px;text-align:center;}
#awards .justi {margin-left:50px;}
#awards2 {margin:0px 20px 0px 0px; width:504px;padding-top:20px;float:left;}
#awards2 p{
	font-family:Arial;
	font-size:17px;
	color:#a06938;
	text-align:left;
	margin:1em auto;
	line-height:16px;
	font-style:italic;
	
}
#awards3 {margin:0 auto; padding-bottom:20px;padding-top:0px;text-align:center;}

#ourmenu {margin:0 auto; padding-bottom:20px;text-align:center;}

.imgContainer{
	padding: 10px 0px 0px 0px;
    display:inline-block
}

/* Sidebar1 */

#sidebar1 {
	padding: 0px 0px 0px 0px;
}

#sidebar1 h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #2A2A2A;
}

/* BUTTON */
.Home-restaurant {
	display: block;
	width: 594px;
	height: 72px;
	background: url(../images/home_restaurant.png) bottom;
	text-indent: -99999px;
}
.Home-restaurant:hover {
	background-position: 0 0;
}

.appetizer-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-first-taste-hover.png) bottom;
	text-indent: -99999px;
}
.appetizer-button:hover {
	background-position: 0 0;
}

.soup-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-soup-hover.png) bottom;
	text-indent: -99999px;
}
.soup-button:hover {
	background-position: 0 0;
}

.salad-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-salad-hover.png) bottom;
	text-indent: -99999px;
}
.salad-button:hover {
	background-position: 0 0;
}

.poultry-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-poultry-hover.png) bottom;
	text-indent: -99999px;
}
.poultry-button:hover {
	background-position: 0 0;
}

.pork-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-pork-hover.png) bottom;
	text-indent: -99999px;
}
.pork-button:hover {
	background-position: 0 0;
}

.beef-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-beef-hover.png) bottom;
	text-indent: -99999px;
}
.beef-button:hover {
	background-position: 0 0;
}

.seafood-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-seafood-hover.png) bottom;
	text-indent: -99999px;
}
.seafood-button:hover {
	background-position: 0 0;
}

.curry-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-curry-hover.png) bottom;
	text-indent: -99999px;
}
.curry-button:hover {
	background-position: 0 0;
}

.noodle-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-noodle-hover.png) bottom;
	text-indent: -99999px;
}
.noodle-button:hover {
	background-position: 0 0;
	
}

.friedrice-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-friedrice-hover.png) bottom;
	text-indent: -99999px;
}
.friedrice-button:hover {
	background-position: 0 0;
}

.vegetarian-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-vegetarian-hover.png) bottom;
	text-indent: -99999px;
}
.vegetarian-button:hover {
	background-position: 0 0;
}

.side-order-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-sides-hover.png) bottom;
	text-indent: -99999px;
}
.side-order-button:hover {
	background-position: 0 0;
}

.sweettreat-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-sweet-hover.png) bottom;
	text-indent: -99999px;
}
.sweettreat-button:hover {
	background-position: 0 0;
}

.beverage-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-beverage-hover.png) bottom;
	text-indent: -99999px;
}
.beverage-button:hover {
	background-position: 0 0;
}

.lunch-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-lunch-hover.png) bottom;
	text-indent: -99999px;
}
.lunch-button:hover {
	background-position: 0 0;
}

.lunch-veggie-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-lunch-veggie-delight-hover.png) bottom;
	text-indent: -99999px;
}
.lunch-veggie-button:hover {
	background-position: 0 0;
}

.lunch-dist-button {
	display: block;
	width: 200px;
	height: 45px;
	background: url(../images/dir-lunch-dist-palate-hover.png) bottom;
	text-indent: -99999px;
}
.lunch-dist-button:hover {
	background-position: 0 0;
}

#rightPan{width:565px; float:left; margin:40px 0 0 0; display:inline}

/* DINNER MENU TABLE */
.dinner-table { overflow-x: scroll; }
.dinner-table{table-layout: fixed; margin:40px auto 0px auto; }

/* CONTENT RESTAURANT */
#content-rest{width:959px; height:auto; margin:0 auto; background-color:#ffffff; position:relative;}
#content-rest .welcome{
	width:187px;
	margin:0 auto;
}
#content-catering{width:959px; height:auto; margin:0 auto; background-color:#ffffff;padding-bottom:20px;}
#content-catering .center-image {margin:0 auto; text-align:center;}

#content-catering .list1 {width:700px;margin:0 auto;}
#content-catering .list1 p {font-family:Arial;font-size:15px;color:#3c3c3c;text-align:center;margin:1em;padding-bottom:10px;line-height:18px;}

#content-catering .list1 a {color:#ca2d1b;font-size:17px;font-family:Arial;font-weight:bold;text-decoration:underline;}
#content-catering .list1 a:hover {color:#ca2d1b;font-size:17px;font-family:Arial;font-weight:bold;text-decoration:none;}

#content-catering .list1 ul{
	font-family:Arial;
	font-size:15px;
	color:#3c3c3c;
  width:700px;
  margin-bottom:20px;
  overflow:hidden;
  
}
#content-catering .list1 li{
  line-height:1.5em;
  float:left;
  display:inline;
}
#double li  { width:50%;} <span class="code-comment">/* 2 col */</span>
#triple li  { width:33.333%; } <span class="code-comment">/* 3 col */</span>
#quad li    { width:25%; } <span class="code-comment">/* 4 col */</span>
#six li     { width:16.666%; } <span class="code-comment">/* 6 col */</span>

/* content menu */
#content-menu{width:1175px; height:auto; margin:0 auto; background-color:#ffffff;padding-bottom:20px;}
#content-menu .center-image {margin:0 auto; text-align:center;}

#twelve {
    float:left;
    width:318px;
	height:197px;
    padding:0px;
    background:url(../images/cat-12ppl.png) top left no-repeat;
	position:relative;
}
#twelve .twelve-0{
	position: absolute;
	left: 66px;
	top: 72px;
	font-family: Arial;
	font-size: 16px;
	color: #3c3c3c;
	width: 200px;
}
#twelve .twelve-1{
	position: absolute;
	left: 67px;
	top: 93px;
	font-family: Arial;
	font-size: 12px;
	color: #3c3c3c;
	width: 200px;
}
#twelve .twelve-2{
	position: absolute;
	left: 56px;
	top: 122px;
	font-family: Arial;
	font-size: 35px;
	color: #331137;
	width: 200px;
}
#twelve .twelve-3{
	position: absolute;
	left: 56px;
	top: 156px;
	font-family: Arial;
	font-size: 20px;
	color: #331438;
	width: 200px;
	text-align: center;
}
#twenty {
    float:left;
    width:322px;
	height:197px;
    position:relative;
    background:url(../images/cat-20ppl.png) top left no-repeat;
}
#twenty .twenty-1{
	position: absolute;
	left: 76px;
	top: 71px;
	font-family: Arial;
	font-size: 16px;
	color: #3c3c3c;
	width: 200px;
}
#twenty .twenty-2{
	position: absolute;
	left: 76px;
	top: 90px;
	font-family: Arial;
	font-size: 12px;
	color: #3c3c3c;
	width: 200px;
}
#twenty .twenty-3{
	position: absolute;
	left: 64px;
	top: 122px;
	font-family: Arial;
	font-size: 35px;
	color: #331137;
	width: 200px;
}
#twenty .twenty-4{
	position: absolute;
	left: 65px;
	top: 156px;
	font-family: Arial;
	font-size: 20px;
	color: #331438;
	width: 200px;
	text-align:center;
}
#twentyeight {
    float:left;
    width:317px;
	height:197px;
    background:url(../images/cat-28ppl.png) top left no-repeat;
	position:relative;
	margin-left:2px;
}
#twentyeight .twentyeight-1{
	position: absolute;
	left: 76px;
	top: 71px;
	font-family: Arial;
	font-size: 16px;
	color: #3c3c3c;
	width: 200px;
}
#twentyeight .twentyeight-2{
	position: absolute;
	left: 76px;
	top: 90px;
	font-family: Arial;
	font-size: 12px;
	color: #3c3c3c;
	width: 200px;
}
#twentyeight .twentyeight-3{
	position: absolute;
	left: 64px;
	top: 122px;
	font-family: Arial;
	font-size: 35px;
	color: #331137;
	width: 200px;
}
#twentyeight .twentyeight-4{
	position: absolute;
	left: 65px;
	top: 156px;
	font-family: Arial;
	font-size: 20px;
	color: #331438;
	width: 200px;
	text-align:center;
}

/* Sidebar2 */

#sidebar2 {
	padding: 0px 30px 0px 0px;
}


.twocolumn2 #sidebar2 {
	padding: 0px 0px 0px 30px;
}

#sidebar2 h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #2A2A2A;
}

#sidebar2 .sbox1 {
	margin-bottom: 50px;
}


#sidebar2 .sbox2 {
	margin-bottom: 50px;
}

#sidebar2 .sbox3 {
}


/** Footer Column Content */

#footer-content {
	overflow: hidden;
	padding: 50px 0px 0px 0px;
}

#footer-content h2 {
	padding: 0px 0px 40px 0px;
	text-transform: uppercase;
	font-size: 20pt;
	color: #FFD2BE;
}