/* -------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Paprika);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }     
*{outline:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
ol { list-style-type: decimal; }
ul, ul li { list-style-type:none; margin:0; padding:0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
img { display:block; padding:0; margin:0; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
textarea { overflow: auto; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }
.acc { position: absolute !important; top:-999em !important; left:-999em !important;  }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */
/* -------------------------------------------------------------------------- */

body {
	background:#fff url(../i/bg-pattern-light.png);
	font-family: 'CalibriRegular','Microsoft YaHei';
	font-size:62.5%;
	color:#666860;
	width:100%;
	padding:0;
	margin:0;
	}
#wrapper {
	width:100%;
	}
#header {
	width:100%;
	height:110px;
	padding:4px 0;
	background: url(../i/bg-header.png);
	}
#headerbtm{
	width:100%;
	height:10px;
	padding:4px 0;
	background: url(../i/bg-spacer-full.png) repeat-x center;
	}	
#footerbtm{
	width:100%;
	height:10px;
	padding:4px 0;
	background: url(../i/bg-spacer-full.png) repeat-x center;
	}		
#nav {
	width:100%;
	}
#nav ul li {
	float:left;
	width:34%;
	text-align:center;
	}
#nav ul li.home {
	width:32%;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#nav ul li.home a {
	display:block;
	width:92px;
	height:107px;
	padding:0;
	position:relative;
	background:url(../mobile_website/i/logo.png) no-repeat center;
	overflow:hidden;
	margin:2px 0 0 5px;
	}
#nav ul li.home a span {
	position:absolute;
	top:-999em;
	left:-999em;
	}	
#nav a {
	display:block;
	text-indent:-20px;
	height:60px;
	color:#965529;
	font-family: 'CalibriBold','Microsoft YaHei';
	background: url(../i/bg-body.html);
	margin:3px 0 0 0;
	padding-left:15px;
	padding-top:42px;
	text-decoration:none;
	font-size:1.6em;
	text-transform:uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	text-align:center;
	}
#nav a:hover {
	background: url(../i/trans1navhover.png);
	color:#000;
	}
#splash {
	width:100%;
	height:220px;
	overflow:hidden;
	background: url(../i/bg/02.jpg) 0 70% no-repeat;
	}
#splash h2 {
	width:100%;
	padding:30px 0 30px 30px;
	font-family: 'CalibriRegular','Microsoft YaHei';
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;	
	-webkit-text-shadow: #000 0.1em 0.1em 0.2em;
	text-shadow: #000 0.1em 0.1em 0.2em;
	color:#fff;
	margin-top:25px;
	background: url(../i/bg-wedge.png);
	}
	
#splash h2 span {
	width:66%;
	display:block;
	}	
#splashindex {
	width:100%;
	height:220px;
	overflow:hidden;
	background: url(../i/bg/03.jpg) 0 65% no-repeat;
	}	
#splashindex h2 {
	width:100%;
	padding:30px 0 30px 30px;
	font-family: 'CalibriRegular','Microsoft YaHei';	
	-webkit-text-shadow: #000 0.1em 0.1em 0.2em;
	text-shadow: #000 0.1em 0.1em 0.2em;
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;
	color:#fff;
	margin-top:25px;
	background: url(../i/bg-wedge.png);
	
	}
#splashindex h2 span {
	width:66%;
	display:block;
	}
#splash h2 span small, #splashindex h2 span small {
	font-size:0.75em;
	font-family: 'Paprika','Microsoft YaHei', cursive;
	line-height:1.7em}	
#page {
	padding-top:0;
	padding-bottom:20px;
	}
#page .innerWrapper {
	padding:0 10px;
	}
.home #page h2 {
	font-weight:normal;
	font-size:16px;
	}
#page h3,
#page #menu h1 {
	display:block;
	margin:23px 0 4px 0;
	text-shadow:0px -1px 1px #fafafa;
	padding:23px 0 0 0;
	border-top:5px solid #6d5645;
	font-size:1.8em;
	font-weight:normal;
	font-family: 'CalibriBold','Microsoft YaHei';
	color:#222222;
	text-transform:uppercase;
	}
