/* CSS Document */
body{padding:0px; margin:0px; background:#2f142f url(../images/bg.jpg) top left; color:#ffffff; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

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

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

p a{font:10px/14px Tahoma, sans-serif; color:#540219; text-decoration:none;}
p a:hover{ color:#FFF; text-decoration:none;}

.headline{font:12px/14px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold}
.headline2{font:11px/14px Arial, Helvetica, sans-serif; color:#fdf4b5;}
#container-home{width:1185px; position:relative; margin:0 auto; }
#container{width:1175px; position:relative; margin:0 auto; background:#dddddd;}
#container1{width:973px; position:relative; margin:0 auto; }
/* HEADER */

#header{width:959px; height:219px; margin:0 auto; background:url(../images/b_header.jpg) 0 0 no-repeat;}

#header img#logo{
	position: absolute;
	top: 57px;
	left: 478px
}

#header img#logo-big{
	position: absolute;
	top: 14px;
	left: 378px
}

#header img#icon1{
	position: absolute;
	top: 15px;
	left: 930px
}
#header img#icon2{
	position: absolute;
	top: 15px;
	left: 987px
}

#header img#slogan{position:absolute; top:190px; left:106px}

#header ul.menu{
	position: absolute;
	top: 122px;
	left: 374px;
	width: 600px
}
#menu-2 {
	position: absolute;
	top: 161px;
	left: 513px;
	width: 153px
}
#menu-2 li{height:32px; margin-right:17px; float:left}

#header ul.menu li{height:33px; margin-right:17px; float:left}
#header ul.menu li a{height:33px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:33px;}

#header ul.menu li.btn_1 a{width:111px; background:url(../images/btn_home1.png) 0 0 no-repeat; }
#header ul.menu li.btn_1 a:hover{width:111px; background:url(../images/btn_home2.png) 0 0 no-repeat;}

#header ul.menu li.btn_2 a{width:144px; background:url(../images/btn_restnt2.png) 0 0 no-repeat; }
#header ul.menu li.btn_2 a:hover{width:144px; background:url(../images/btn_restnt2.png) 0 0 no-repeat;}

#header ul.menu li.btn_4 a{width:144px; background:url(../images/btn_restnt1.png) 0 0 no-repeat; }
#header ul.menu li.btn_4 a:hover{width:144px; background:url(../images/btn_restnt2.png) 0 0 no-repeat;}

#header ul.menu li.btn_3 a{width:114px; background:url(../images/btn_catering2.png) 0 0 no-repeat; }
#header ul.menu li.btn_3 a:hover{width:114px; background:url(../images/btn_catering2.png) 0 0 no-repeat;}


#header ul.menu li.stat {width:114px; background:url(../images/btn_catering2.png) 0 0 no-repeat;}
#header ul.menu li.stat2 {width:114px; background:url(../images/btn_restnt1.png) 0 0 no-repeat;}

#header ul.menu li.line{width:7px; background:url(../images/bullet1.gif) 0 4px no-repeat}

/* HEADER MENU */

#header-MENU{width:1175px; height:223px; margin:0 auto; background:#dddddd url(../images/header-menu.jpg) 0 0 no-repeat;}

#header-MENU img#logo{
	position: absolute;
	top: 26px;
	left: 444px
}

#header-MENU img#logo-big{
	position: absolute;
	top: 14px;
	left: 378px
}

#header-MENU img#icon1{
	position: absolute;
	top: 25px;
	left: 1021px
}
#header-MENU img#icon2{
	position: absolute;
	top: 21px;
	left: 1091px
}

/* HEADER 2 */

#header2{width:959px; height:550px; margin:0 auto; background:#dddddd url(../images/b_header.jpg) 0 0 no-repeat;}

#header2 img#logo{
	position: absolute;
	top: 21px;
	left: 388px
}

#header2 img#logo-big{
	position: absolute;
	top: 14px;
	left: 378px
}

#header2 img#icon1{
	position: absolute;
	top: 20px;
	left: 831px
}
#header2 img#icon2{
	position: absolute;
	top: 20px;
	left: 889px
}

#header2 img#slider1{
	position: absolute;
	top: 177px;
	left: 107px
}

#header2 img#slogan{position:absolute; top:190px; left:106px}

