/**master.css                               */
/* Styles for the screen                    */
/* Written by Wai Ha Pang for Mei House     */
/********************************************/

body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	text-align: center; 
	background: url(../img/bck.jpg) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: small;
	} 
  
p {
  font-size: 85%;
  color: #FFF;
  margin: 0.75em 0;
  line-height: 1.7em;
  text-align:justify;
  }

ul {
  margin: 0;
  padding: 0;
  color: #FFF;
  }

li {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #FFF;
  }

/* ---/ Sitewide Elements /--------------- */
  
a {
  text-decoration: none;
  }

a:link {
  color: #FCB03C;
  }

a:visited {
  color: #FCB03C;
  }

a:hover {
  color: #FCB03C;
  }

/* ---/ Headings /------------------------ */

h1, h2, h3, h4 {
  font-weight: normal;
  text-align: left;
  color: #FCB03C;
  margin: 22px 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  }

h1 {
  font-size: 130%;
  font-weight: bold;
  padding: 11px 0 8px 0;
  width: 100%;
  border-top: 1px solid #AFAFAF;
  border-bottom: 1px solid #AFAFAF;
  border-width: 100%;
  }

h2 {
  font-size: 130%;
  font-weight: bold;
  color: #FCB03C;
  width: 100%;
  padding: 11px 0 8px 0;
  border-top: 1px solid #AFAFAF;
  border-bottom: 1px solid #AFAFAF;
  }
  
/* ---/ Site Header ----------------------- */

#navbox {
  float: left;
  width: 600px;
  margin: 54px 0 16px 0;
  }
#masthead {
  float: right;
  width: 357px;
  }

#masthead span {
  float: right;
  width: 145px;
  height: 50px;
  margin: 30px 0 0 0;
  background: url(../img/logo.gif) no-repeat top right;
  }

#header-hm {
	clear: both;
	height: 214px;
	width: 957px;
	background-image: url(..//img/hdr_hm.jpg);
	background-repeat: no-repeat;
	background-position: center center;
  }

#header-men {
	clear: both;
	height: 214px;
	width: 957px;
	background-image: url(..//img/hdr_men2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
  }

#header-contact {
	clear: both;
	height: 214px;
	width: 957px;
	background-image: url(..//img/hdr_rest.jpg);
	background-repeat: no-repeat;
	background-position: center center;
  }

/* ---/ Navigation /----------------------- */

ul#navbar {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  font-weight: bold;
  }

ul#navbar li {
  float: left;
  display: inline;
  padding: 0;
  }

ul#navbar li a {
  float: left;
  color: #FFFFFF;
  margin: 0 15px;
  text-decoration: none;
  }

#navbar li a:hover {
  color: #FFCC00;
	}

body.home li#nav-home a {
  color: #FFCC00;
  font-weight: bold;
}

body.home li#nav-home a:hover {
  border: none;
  }

/* ---/ Main Layout /--------------------- */

#wrapper	{
  position: relative;
  margin: auto; /* for IE6 and Firefox centering */
  width: 957px;
  min-height: 100%;
  overflow: hidden;
  background-color: #333333;
  }
  
#container {
  float: left;
  background-color: #333333;
  width: 100%;
  }
   
#feature-content {
  float: left;
  width: 50%;
  clear: both;
  padding-left: 24px;
  }
  
#sub-content {
  float: right;
  padding-right: 24px;
  width: 43%;
  }
  
span#latest-image {
  float: left;
  width: 250px;
  height: 216px;
  background: url(../img/latest_image.jpg) no-repeat top right;
  margin: 0 10px 0 0;
  }
  
#contact-content {
  float: left;
  width: 95%;
  padding-left: 24px;
  padding-right: 24px;
  }

  
span#contact-image {
  float: left;
  width: 348px;
  height: 327px;
  background: url(../img/map.jpg) no-repeat top right;
  margin: 0 10px 0 0;
  }
  
#menu-1 {
  float: left;
  width: 95%;
  padding-left: 24px;
  padding-right: 24px;
  }
	
#menu-2 {
  float: left;
  width: 95%;
  padding-left: 24px;
  padding-right: 24px;
  }	
	
	
	
#menu-soups {
  float: left;
  width: 50%;
  margin-top: 10px;
  }
  
#soups-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#soups-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#soups-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#soups-left ul li span {
  margin-left: 2ex;
  }

#soups-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#soups-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#soups-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-veg {
  float: right;
  width: 50%;
  margin-top: 10px;

  }
  
#veg-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#veg-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#veg-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#veg-left ul li span {
  margin-left: 2ex;
  }

#veg-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#veg-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
 #veg-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 
  

#menu-curries {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  }
  
#curries-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#curries-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#curries-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#curries-left ul li span {
  margin-left: 2ex;
  }

#curries-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#curries-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#curries-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-rice {
  float: right;
  width: 50%;
  margin-top: 10px;
  }
  
#rice-left {
  float: left;
  width: 70%;
  margin-top: 10px;
  }
  
#rice-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#rice-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#rice-left ul li span {
  margin-left: 2ex;
  }

#rice-right {
  float: right;
  width: 30%;
  margin-top: 10px;
  }
  
