html, body { 
	height: 100%;
	margin: 0;
	padding: 0;
}

body { 
	background: #111111 url(../images/background-top.jpg) repeat-x center top;
}

/*  Containers
===================================================================================*/
@media screen and (min-width: 481px) {

.wrapper {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -331px;
}

.logo {
	background: transparent;
	width: 812px;
	height: 75px;
	margin: 0;
	padding: 0 0 0 188px;
}

.banner {
	background: transparent url(../images/background-banner.png) no-repeat left top;
	width: 530px;
	height: 351px;
	margin: 0;
	padding: 10px 0 17px 10px;
}

.body_container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
	padding: 0 0 50px 0;
}

.container_wide {
	float: left;
	width: 540px;
	margin: 0;
	padding: 70px 0 0 26px;
}

.container_narrow {
	float: right;
	width: 364px;
	margin: 40px 0 0 0;
	padding: 0 25px 0 0;
}

.container_full {
	float: left;
	width: 949px;
	margin: 0;
	padding: 0 25px 0 26px;
}

.container_full .col {
	display: inline-block;
	vertical-align: top;
	width: 295px;
	margin: 0;
	padding: 0;
}

.container_full .space {
	padding-right: 28px;
}

.push {
	background: transparent;
	width: 100%;
	height: 331px;
	margin: 0;
	padding: 0;
}

.footer {
	background: transparent url(../images/background-footer.jpg) repeat-x center bottom;

	width: 100%;
	min-width: 1000px;
	height: 331px;
	margin: 0 auto;
	padding: 0;
}

.footer_container {
	width: 1000px;
	height: 315px;
	margin: 0 auto;
	padding: 0;
}

.footer_container_text {
	float: right;
	width: 1000px;
	height: 20px;
	margin: 0;
	padding: 37px 0 0 0;
}

.footer_container_icons {
	float: right;
	width: 404px;
	height: 252px;
	margin: 0;
	padding: 0;
}

}

