/* The New Mandarin Chinese Restaurant Stylesheet */

/*-----------------------------------------
Code by Honda Wang

Don't steal.
-----------------------------------------*/


/* CSS Reset */
:link,:visited { 
	text-decoration: none;
	color: #fff;
}
ul,ol { 
	list-style: none;
	color: #fff;
}

h1,h2,h3,h4,h5,h6,pre,code { 
	font-size: 1em;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin: 0; 
	padding: 0;
}
a img,:link img,:visited img { 
	border: none;
	color: #fff;
}
address { 
	font-style: normal;
}

/* Main Body */

body {
	background: url(../bg.png) repeat;
}

#container {
	width: 850px;
	margin: 0 auto;
}

#top {
	width: 850px;
	margin: 0 auto;
	float: left;
}

#header {
	width: 536px;
	height: 256px;
	background-image: url(../header.png);
	float: left;
}

.hide {
	text-indent: -9999em;
}

#title {
	width: 439px;
	height: 77px;
	margin: 45px 0 0 36px;
	padding: 0 0 10px 0;
}

#title:hover {
	background: url(../images/titlebg.png) no-repeat;
}

#nav {
	width: 300px;
	height: 256px;
	float: left;
	text-align: right;
}

#nav ul {
	margin: 48px 0 0 0;
}

#nav ul li {
	background-color: #ffbc22;
	width: 290px;
	color: #fff;
	margin: 0 0 13px 0;
	padding: 0 10px 0 0;
	font: bold 35px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

body:nth-of-type(1) #nav ul li {
	background-color: #ffbc22;
	width: 290px;
	color: #fff;
	margin: 0 0 13px 0;
	padding: 0 10px 0 0;
	font: bold 35px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#nav ul li, x:-moz-any-link, x:default {
	background-color: #ffc74e;
	height: 43px;
	width: 290px;
	color: #fff;
	margin: 0 0 13px 0;
	padding: 0 10px 0 0;
	font: bold 35px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#content {
	width: 850px;
	float: left;
	margin: 0 auto;
}

#show {
	float: left;
	margin: 10px 0 -25px 20px;
}

#box {
	margin: 0 auto;
	width: 815px;
	height: inherit;
	background-color: #ff6d00;
}

#boxmiddle {
	height: inherit;
	width: 800px;
	margin: -10px 0 20px 0;
	padding: 10px 0 10px 15px;
	clear: both;
	float: left;
	background: #ff6d00 url(../images/boxmiddle.png) no-repeat;
}

h1 {
	color: #fff;
	font: 28px/50px Georgia, "Times New Roman", Times, serif;
	width: inherit;
	height: auto;
	float: right;
	padding: 5px 15px 5px 15px;
	margin: 0 0 10px 0;
	background-color: #ffbc22;
}

p {
	color: #fff;
	font: 16px/26px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	word-spacing: -1px;
}

.menutitle {
	width: 800px;
	margin: 0 auto;
	padding: 5px;
	font: normal bold 29px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #fff;
	background-color: #ff8300;
}

.menutitle:hover {
	background-color: #ff9c00;
}

/* Menu Items */

#foodmenu {
	width: 810px;
	height: inherit;
	margin: 0 auto;
}

#menunav {
	width: 200px;
	height: inherit;
	float: left;
	font: 14px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-align: left;
	background: #fe7708 url(../images/sliderbg.png) no-repeat;
	margin: 0 0 20px 0;
}

#menunav a {
	padding: 5px 5px 5px 10px;
	width: 185px;
	float: left;
	color: #fff;
}


#menunav a:hover {
	background-color: #ffc032;
}

.pane {
	width: 600px;
	float: right;
	background: #fe7708 url(../images/menutexture.png) no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}

.menuitem {
	margin: 10px 0 0 10px;
	clear: both;
	float: left;
}

h2 {
	font: 30px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 10px;
	border-bottom: 1px dashed #fff;
	text-align: right;
}

h3 {
	color: #fff;
	font: 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
	width: 190px;
	clear: both;
}

h4 {
	float: right;
	width: 50px;
	margin: 0 10px 10px 0;
	color: #ffe530;
	font: 20px Georgia, "Times New Roman", Times, serif;
}

.menuitem p {
	clear: both;
	float: left;
	color: #fff160;
	margin: 5px 0 0 0;
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 270px;
}

.leftcolumn {
	float: left;
	width: 300px;
	border-right: 1px dashed #fff;
}

.rightcolumn {
	float: left;
	width: 290px;
}

/* Menu Slider Stuff */

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: inherit; float: right; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; float: right;text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: inherit;
			clear: both;
			float: right;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display:none !important
		}
		
.contactbox {
	width: 210px;
	height: 250px;
	float: left;
	margin: 20px 20px 20px 20px;
	padding: 5px;
	background-color: #c40015;
	background-image: url(../bg.png);
}

.contacttitle {
	color: #fff;
	font: 20px Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	background-color: transparent;
	float: left;
	border-bottom: 1px solid #fff;
}

.glink {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #f7db27;
	text-decoration: underline;
	background-color: #a50d1c;
	padding: 5px;
	margin: 5px 0 10px 0;
}

.glink:hover {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #f7db27;
	text-decoration: underline;
	background-color: #d40d23;
	padding: 5px;
	margin: 5px 0 10px 0;
}