﻿body
{
	font-family: Arial;
	font-size: 8pt;
}

/* mac hide\*/
html, body
{
    height: 100%;
}

/* end hide */
html, body
{
    padding: 0;
    margin: 0;
}

body
{
    min-width: 789px; /* for mozilla*/
    background-color: #000000;
    color: #000000;
    background-image: url(/Images/Template/Background.jpg);
    background-repeat: repeat-x;
}

a, a:visited, a:active 
{
    color: #a62727;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
}

a:hover 
{
    color: #999999;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    text-decoration: none;
}

h1
{
    color: #000000; /* black */
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}

h1 span
{
	border-bottom: 2px solid #a62727;
	width: 400px;
	padding-bottom: 5px;
}

h2
{
    color: #a62727; /* red */
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}

h3
{
    color: #a62727; /* light gray */
    font-size: 12px;
    margin: 0px 0px 0px 0px;
}

/**************IDs**************/
#container 
{
	position: relative;
	width: 789px;
	margin: auto;
}

#container2 
{
	position: relative;
	width: 789px;
}

#content 
{
	position: relative;
	width: 789px;
	background-image: url(/Images/Template/ContentBackground.jpg);
	background-repeat: repeat-y;
}

#leftColumn
{
	float: left;
	width: 450px;
}

#rightColumn
{
	margin: 0px;
	float: left;
	width: 250px;
	height: 1%;
}

#contentInfo
{
	width: 710px;
	padding: 15px 0px 20px 40px;
}
/* banners */
#header {
	position: relative;
}

#header h1 {
	position: relative;
	background-image: url(/Images/Template/Header.jpg);
	background-repeat: no-repeat;
	height: 146px;
	width: 789px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#header h1 span {
	display: none;
}

#banner {
	position: relative;
}

#banner h1 {
	position: relative;
	background-image: url(/Images/Template/Banner01.jpg);
	background-repeat: no-repeat;
	height: 258px;
	width: 789px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#banner h1 span {
	display: none;
}

#banner02 {
	position: relative;
}

#banner02 h1 {
	position: relative;
	background-image: url(/Images/Template/Banner02.jpg);
	background-repeat: no-repeat;
	height: 258px;
	width: 789px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#banner02 h1 span {
	display: none;
}

/* Footer */
#footer 
{
	position: relative;
	background-image: url(/Images/Template/Footer.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 15px;
	width: 789px;
	padding-bottom: 25px;
}

/* Titles */
#titleWelcome {
	position: relative;
}

#titleWelcome h1 {
	position: relative;
	background-image: url(/Images/Template/TitleWelcome.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 413px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#titleWelcome h1 span {
	display: none;
}

#titleSignatureDishes {
	position: relative;
}

#titleSignatureDishes h1 {
	position: relative;
	background-image: url(/Images/Template/TitleSignatureDishes.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 219px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#titleSignatureDishes h1 span {
	display: none;
}