#header2 ul.menu{
	position: absolute;
	top: 127px;
	left: 278px;
	width: 600px
}
#header2 ul.menu li{height:33px; margin-right:17px; float:left}
#header2 ul.menu li a{height:33px; display:block; text-indent:-20000px; }
#header2 ul.menu li a:hover{height:33px;}

#header2 ul.menu li.btn_1 a{width:111px; background:url(../images/btn_home1.png) 0 0 no-repeat; }
#header2 ul.menu li.btn_1 a:hover{width:111px; background:url(../images/btn_home2.png) 0 0 no-repeat;}

#header2 ul.menu li.btn_2 a{width:144px; background:url(../images/btn_restnt2.png) 0 0 no-repeat; }
#header2 ul.menu li.btn_2 a:hover{width:144px; background:url(../images/btn_restnt2.png) 0 0 no-repeat;}

#header2 ul.menu li.btn_21 a{width:144px; background:url(../images/btn_restnt1.png) 0 0 no-repeat; }
#header2 ul.menu li.btn_21 a:hover{width:144px; background:url(../images/btn_restnt2.png) 0 0 no-repeat;}

#header2 ul.menu li.btn_3 a{width:114px; background:url(../images/btn_catering1.png) 0 0 no-repeat; }
#header2 ul.menu li.btn_3 a:hover{width:114px; background:url(../images/btn_catering2.png) 0 0 no-repeat;}

#header2 ul.menu li.line{width:7px; background:url(../images/bullet1.gif) 0 4px no-repeat}

/* CONTENT RESTAURANT */
#content-rest{width:959px; height:auto; margin:0 auto; background-color:#dddddd; position:relative;}
#content-rest .welcome{
	width:187px;
	margin:0 auto;
}
#content-catering{width:959px; height:auto; margin:0 auto; background-color:#dddddd;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:#dddddd;padding-bottom:20px;}
#content-menu .center-image {margin:0 auto; text-align:center;}

/* 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;}
/* CONTENT */

#content{width:1185px; position:relative; }

#leftPan{width:565px; float:left; margin:40px 22px 0 0px; display:inline}
/* 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;
}

.apetizer-button {
	display: block;
	width: 106px;
	height: 22px;
	background: url(../images/apetizer-btn.jpg) bottom;
	text-indent: -99999px;
}
.apetizer-button:hover {
	background-position: 0 0;
}

.soupsalad-button {
	display: block;
	width: 136px;
	height: 22px;
	background: url(../images/soupandsalad-btn.jpg) bottom;
	text-indent: -99999px;
}
.soupsalad-button:hover {
	background-position: 0 0;
}

.meatpoultry-button {
	display: block;
	width: 168px;
	height: 20px;
	background: url(../images/meatpoultry-btn.jpg) bottom;
	text-indent: -99999px;
}
.meatpoultry-button:hover {
	background-position: 0 0;
}

.curryandseafood-button {
	display: block;
	width: 180px;
	height: 20px;
	background: url(../images/curryandseafood-btn.jpg) bottom;
	text-indent: -99999px;
}
.curryandseafood-button:hover {
	background-position: 0 0;
}

.noodlefriedrice-button {
	display: block;
	width: 218px;
	height: 21px;
	background: url(../images/noodlefriedrice-btn.jpg) bottom;
	text-indent: -99999px;
}
.noodlefriedrice-button:hover {
	background-position: 0 0;
}

.sigdishes-button {
	display: block;
	width: 183px;
	height: 21px;
	background: url(../images/sigdishes-btn.jpg) bottom;
	text-indent: -99999px;
}
.sigdishes-button:hover {
	background-position: 0 0;
}

.vegetarian-button {
	display: block;
	width: 121px;
	height: 21px;
	background: url(../images/vegetarian-btn.jpg) bottom;
	text-indent: -99999px;
}
.vegetarian-button:hover {
	background-position: 0 0;
}

.sweettreat-button {
	display: block;
	width: 267px;
	height: 22px;
	background: url(../images/sweettreat-btn.jpg) bottom;
	text-indent: -99999px;
}
.sweettreat-button:hover {
	background-position: 0 0;
}

#rightPan{width:565px; float:left; margin:40px 0 0 0; display:inline}
/* BUTTON */
.Home-catering {
	display: block;
	width: 594px;
	height: 72px;
	background: url(../images/home_catering.png) bottom;
	text-indent: -99999px;
}
.Home-catering:hover {
	background-position: 0 0;
}