.menus #page .innerWrapper  #menus {
	margin:23px 0 23px 0;
	border-top:5px solid #b6c1ba;
	}

#page #menu h2 {
	display:block;
	margin:30px 0 0 0;
	padding-top:30px;
	border-top:1px solid #b6c1ba;
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	}
#page #menu h2.first {
	margin:0 0 0 0;
	padding-top:0;
	border-top:none;
	}
#page #menu p em {
	text-transform:lowercase;
	color:#999;
	}
#page h4 {
	display:block;
	margin:12px 0 12px 0;
	padding:12px 0 0 0;
	border-top:1px solid #b6c1ba;
	border-bottpm:1px solid #b6c1ba;
	font-size:14px;
	font-weight:bold;
	color:#333;
	}
#page h4.top {
	border:none;
	padding-top:0;
	padding:5px 0px 8px 0px;
	border-top:1px solid #6b4c34;
	border-bottom:1px solid #6b4c34;
	color:#6b4c34;
	text-shadow:0px -1px 1px #fafafa;
	}
#page #hours h4 {
	margin-bottom:3px;
	}
#page #hours p {
	font-family:'CalibriRegular','Microsoft YaHei';
	font-size:14px;
	line-height:21px;
	word-spacing:2px;
	letter-spacing:1px;
	}	
#page p {
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:15px;
	font-family:'CalibriRegular','Microsoft YaHei';
	}
#page #menu h4 {
	display:block;
	margin:12px 0 0 0;
	border-top:none;
	font-size:14px;
	font-weight:bold;
	font-family:'Microsoft YaHei';
	color:#333;
	}	
#menus h1 {
	width:100%;
	display:block;
	clear:both;
	font-weight:normal;
	font-size:1.6em;
	margin:30px 0 10px 0;
	text-align:left;
	}	
#menus ul {
	width:100%;
	}
#menus ul li {
	clear:left;
	float:none;
	width:100%;
	
	text-align:center;
	}	
#page #menus a.button {
	margin:0 0 6px 0;
	display:block;

	}
#page #menus a.button2 {
	margin:0 0 6px 0;
	display:block;

	}
#page ul.group {
	list-style:none;
	margin:20px 0 0 0;
	width:100%;
	}
#page ul.group li {
	float:left;
	width:48%;
	margin:0 5px 0 0;
	}
#page #menu ul.group li {
	width:100%;
	}
#page ul.group li.last {
	margin:0 0 0 0;
	}
#page #menu ul.group li {
	float:none;
	clear:both;
	}
#page a.button {
	display:block;
	font-size:1.4em;
	text-align:center;
	background:#9d8e74;
	color:#fff;
	float:left;
	padding:8px 0px;
	width:100%;
	font-family: 'CalibriRegular','Microsoft YaHei';
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:4px;
	}	
#page a.button:hover,
#page #menus li.active a.button {
	background:#6b4c34;
	}
#page a.button2 {
	display:block;
	font-size:1.4em;
	text-align:center;
	background:#9d8e74;
	color:#fff;
	float:left;
	padding:8px 10px;
	width:93%;
	font-family: 'CalibriRegular','Microsoft YaHei';
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}	
#page a.button2:hover{
	background:#6b4c34;
	}	
#page #menu .group h4 {
	font-weight:normal;
	font-size:16px;
	}	
#page #menu .group li ul {
	list-style:none;
	}
#page #menu .group li li {
	color:#aaa;
	font-size:14px;
	}	
#page .servingSize h5 {
	margin:20px 0 0 0;
	color:#8d9d92;
	font-style:italic;
	}	
#newsletter,
#footer {
	width:100%;
	background:#f5f4f2;
	}
#newsletter .innerWrapper {
	padding:20px 10px;
	}
