@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);


html, body {
	height: 100%;         /* required */
}
body {
	background-color: #000;    /*#c0ae96;*/
	background-image:url(../image/bg.jpg);
	background-repeat: repeat;
	font-family: Verdana;
	color: #333;

}
a { 
	text-decoration: none;
	outline: none;
}



	.inner							{  width:920px; heigth: auto;  margin:20px auto; 	
	/* shadow */
	/*box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;*/
}

	.inner2							{ width:920px; height:1500px; margin:20 auto; 	
	/* shadow */
	box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
}



		.header						{ width:920px; height:240px; background-image:url(../image/header.jpg);}
			.logo					{ position:relative; width:358px;height:180px;left: 20px;}
			.menubox					{ width: 920px; height:60px; background-color: #000; }
		/*	.menu ul li			{ display:inline; padding-left: 10px;}
			.menu ul li a			{ display:block; float:left; margin:0 4px 0 0; height:40px; padding:20px 12px 0px 12px; font-size:16px;  color:#fff; text-decoration:none; letter-spacing:2px; text-align: center; 	background:url('../image/mainnav-sep.png') no-repeat center right;
}
			.menu ul li a:hover	{ color:#F2CB11;}	
			.menu ul li a.active 	{ color:#F2CB11;}	*/


ul#menu, ul.submenu{
    margin: 0;
    padding: 0;
    list-style: none;
	z-index:9999;
}
ul#menu li{
   float: left;
}
/* hide the submenu */
li ul.submenu {
    display: none;
}
ul#menu li a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 20px 12px 0px 12px;
	height: 40px; font-size: 14px;
	letter-spacing: 5px;
	text-align: center;
    background:url('../image/mainnav-sep.png') no-repeat center right;
    float:none;
}
/* show the submenu */
ul#menu li:hover ul.submenu{
    display: block;
    position: absolute;
    float:left;
}
ul#menu .active a {
	color: #ff9900;
}
ul#menu li:hover li, ul#menu li:hover a {
    float: none;
    background: #ff9900;
	color: #fff;
}
ul#menu li:hover li a:hover {
    background: brown;
}


#order {
	position: absolute;
	margin-left: 410px;
	top:205px;
}