/* Front Page Content */
#frontPageHeader
{
	position: relative;
	background-image: url(/Images/Template/FrontPageTitle.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 80px;
	width: 449px;
	padding: 0px 0px 0px 20px;
}

#frontPageContent
{
	position: relative;
	background-image: url(/Images/Template/FrontPageBackground.jpg);
	background-repeat: repeat-y;
	text-align: left;
	width: 400px;
	padding: 0px 35px 10px 25px;
}

#frontPageFooter
{
	position: relative;
	background-image: url(/Images/Template/FrontPageFooter.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 449px;
}

/* Regular Content */
#contentBackgroundTop
{
	position: relative;
	width: 789px;
	height: 20px;
	background-image: url(/Images/Template/ContentHeader.jpg);
	background-repeat: no-repeat;
}

#contentBackgroundBody
{
	position: relative;
	width: 789px;
	background-image: url(/Images/Template/ContentBody.jpg);
	background-repeat: repeat-y;
}

#contentBackgroundFooter
{
	position: relative;
	width: 789px;
	height: 19px;
	background-image: url(/Images/Template/ContentFooter.jpg);
	background-repeat: no-repeat;
}

/* Header Info */
#takeOutInfo
{
	position: absolute;
	top: 40px;
	left: 300px;
	width: 450px;
	color: #8f8e8b;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	z-index: 100;
}

/* Navigation */
#navigation 
{
	position: absolute;
	top: 120px;
	left: 220px;
}

#navigation li 
{
	border:none;
}

#navigation a:link, #navigation  a:active, #navigation  a:visited 
{
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	display:block;
	padding: 20px;
	text-decoration:none;
}

#navigation li a:hover 
{
	color:#53697b;
	font-size:13px;
	font-weight:bold;
	display:block;
	padding: 20px;
	text-decoration:none;
}

#navigation li ul 
{
	top:25px; /*36*/
	border: 1px solid #333333;
	background-color: #ffffff;
	color: #ffffff;
	width: 185px;
}

#navigation ul li 
{
	border:none;
	background:none;
	z-index: 7000;
}

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited 
{
	background:none;
	font-size:11px;
	font-weight:bold;
	/*color:#404040;*/
	color:#333333;
	padding:5px 20px 5px 20px;
	height: 15px !important; height: 1.4em;
	z-index: 7000;
}

#navigation ul li a:hover 
{
	/*background-image: url(../images/template04/navhover.jpg);
	background-repeat: repeat-x;*/
	background-color: #999999;
	color:#ffffff;
	padding:5px 20px 5px 20px;
	font-size: 11px;
	height: 15px;
	z-index: 7000;
}

#navigation, #navigation ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 1000;
}

#navigation li 
{
	position:relative;
	float:left;
	/*width: 10em;*/
}

#navigation li ul 
{
	position: absolute;
	/*width: 10em;*/
	left: -999em;
}

#navigation li:hover ul 
{
	left: auto;
}

#navigation li ul li  
{
	float:none;
}

#navigation li:hover ul ul, #navigation li.sfhover ul ul 
{
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul 
{
	left: auto;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul 
{
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul 
{
	left: auto;
}

#navigation li:hover, #navigation li.sfhover 
{
	/*background-image: url(../images/template04/navhover023.jpg);
	background-repeat: repeat-none;
	background-position: top right;*/
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}

/* Titles */
/* Noodles */
#titleNoodles
{
   position: relative;
}

#titleNoodles h1 
{
	position: relative;
	background-image: url(/Images/Titles/TitleNoodles.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 219px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#titleNoodles h1 span 
{
    display: none;
} 

/* Asian Rolls */
#titleAsianRolls
{
   position: relative;
}
#titleAsianRolls h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleAsianRolls.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleAsianRolls h1 span 
{
      display: none;
}

/* Beverages */

#titleBeverages
{
      position: relative;
}

#titleBeverages h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleBeverages.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleBeverages h1 span 
{
      display: none;
}

/* Classics */
#titleClassics
{
      position: relative;
}

#titleClassics h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleClassics.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleClassics h1 span 
{
      display: none;
}

/* Desserts */

#titleDesserts
{
      position: relative;
}

#titleDesserts h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleDesserts.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleDesserts h1 span 
{
      display: none;
}

/* Dinner Specials */
#titleDinnerSpecials
{
      position: relative;
}

#titleDinnerSpecials h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleDinnerSpecials.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleDinnerSpecials h1 span 
{
      display: none;
}

/* Fried Rice */
#titleFriedRice
{
      position: relative;
}

#titleFriedRice h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleFriedRice.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleFriedRice h1 span 
{
      display: none;
}

/* From the Water */
#titleFromTheWater
{
      position: relative;
}

#titleFromTheWater h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleFromTheWater.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleFromTheWater h1 span 
{
      display: none;
}

/* Lunch Specials */
#titleLunchSpecials
{
      position: relative;
}

#titleLunchSpecials h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleLunchSpecials.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleLunchSpecials h1 span 
{
      display: none;
}

/* Mr Wok House Specials */
#titleMrWokHouseSpecials
{
      position: relative;
}

#titleMrWokHouseSpecials h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleMrWokHouseSpecials.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 500px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleMrWokHouseSpecials h1 span 
{
      display: none;
}

/* Noodle Soups */
#titleNoodleSoups
{
      position: relative;
}

#titleNoodleSoups h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleNoodleSoups.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleNoodleSoups h1 span 
{
      display: none;
}

/* Soups */
#titleSoups
{
      position: relative;
}

#titleSoups h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleSoups.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleSoups h1 span 
{
      display: none;
}

/* Starters */
#titleStarters
{
      position: relative;
}

#titleStarters h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleStarters.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleStarters h1 span 
{
      display: none;
}

/* Vegetarian */
#titleVegetarian
{
      position: relative;
}

#titleVegetarian h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleVegetarian.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleVegetarian h1 span 
{
      display: none;
}

/* Wok-Seared Omelettes */
#titleWokSearedOmelettes
{
      position: relative;
}

#titleWokSearedOmelettes h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleWokSearedOmelettes.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 500px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleWokSearedOmelettes h1 span 
{
      display: none;
}

/* Signature Dishes Red */

#titleSignatureDishesRed
{
      position: relative;
}

#titleSignatureDishesRed h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleSignatureDishesRed.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleSignatureDishesRed h1 span 
{
      display: none;
}

/* Directions */
#titleDirections
{
      position: relative;
}

#titleDirections h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleDirections.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleDirections h1 span 
{
      display: none;
}

/* Menus */
#titleMenus
{
      position: relative;
}

#titleMenus h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleMenus.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleMenus h1 span 
{
      display: none;
}

/* Reviews */
#titleReviews
{
      position: relative;
}

#titleReviews h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleReviews.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleReviews h1 span 
{
      display: none;
}

/* Contact */
#titleContact
{
      position: relative;
}

#titleContact h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleContact.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleContact h1 span 
{
      display: none;
}

/* Thank You */
#titleThankYou
{
      position: relative;
}

#titleThankYou h1 
{
      position: relative;
      background-image: url(/Images/Titles/TitleThankYou.jpg);
      background-repeat: no-repeat;
      height: 27px;
      width: 219px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
}

#titleThankYou h1 span 
{
      display: none;
}

#legend
{
	position: relative;
    border: 1px solid #000000;
    padding: 5px;  
    width: 667px;  
    text-align: center;
}

#sig
{
	background-position: right;
	background-image: '.\WebApplication1\images\MenuItems\pepper.jpg';
}

.block 
{
	display: block;
	width: 105px;
}

/*Modal Popup*/
.modalBackground 
{
    background-color:black;
    filter:alpha(opacity=70);
    opacity:0.7;
    z-index: 10000;
}

.modalPopup, .modalPopupWithTitle
{
    border:solid 1px black;
    background-color:White;
    z-index: 10000;
}

.modalPopup
{
    padding:20px;
}

.modalPopupTitle
{
    padding: 3px;
    font-weight:bold;
    background-color: #333333;
    color: White;
    text-align:center;
}

.modalContent
{
    padding: 20px;
}

.clearit
{
	clear: both;
}
 /* Menu Item Icons */
.h3pep
{	 
	width: 20px;
	background-repeat:no-repeat;	
	background-image: url(../../Images/MenuItems/pepper.jpg);
}

.h3logo
{
	width: 20px;
	background-repeat: no-repeat;
	background-image: url(../../Images/MenuItems/woksig.jpg);
}