#newsletter form {
	overflow:hidden;
	}
#newsletter label {
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#000;
	text-transform:uppercase;
	}	
#newsletter input {
	border:1px solid #b5c0ba;
	padding:8px 10px;
	display:block;
	margin:0 0 10px 3px;
	width:90%;
	color:#999;
	font-style:italic;
	float:left;
	background:#fff;
	font-size:1.3em;
	}
#newsletter button {
	display:block;
	width:40%;	
	margin-left:3px;
	padding:0 10px;
	height:34px;
	font-size:1.3em;
	display:block;
	height:34px;
	text-align:center;
	line-height:34px;
	background:#b5c0ba;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	clear:left;
	float:none;
	border:none;
	}
#newsletter button:hover {
	background:#8d9d92;
	}
#footer .innerWrapper {
	padding:0px 10px 20px 10px;
	}
#social {
	width:35%;
	float:left;
	padding-top:10px;
	}
#social li {
	list-style:none;
	float:left;
	margin-right:6px;
	}
#social li.email {
	list-style:none;
	float:left;
	line-height:32px;
	margin-left:10px;
	font-family:georgia, serif;
	font-size:1.3em;
	font-style:italic;
	}
#social li.email a {
	color:#aaa;
	}
#social li.email a:hover {
	color:#8d9d92;
	}
p.viewFull {
	clear:left;
	color:#aaa;
	padding:3px 0 0 0;
	}
p.viewFull a {
	color:#aaa;
	}
p.viewFull a:hover {
	color:#8d9d92;
	}
#copyright {
	width:60%;
	float:right;
	text-align:right;
	color:#666;
	padding-top:10px;
	padding-right:10px;
	}
#copyright p a{
	color:#aaa;
	
	}
p a{
	color:#21167a;
	
	}	
p a:hover{
	color:#000;
	
	}	
#copyright p a:hover {
	color:#8d9d92;
	}
#copyright p.credit {
	color:#aaa;
	}
#copyright p.credit a {
	color:#aaa;
	}
#copyright p.credit a:hover {
	color:#8d9d92;
	}
#service h4{color:#111; text-shadow:0px 1px 1px #efefef; text-transform:uppercase;font-family: 'CalibriBold','Microsoft YaHei';; font-size:16px;}
#service small{color:#9a4621}

p img{
	max-height:100%;
	max-width:96%;
	}
img.border{ 
	border:1px solid #fff; 
	padding:5px; background:#fff;
	/*-moz-box-shadow: 1px 2px 5px #dbdad8;
	-webkit-box-shadow: 1px 2px 5px #dbdad8;
	box-shadow: 1px 2px 5px #dbdad8*/}

.fontfamily{
	font-family: 'Paprika', cursive;
	text-shadow:none;
}
/* package menu */
.package-menu{
	display:inline-block;
	text-align:left;
	font-family: 'CalibriRegular','Microsoft YaHei';
	font-size:11px;}
.package-menu p strong{
	font-weight:400;
	line-height:22px;
	font-size:14px;
	color:#a30606;
	font-family:"Lucida Console",'Microsoft YaHei', Monaco, monospace;}	

.package-menu ul{
	text-align:left;
	margin-bottom:20px;
	padding-left:0px;
	}
.package-menu ul li{
	text-align:left;
	display: inline-block;
	font-size:12px;
	word-spacing:2px;
	line-height:22px;
	font-family: 'Paprika','Microsoft YaHei', cursive;
	color:#666;
	margin-bottom:6px;
	
	}
.package-menu ul li span{
	font-size:14px;
	letter-spacing:2px;
	margin-right:5px;
	color:#844f3a;
	font-style: normal;}	
	
.package-menu ul#other li span{
	font-size:14px;
	letter-spacing:1px;
	margin-right:5px;
	color:#666;
	font-family: 'Arial','Microsoft YaHei' Helvetica, sans-serif}

ul#other{
	margin-bottom:20px;
	}