#rice-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
 #rice-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 
  

#menu-mein {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  }
  
#mein-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#mein-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#mein-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#mein-left ul li span {
  margin-left: 2ex;
  }

#mein-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#mein-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#mein-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-sweetsour {
  float: right;
  width: 50%;
  margin-top: 10px;
  }
  
#sweetsour-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#sweetsour-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#sweetsour-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#sweetsour-left ul li span {
  margin-left: 2ex;
  }

#sweetsour-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#sweetsour-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#sweetsour-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-fooyung {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  }
  
#fooyung-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#fooyung-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#fooyung-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#fooyung-left ul li span {
  margin-left: 2ex;
  }

#fooyung-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#fooyung-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#fooyung-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-mushroom{
  float: right;
  width: 50%;
  margin-top: 10px;
  }
  
#mushroom-left {
  float: left;
  width: 70%;
  margin-top: 10px;
  }
  
#mushroom-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#mushroom-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#mushroom-left ul li span {
  margin-left: 2ex;
  }

#mushroom-right {
  float: right;
  width: 30%;
  margin-top: 10px;
  }
  
#mushroom-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#mushroom-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-favourite {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  }
  
#favourite-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#favourite-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#favourite-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#favourite-left ul li span {
  margin-left: 2ex;
  }

#favourite-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#favourite-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#favourite-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-european{
  float: right;
  width: 50%;
  margin-top: 10px;
  overflow: auto;
  }
  
#european-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#european-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#european-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#european-left ul li span {
  margin-left: 2ex;
  }

#european-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#european-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#european-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-favourite-cont {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  padding-bottom: 0;
  }
  
#favourite-cont-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#favourite-cont-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#favourite-cont-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#favourite-cont-left ul li span {
  margin-left: 2ex;
  }

#favourite-cont-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#favourite-cont-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#favourite-cont-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-extras{
  float: right;
  width: 50%;
  margin-top: 10px;
  overflow: auto;
  }
  
#extras-left {
  float: left;
  width: 70%;
  margin-top: 10px;
  }
  
#extras-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#extras-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }

#extras-left ul li span {
  margin-left: 2px;
  }

#extras-right {
  float: right;
  width: 30%;
  margin-top: 10px;
  }
  
#extras-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#extras-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 
  

#menu-noodles {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  padding-bottom: 0;
  }
  
#noodles-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#noodles-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#noodles-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#noodles-left ul li span {
  margin-left: 2px;
  }

#noodles-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#noodles-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#noodles-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-vegg{
  float: right;
  width: 50%;
  margin-top: 10px;
  overflow: auto;
  }
  
#vegg-left {
  float: left;
  width: 70%;
  margin-top: 10px;
  }
  
#vegg-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#vegg-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }

#vegg-left ul li span {
  margin-left: 2px;
  }

#vegg-right {
  float: right;
  width: 30%;
  margin-top: 10px;
  }
  
#vegg-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#vegg-right ul li {
  text-align: right;
  font-size: 11px;
  list-style: none;
  } 

#menu-desserts {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  padding-bottom: 0;
  }
  
#desserts-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#desserts-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#desserts-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#desserts-left ul li span {
  margin-left: 2px;
  }

#desserts-right {
  float: right;
  width: 20%;
  margin-top: 10px;
  }
  
#desserts-right ul {
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
 
#desserts-right ul li {
  text-align: center;
  font-size: 11px;
  list-style: none;
  } 
  
#menu-seta {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  padding-bottom: 20px;
  }
  
#seta-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#seta-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#seta-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#seta-left ul li span {
  margin-left: 2px;
  }
  
#menu-setb{
  float: right;
  width: 50%;
  margin-top: 10px;
  overflow: auto;
  }
  
#setb-left {
  float: left;
  width: 70%;
  margin-top: 10px;
  }
  
#setb-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#setb-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }

#setb-left ul li span {
  margin-left: 2px;
  }
  
#menu-setc {
  float: left;
  width: 50%;
  margin-top: 10px;
  clear: both;
  padding-bottom: 20px;
  }
  
#setc-left {
  float: left;
  width: 80%;
  margin-top: 10px;
  }
  
#setc-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#setc-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }
  
#setc-left ul li span {
  margin-left: 2px;
  }
  
#menu-setd{
  float: right;
  width: 50%;
  margin-top: 10px;
  overflow: auto;
  }
  
#setd-left {
  float: left;
  width: 70%;
  margin-top: 10px;
  }
  
#setd-left ul {
  text-align: left;
  font-size: 11px;
  list-style: none;
  text-decoration: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#setd-left ul li {
  text-align: left;
  font-size: 11px;
  list-style: none;
  }

#setd-left ul li span {
  margin-left: 2px;
  }

/* ---/ Site Footer /---------------------- */

#footer {
  float: left;
  width: 95%;
  padding: 16px 24px 30px 24px;
  font-size: 75%;
  color: #FFFFFF; 
  background-color: #333333;
  }
  
#footer-content {
  border-top: 1px solid #AFAFAF;
  padding-top: 24px;
 text-align: left;
  }

span.copy {
  float: left;
  line-height: 1.4em;
  }