@media screen and (max-width: 480px) {

.wrapper {
	width: 93%;
	min-height:  auto;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

.logo {
	background: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.banner {
	background: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0 17px;
}

.logo img, .banner img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.body_container {
	float: none;
	width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

.container_wide, .container_narrow, .container_full {
	overflow: hidden;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.push {
	background: transparent;
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.footer, .footer_container {
	width: 93%;
	min-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.footer {
	background: transparent url(../images/background-footer.jpg) repeat-x center bottom;
}

.footer_container_icons, .footer_container_text {
	float: none;
	display: block;
	width: 93%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
}

.footer_container_icons img {
	width: 100%;
	height: auto;
}

.bamboo {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
}

}

/*  Character Styles
===================================================================================*/

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	color: #8ca543;
}

p span {
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 21px;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}

span.bullet {
	color: #e12423;
	font-size: 32px;
}

.container_wide h1, .container_wide h2, .container_wide h3, .container_wide h4, .container_wide h5,
.container_narrow h1, .container_narrow h2, .container_narrow h3, .container_narrow h4, .container_narrow h5, 
.container_full h1, .container_full h2, .container_full h3, .container_full h4, .container_full h5 {
	background: url(../images/bullet.png) no-repeat 0 2px;
	border-bottom: 1px solid #8ca543;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 50px 0 10px 0;
	padding: 0 0 5px 40px;
}
.container_wide h1, .container_narrow h1, .container_full h1 {
	border-bottom: none;
	margin: 30px 0 10px 0;
}

.container_full h3 {
	width: 949px;
}

.container_wide h6, .container_narrow h6, .container_full h6 {
	color: #8ca543;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 21px;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
}

.container_wide p, .container_narrow p, .container_full p {
	color: #e1e1e1;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
	font-style: normal;
	text-align: left;
	margin: 0;
	padding: 20px 0 0 0;
}

.container_wide ul, .container_narrow ul, .container_full ul {
	list-style: outside;
	list-style-type: disc;
	margin: 0;
	padding: 20px 0 0 40px;
}

.container_wide li, .container_narrow li, .container_full li {
	color: #e1e1e1;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
	font-style: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}

.container_wide a:link, .container_wide a:visited, 
.container_narrow a:link, .container_narrow a:visited, 
.container_full a:link, .container_full a:visited {font-weight: normal; text-decoration:none; color:#92a75a;}
.container_wide a:active, .container_wide a:hover, 
.container_narrow a:active, .container_narrow a:hover, 
.container_full a:active, .container_full a:hover {font-weight: normal; text-decoration:underline; color:#92a75a1;}

.menus h6 {
	padding: 20px 0 0 0;
}
.menus p {
	padding: 0;
}
.menus ul {
	padding: 0 0 0 40px;
}

.footer_container_text p {
	color: #bac0ab;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	font-style: normal;
	text-align: right;
	margin: 0;
	padding: 0;
}

.footer_container_text a:link, .footer_container_text a:visited {font-weight: normal; text-decoration:none; color:#bac0ab;}
.footer_container_text a:active, .footer_container_text a:hover {font-weight: normal; text-decoration:underline; color:#bac0ab;}

/*  Menu
===================================================================================*/
@media screen and (min-width: 481px) {

.menu {
	background: transparent;
	width: 975px;
	height: 42px;
	margin: 0;
	padding: 30px 0 9px 0;
}

.menu ul {
	color:#ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	display: inline;
	list-style:none;
	margin: 0;
	padding: 0 0 0 0;
}

.menu ul li {
	list-style: none;
	display: inline;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 0 10px;
}

.menu ul li a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.menu ul li a:link, .menu ul li a:visited {font-weight: normal; text-decoration:none; color:#ffffff;}
.menu ul li a:active, .menu ul li a:hover {font-weight: normal; text-decoration:none; color:#92a75a;}

.menu ul li.home {
	padding-left: 0;
}
.menu a.pull {
	display: none;
}		

.menu_bottom {
	background: transparent url(../images/background-menu-bottom.png) no-repeat left top;
	width: 530px;
	height: 92px;
	margin: 0;
	padding: 10px 0 20px 10px;
}

.menu_bottom ul {
	color:#000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	display: inline;
	list-style:none;
	margin: 0;
	padding: 0;
}

.menu_bottom ul li {
	float: left;

	display: inline;
	list-style:none;
	width: 250px;
	height: 79px;
	letter-spacing: 0;
	margin: 0;
	padding: 0 12px 0 0;
}

.menu_bottom ul li a {
	display: block;
	widows: 250px;
	height: 79px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.menu_bottom ul li a em {
	position: absolute;
	top: -999px;
	outline: none;
	display: inline;
}
	
.menu_bottom .recommends		{width: 250px;	height: 79px;	background: url(../images/menu-take-out.jpg)		no-repeat 0 0;}
.menu_bottom .dinnermenu		{width: 250px;	height: 79px;	background: url(../images/menu-dine-in.jpg)			no-repeat 0 0;}

.menu_bottom .recommends:hover	{width: 250px;	height: 79px;	background: url(../images/menu-take-out-over.jpg)	no-repeat 0 0;}
.menu_bottom .dinnermenu:hover	{width: 250px;	height: 79px;	background: url(../images/menu-dine-in-over.jpg)	no-repeat 0 0;}

}

@media screen and (max-width: 480px) {

.menu {
	background: transparent;
	position: relative;
	display: block;
	top: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 8px 0 40px;
}

.menu ul {
	position: relative;
	height: auto;
	display: none;
	color:#fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	letter-spacing: 0;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

.menu ul li ul, .menu ul li ul li ul {
	visibility: visible;
	height: auto;
}

.menu ul li, .menu ul li ul li, .menu ul li ul li ul li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.menu a, .menu ul li a, .menu ul li ul li a, .menu ul li ul li ul li a {
	border-bottom: 1px solid #8ca543;
	width: 100%;
	display: block;
	font-weight:normal;
	text-decoration:none;
	text-indent: 15px; 
	margin: 0;
	padding: 15px 0;
}

.menu ul li a, .menu ul li ul li a, .menu ul li ul li ul li a {
	padding: 12px 0;
}

.menu ul li ul li a {
	text-indent: 35px;
}

.menu ul li ul li ul li a {
	text-indent: 65px;
}

.menu ul li a:link, .menu ul li a:visited {background-color:#526224; text-decoration:none; color:#fff;}
.menu ul li a:active, .menu ul li a:hover {background-color:#8ca543; text-decoration:none; color:#fff;}

.menu a.pull {
	display: block;

	background-image: url(../images/menu-icon-m.png);
	background-repeat: no-repeat;
	background-position: 90% 20px;
	text-decoration:none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-transform: uppercase;
	text-align: left;
}

.menu a.pull:link, .menu a.pull:visited, .menu a.pull:active, .menu a.pull:hover {background-color:#8ca543; color:#fff;}

.menu_bottom {
	background: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

.menu_bottom ul {
	display: block;
	width: 100%;
	color:#000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	display: inline;
	list-style:none;
	margin: 0;
	padding: 0;
}

.menu_bottom ul li {
	float: none;
	display: block;
	list-style:none;
	width: 250px;
	height: 79px;
	letter-spacing: 0;
	margin: 0 auto;
	padding: 0;
}

.menu_bottom ul li a {
	display: block;
	widows: 250px;
	height: 79px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.menu_bottom ul li a em {
	position: absolute;
	top: -999px;
	outline: none;
	display: inline;
}
	
.menu_bottom .recommends		{width: 250px;	height: 79px;	background: url(../images/menu-take-out.jpg)		no-repeat 0 0;}
.menu_bottom .dinnermenu		{width: 250px;	height: 79px;	background: url(../images/menu-dine-in.jpg)			no-repeat 0 0;}

.menu_bottom .recommends:hover	{width: 250px;	height: 79px;	background: url(../images/menu-take-out-over.jpg)	no-repeat 0 0;}
.menu_bottom .dinnermenu:hover	{width: 250px;	height: 79px;	background: url(../images/menu-dine-in-over.jpg)	no-repeat 0 0;}

}

/*  Positionings
===================================================================================*/

.bamboo {
	overflow: visible;
	position: absolute;
	top: 0;
	width: 270px;
	height: 260px;
	text-align: right;
	margin-left: -45px;
}

img {border: none;}

.floatright_flush {
	float: right;
	border: 0;
	margin: 0;
	padding: 23px 0 0 0;
}

.floatleft_flush {
	float: left;
	border: 0;
	margin: 0;
	padding: 23px 0 0 0;
}

.floatright {
	float: right;
	border: 0;
	margin: 0;
	padding: 10px 10px 10px 0;
}

.floatleft {
	float: left;
	border: 0;
	margin: 0;
	padding: 10px 0 10px 10px;
}