li.special-title{
	border-top:1px dashed #8b6e58;
	border-bottom:1px dashed #8b6e58;
	font-size:16px; 
	font-family: 'CalibriBold','Microsoft YaHei';
	display:inline-block;	
	color:#674f26;
	padding:10px 0px;
	margin:5px 0px;
	text-shadow:#efefef 0px 1px 1px;
	}
.contact span{
	color:#a30606}

.contact h3#border-top{
	border-top:1px #ccc solid;
	font-size:16px;
	color:#333;}

.contact h3#border-top2{
	font-size:16px;
	color:#333;}	
	
code{ font-family:'Microsoft YaHei','Arial', Helvetica, sans-serif}/*Menu Photo Gallery Wrapper*/	

#menu_gallery_wrapper{
	padding:8px 10px;
	width:95%;
	position:relative;
	margin:10px 0px 0px 0px;
	background: url(../i/bg-ie6-header.png);}
#menu_gallery_wrapper h2{
	margin-top:9px;
			color: #333333;
			padding:10px 0px; 
			font-size: 19px; 
			font-weight: normal;
			font-family:CalibriBold;
			border-color:#c9c9c7;
			text-shadow:0px 1px 0px #efede9;
			display: inline-block;
			width:100%;
			margin-bottom:5px;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc}

#menu_gallery_wrapper ul.gallery{padding:0px; float:left; margin-bottom:5px; width:98%; display:inline-block; margin-top:10px; }
#menu_gallery_wrapper li img{margin:2px auto; max-width:100%; float:left height:auto; border:5px solid #FFF;display:block; cursor: default }
#menu_gallery_wrapper li img:hover{ padding:4px;border:1px #787570 solid; }

.darkTip						{  }
.darkTip .content				{ width: auto; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../i/tootip.png); color: #fbc9a0; text-align:center; letter-spacing:0px; box-shadow: 0 1px 3px #333333; font-size:14px; /*Drop shadow. N/A for IE 8 and below.*/ }
.darkTip .bottom				{ height: 14px; background: url(../i/notch-dark.png) top center no-repeat; }			

/*Mission*/
#page ul.mission{
	list-style: circle;
	display:inline-block;
	padding-top:10px;
	}
#page ul.mission li{
	font-size:14px;
	padding-left:0px;
	margin-left:19px;
	list-style:circle;
	margin-bottom:10px;
	}
#page ul.mission li:hover{
	}
/*form*/
.form {
	width:285px;
	border:dashed #aa7143 1px;
	font-family: 'CalibriRegular';
	font-size:14px;
	line-height:20px;
	color: #333;
	text-align:left;
	background:none;
	line-height: normal;
	outline:none;
}
/*form*/
.Bbutton {
	background:#8b673e;
	padding:3px 6px;
	border:3px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:2px;
	border:none;
	line-height:normal;
	font-family: 'CalibriRegular';
	display:block;
	width:75px;
	border-radius:3px;
	}
.Bbutton:hover {
   background:#963;

	
}

.formstyle { 
	border: 1px solid #ccc;
	background: url(../i/bg-pattern-regular.png);
	color: #666;
	font-family: 'CalibriRegular';
	font-size:14px;
	width: 95%;
	margin-bottom:10px;
	opacity:0.5;
	padding:5px;
   border-radius:2px;
}
.formstyle:hover{
	opacity:0.8;
	border:1px solid #a07e57;
	}
textarea{ 
	border: 1px solid #ccc;
	background: url(../i/bg-pattern-regular.png);
	color: #666;
	font-family: 'CalibriRegular';
	font-size:14px;
	width: 95%;
	margin-bottom:10px;
	opacity:0.5;
	padding:5px;
   border-radius:2px;
   height:80px;
}
textarea:hover{
	 opacity:0.8;
	 border:1px solid #a07e57;}

input:focus, input.focused, textarea:focus, textarea.focused {  color: #3e3e3e; opacity:1; border:1px solid #a07e57;}