@charset "utf-8";
/* CSS Document */

#menu {padding:0; margin:0; list-style:none; position:absolute; width:800px; height:50px;}
#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:140px; height:140px; background:url(trans.gif);}
#menu li {display:block; width:70px; height:70px; position:absolute; text-decoration:none; color:#000;}

#menu li a b {position:absolute; left:-9999px; display:block; width:58px; height:25px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#menu li.home {background:url(../menu/home-z.png); left:0px; top:0px; width:95px; height:30px; display:block; position:absolute;}
#menu li.bio {background:url(../menu/bio-z.png); left:170px; top:0px; width:54px; height:30px; display:block; position:absolute;}
#menu li.media {background:url(../menu/media-z.png); left:401px; top:0px; width:105px; height:30px; display:block; position:absolute;}
#menu li.contact {background:url(../menu/contact-z.png); left:675px; top:0px; width:125px; height:30px; display:block; position:absolute;}

#menu li a.home {left:0px; top:0px; width:95px; height:30px; display:block; position:absolute;}
#menu li a.bio {left:0px; top:0px; width:54px; height:30px; display:block; position:absolute;}
#menu li a.media {left:0px; top:0px; width:105px; height:30px; display:block; position:absolute;}
#menu li a.contact {left:0px; top:0px; width:125px; height:30px; display:block; position:absolute;}

#menu li.home-selected {
background-image:url(../menu/home-zh.png); background-repeat:no-repeat; width:95px; height:30px;}
#menu li.bio-selected {
background-image:url(../menu/bio-zh.png); background-repeat:no-repeat;left:170px; top:0px; width:54px; height:30px; display:block;}
#menu li.media-selected {
background-image:url(../menu/media-zh.png); background-repeat:no-repeat; left:401px; top:0px; width:105px; height:30px; display:block; position:absolute;}
#menu li.contact-selected {
background-image:url(../menu/contact-zh.png); background-repeat:no-repeat; left:675px; top:0px; width:125px; height:30px; display:block; position:absolute;}

#menu li a.home:hover {
background-image:url(../menu/home-zh.png); background-repeat:no-repeat; width:95px; height:30px; display:block;}
#menu li a.bio:hover {
background-image:url(../menu/bio-zh.png); background-repeat:no-repeat;width:54px; height:30px; display:block;}
#menu li a.media:hover{
background-image:url(../menu/media-zh.png); background-repeat:no-repeat; width:105px; height:30px; display:block;}
#menu li a.contact:hover{
background-image:url(../menu/contact-zh.png); background-repeat:no-repeat; width:125px; height:30px; display:block;}


#menu li a:hover {border:0; z-index:500;}



#menu li.home a:hover ul, #menu li.home:hover ul {left:0px; top:0px;  width:95px; height:30px; display:block; position:absolute;}
#menu li.bio a:hover ul, #menu li.bio:hover ul {left:0px; top:0px; width:60px; height:30px; display:block; position:absolute;}
#menu li.media a:hover ul, #menu li.media:hover ul {left:0px; top:0px; width:105px; height:30px; display:block; position:absolute;}
#menu li.contact a:hover ul, #menu li.contact:hover ul {left:0px; top:0px; width:125px; height:30px; display:block; position:absolute;}

#menu :hover ul li {width:95px; height:40px;}

#menu :hover ul li a {position:absolute; display:block; width:95px; height:40px;}

#menu li ul li a.p1 {left:-90px; top:0;}
#menu li ul li a.p2 {left:100px; top:0;}
#menu li ul li a.p3 {left:98px; top:70px;}

#menu li.home a:hover b, #menu li.home:hover b {left:5px; top:125px;}
#menu li.bio a:hover b, #menu li.bio:hover b {left:-65px; top:95px;}
#menu li.media a:hover b, #menu li.media:hover b {left:0px; top:0px;}
#menu li.contact a:hover b, #menu li.contact:hover b {left:-65px; top:-45px;}

#menu li.home a:hover ul li a b,
#menu li.bio a:hover ul li a b,
#menu li.media a:hover ul li a b,
#menu li.contact a:hover ul li a b,
#menu li.home:hover ul li a b,
#menu li.bio:hover ul li a b,
#menu li.media:hover ul li a b,
#menu li.contact:hover ul li a b {left:-9999px; background:#fff;}

#menu li ul li a.media1 {background:url(../menu/audio.png);background-repeat:no-repeat;}
#menu li ul li a.media2 {background:url(../menu/video.png);background-repeat:no-repeat;}

#menu :hover ul li a.p1:hover b {left:-30px; top:60px;}
#menu :hover ul li a.p2:hover b {left:-58px; top:30px;}
#menu :hover ul li a.p3:hover b {left:-58px; top:-10px;}