@charset "utf-8";
/* CSS Document */
.menu {padding:0 0 0 85px; top:75px; left:49px; list-style:none; height:28px; width:100%; position:relative; letter-spacing:-1px; }
.menu li.top {display:block; float:left; position:relative; margin:0 5px; }
.menu li a.top_link {float:left; display:block; color:#000; text-decoration:none; height:28px;font-size:18px; cursor:pointer; padding:0 5px;}
.menu li a.top_link span {float:left; display:block; height:28px;}
.menu li a.top_link span.down {float:left; display:block; height:28px; }
.menu li a.top_link:hover span {color:#999;}

.menu li:hover > a.top_link {color:#666;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0px; top:27px; width:auto; height:auto; white-space:nowrap;}
.menu :hover ul.sub li {display:block; position:relative; float:left; }
.menu :hover ul.sub li a {font-size:16px; line-height:30px; color:#000; text-decoration:none; padding:0 9px;}
.menu :hover ul.sub li a:hover {background:#999; color:#fff;}

			
#about .menu{ background: url(images/menu1.gif) bottom left no-repeat;}
#chef .menu{ background: url(images/menu2.gif) bottom left no-repeat;}
#dimsum .menu{ background: url(images/menu3.gif) bottom left no-repeat;}
#set .menu{ background: url(images/menu4.gif) bottom left no-repeat;}
#holiday .menu{ background: url(images/menu5.gif) bottom left no-repeat;}
#contact .menu{ background: url(images/menu6.gif) bottom left no-repeat;}


#about .sub{background: #E5EB9A; }
#chef .sub{background: #B3DBC5; }
#dimsum	.sub{background: #BCD985; }
#set .sub{background: #FAF4A0; }
#holiday .sub{background: #ECEB6F; }
#contact .sub{background: #BBD661; }