#restaurant{margin:0 0 30px 0;}
#restaurant h2{height:19px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:12px}
#restaurant img{float:left; margin-right:11px;}
#restaurant p{float:left; width:190px}

#services h2{height:19px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:8px}
#services p{display:block; margin-bottom:13px}

#services ul{width:125px;}
#services ul li{font:10px/14px Tahoma, sans-serif; background:url(../images/bullet2.gif) 0 4px no-repeat; padding-left:17px; height:18px;}
#services ul li a{color:#fff; text-decoration:none;}
#services ul li a:hover{color:#fff; text-decoration:underline;}

#services ul#u01{float:left; margin:0 15px 0 6px;}
#services ul#u02{float:left;}

#recipes h2{height:19px; position:relative; background:url(../images/h_recipes.gif) 0 0 no-repeat; margin-bottom:8px}
#recipes p.headline2{display:block; margin-bottom:10px; margin-left:5px}

#recipes .recipes_topic{margin-bottom:10px; margin-left:5px}
#recipes .recipes_topic img{float:left; margin-right:12px}
#recipes .recipes_topic p{float:left; width:188px}

#content .clear#end{height:15px}

/* FOOTER */

#footer{height:60px; clear:both; width:1185px; margin:0 auto;}
#footer p{padding: 40px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#9d9d9d; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#fff}

/* SOCIAL */

#social-home {width:1185px; position:relative;margin:0 auto;}
#social-box {width:614px; margin:0 auto;}
#social-box .contact{font-family:'Lato',Helvetica,Arial,sans-serif;;font-size:30px;color:#646c3b;line-height:30px;text-align:center;}
#social-box .contact-email{font-family:'Lato',Helvetica,Arial,sans-serif;;font-size:30px;color:#646c3b;line-height:30px;text-align:center;margin:20px 0 0 0;}
#social-box .contact-email a{font-family:'Lato',Helvetica,Arial,sans-serif;;font-size:30px;color:#646c3b;line-height:30px;text-align:center;margin:20px 0 0 0;text-decoration:none;}
#social-box .contact-email a:hover{font-family:'Lato',Helvetica,Arial,sans-serif;;font-size:30px;color:#646c3b;line-height:30px;text-align:center;margin:20px 0 0 0;text-decoration:underline;}
#social-icon1 {width:135px; float:left; margin:30px 22px 50px 155px; display:inline}
#social-icon1 .icon1 {
	display: block;
	width: 135px;
	height: 135px;
	background: url(../images/icon1.png) bottom;
	text-indent: -99999px;
}
#social-icon1 .icon1:hover {
	background-position: 0 0;
}

#social-icon2 {width:135px; float:left; margin:30px 0 50px 10px; display:inline}
#social-icon2 .icon2 {
	display: block;
	width: 135px;
	height: 135px;
	background: url(../images/icon2.png) bottom;
	text-indent: -99999px;
}
#social-icon2 .icon2:hover {
	background-position: 0 0;
}




.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }




#twelve {
    float:left;
    width:318px;
	height:197px;
    padding:0px;
    background:url(../images/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/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/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;
}

#addon-appetizers {float:left;
    width:300px;
	margin-left:106px;
    padding:0px 10px;}
#addon-appetizers p {font-family:Arial;
	font-size:15px;
	color:#3c3c3c;
	text-align:center;
	line-height:21px;}
#addon-salads {float:right;
    width:209px;
	margin-right:176px;
    padding:0px 10px;}
#addon-salads p {font-family:Arial;
	font-size:15px;
	color:#3c3c3c;
	text-align:center;
	line-height:21px;}
#download-our-menu {margin:0 auto;
font-family:Arial;
text-align:center;
padding-top:30px;
padding-bottom:30px;
}
#download-our-menu a {color:#ca2d1b;font-size:17px;
font-weight:bold;text-decoration:underline;}
#download-our-menu a:hover {color:#7e0400;}
#catering-img-bottom {margin:0 auto;text-align:center;}
	
	/* menu */
#maincontainer{
width: 1056px; /*Width of main container*/

}


#contentwrapper{
float: left;
width: 100%;


}

#contentcolumn{
margin-left: 330px; /*Set left margin to LeftColumnWidth*/
border-left:4px solid #a1a1a1;
padding-top:26px;
}

#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;
}