#order2 {
	position: absolute;
	margin-left: 570px;
	top:202px;
	width:180px;
	height: 80px;
}
#order3 {
	position: absolute;
	margin-left: 661px;
	top:210px;
	width:180px;
	height: 80px;
}
#order4 {
	position: absolute;
	margin-left: 791px;
	top:210px;
	width:180px;
	height: 80px;
}


			

			.main					{ padding:500px 0 0 0;}
			.main_inner				{ padding:80px 0 40px 0; text-align:center;}
			/* box4 for home*/
			.box4					{
	position:absolute;
	top:213px;
	left:540px;
	width:376px;
	height:500px;
	padding:35px 0 0 0;
}
			.box4 h3				{ font-size:28px; color:#ffffff; text-align:left; font-style:italic; }
			.box4 p					{ padding:0 0 0 50px}
			.box4 p.txt				{ font-size:17px; color:#F90; text-align:left; font-style:italic;}
			.box4 span				{ padding:0 0 0 50px; margin:0px}
			.box41					{
	position:absolute;
	top:211px;
	left:210px;
	width:376px;
	height:500px;
	padding:35px 0 0 0;
}
			.box42					{
	position:absolute;
	top:163px;
	left:628px;
	width:376px;
	height:500px;
	padding:35px 0 0 0;
}

	
	
			/*box5 for footer*/
			.box5					{
 	width: 920px;
}
			.box501					{
 	width: 650px;
	height: 500px;
	padding-left:135px;
	padding-top:30px;
	color: #000;
}
			.box502					{
 	width: 650px;
	height: 300px;
	padding-left:135px;
	padding-top:30px;
	color: #000;
}

			.box503					{
 	width: 650px;
}

			.box51					{
	width: 920px;
	height: 400px;
	padding-top:20px;
}

			.box52					{
	width: 920px;
	padding-top:20px;
/*	background-image:url(../image/brush.jpg);
	background-repeat: repeat-y;*/
}

			.box53					{
 	width: 920px;
	height: 680px;
	padding-top: 20px;
	background-image:url(../image/gallery-bk.jpg);
}

			.box54					{
 	width: 920px;
	height: 850px;
	padding-top: 20px;
	background-image:url(../image/gallery-bk.jpg);
}

.abcompany {
	padding-bottom: 15px;
	line-height:20px;
}

			/*box6 for gallery, contact*/
			.box6					{ position: absolute; top: 250px; left:0px; width: 850px; height: 550px;}
			.box62					{ position: absolute; top: 250px; left:140px; width: 850px; height: 550px;}
			/*box7 for faq*/
			.box7					{
	position: absolute;
	top: 221px;
	left:479px;
	width: 404px;
	height: 500px;
	padding-right: 20px;
	color: #FFF;
	overflow: auto;
}
/*box71 for menu*/
			.box71					{
	position: absolute;
	top: 170px;
	left:33px;
	width: 890px;
	height: 625px;
	padding-right: 0px;
	color: #FFF;
	overflow: auto;
}

			.box7 ul li				{ list-style: none; display: block;}
			.title					{ font-size: 28px; color:#F90; font-weight:600; padding-top: 30px;}
			.dish					{ text-align: left; font-size:15px; padding-top: 6px;}
			.dish2					{ text-align: left; font-size:15px; padding-top: 6px; padding-left: 20px;}
			.price					{ float: right; text-align:right;  }
			.detail					{ display: block; font-size: 13px;color:#999; padding-right: 50px; padding-left:20px;}


#footer						{ position: relative;  width:920px; height:90px; margin:0 auto; padding:21px 0 0 0; clear:both; border-top:solid 1px #666; }
#footer p 					{ font-size:14px; color:#333; }

#footer2					{ position: absolute; top: 1300px; width:920px; height:90px; padding:21px 0 0 0; clear:both; border-top:solid 1px #666; }
#footer2 p 					{ font-size:14px; color:#333; }



.info {
	padding-right: 20px;
}


.info ul {
	list-style: none;
}
.info ul li {
	display: block;
  font-size: 16px;
  font-style: normal;
  line-height: 26px;
  color: #000;
  text-align: right;
}

.info2 {
	padding-right: 300px;
	padding-top: 40px;
	float: right;
	width: 600px;
}


.info2 ul {
	list-style: none;
}
.info2 ul li {
	display: block;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  color: #000;
  text-align: left;
  margin-top: 20px;
}





#sp
{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../image/SP.png") no-repeat 0 0;

}

#sp:hover
{ 
  background-position: -20px 0;
}

#sp span
{
  position: absolute;
  top: -999em;
}


.one_half {width:410px; margin-left: 40px;display:inline; float:left;  list-style:none;}


.rnd5, .list.tagcloud.rnd5 a, form.rnd5 input, form.rnd5 textarea{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.footer_title{font-size:1.2em; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #73490D; color: #73490D; line-height:27px;}
/* Forms */

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
form{display:block; width:100%;}
form input, form textarea{display:block; width:100%; padding:5px; border:1px solid #E5E4E3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#respond form label, form textarea{margin-bottom:15px;}
form textarea{overflow:auto;}
form div, form p{margin:0; padding:0;}
form input[type="submit"], form input[type="reset"]{display:inline-block; width:auto; margin:0; padding:5px 15px; color:#666666; background-color:#FFFFFF; cursor:pointer;}
input, textarea, select{resize:none; outline:none;}
.button.small{font-size:.9em; padding:6px 15px 5px 15px;}
.button.grey{color:#FFFFFF; background-color:#A8A8A8; border-color:#333333;}
.button.grey:hover{color:#666666; background-color:#C9C9C9; border-color:#666666;}
.button.grey.gradient{
	background:#A8A8A8;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDOUM5QzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBOEE4QTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NDcpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
	background:-webkit-gradient(color-stop(0%,#C9C9C9), color-stop(100%,#A8A8A8));
	background:-webkit-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:-o-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:-ms-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	}

.button.orange{color:#FFFFFF; background-color:#FF9900; border-color:#CC7500;}
.button.orange:hover{color:#FF9900; background-color:#A66000; border-color:#FF9900;}
.button.orange.gradient{
	background:#A66000;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjkwMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBNjYwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxODIpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#FF9000 0%, #A66000 100%);
	background:-webkit-gradient(color-stop(0%,#FF9000), color-stop(100%,#A66000));
	background:-webkit-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-o-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-ms-linear-gradient(#FF9000 0%,#A66000 100%);
	background:linear-gradient(#FF9000 0%,#A66000 100%);
	}