@charset "utf-8";
html,body{margin:0; padding:0; border:0;}
body{font-family:Verdana, Geneva, sans-serif; font-size:13px;}
a{text-decoration:none; border:0; font-weight:bold; color:#02372E;}
a img{border:0;}
/*a:hover{border-bottom:1px dotted #02372E;}*/
h2,h3{margin:0;}
h1.title span,h2.title span,h3.title span{display:none;}
h2.title{width:100%; height:35px;}
ul{padding:0; list-style:none;}

#logo{background:#02372E;}
#logo div{width:940px;margin:auto;}
#nag{height:52px; background:url(images/nag_bg.jpg) repeat-x;}
#nag ul{margin:0 auto; padding:0; width:940px;}
#nag ul li{list-style:none; display:block; float:left; height:52px;}
#nag ul li a {width:80px; height:52px; display:block; border:none;}
#nag ul li a span{display:none;}
#nag ul li.bt0 a{background:url(images/nag_index.jpg) no-repeat; width:48px;}
#nag ul li.bt1 a{background:url(images/nag_intro.jpg) no-repeat;}
/*#nag ul li.bt1 a:hover{background-position:bottom;}*/
#nag ul li.bt2 a{background:url(images/nag_conductor.jpg) no-repeat;}
/*#nag ul li.bt2 a:hover{background-position:bottom;}*/
#nag ul li.bt3 a{background:url(images/nag_committee.jpg) no-repeat; width:65px;}
#nag ul li.bt4 a{background:url(images/nag_member.jpg) no-repeat;}
/*#nag ul li.bt3 a:hover{background-position:bottom;}*/
#nag ul li.bt5 a{background:url(images/nag_perform.jpg) no-repeat;}
/*#nag ul li.bt4 a:hover{background-position:bottom;}*/
#nag ul li.bt6 a{background:url(images/nag_oversea.jpg) no-repeat;}
/*#nag ul li.bt5 a:hover{background-position:bottom;}*/
#nag ul li.bt7 a{background:url(images/nag_recording.jpg) no-repeat;}
/*#nag ul li.bt6 a:hover{background-position:bottom;}*/
#nag ul li.bt8 a{background:url(images/nag_review.jpg) no-repeat;}
/*#nag ul li.bt7 a:hover{background-position:bottom;}*/
#nag ul li.bt9 a{background:url(images/nag_studio.jpg) no-repeat;}
#nag ul li.bt10 a{background:url(images/nag_contactus.jpg) no-repeat;}
/*#nag ul li.bt9 a:hover{background-position:bottom;}*/
#nag ul li.bt11 a{background:url(images/nag_video.jpg) no-repeat;}

#container{width:940px; padding:0 10px; margin:20px auto auto; min-height:420px;}
#container p{margin-top:0;}
#container h2{margin-bottom:14px;}
#wrapper_940{margin-bottom:40px;}

#footer{background:url(images/nag_bg.jpg) repeat-x; color:#eeeeee; height:24px;}
#footer div{width:940px; margin:auto; padding:6px; font-size:11px;}

.boxleft{float:left;}
.boxright{float:right;}
.clearfloat{clear:both;}

/* following are for index only*/
#index #slideshow img{margin-bottom:20px;}
#index #index_left-col{float:left; width:640px;}
#index #index_right-col{float:right; width:300px;}
#index #h2_hkmlco{width:620px; float:left; margin:0 20px 20px 0;}
#index #h2_hkmlco h2{background:url(images/h2_hkmlco.jpg); height:31px; width:224px;}
#index #h2_perform{width:280px; min-height:700px; padding:4px 10px; background:#DDD;}
#index #h2_perform h2{background:url(images/h2_perform_recent.jpg) no-repeat; height:31px; width:128px;}
#index #h2_perform h3{
	font-size: 18px;
	margin-bottom: 4px;
}
#index #h2_perform ul li{font-weight:bold; margin-bottom:1em;}
#index #h2_perform ul li ul li {font-weight:normal; margin-bottom:0;}
#index #h2_conductor{width:620px; float:left; margin-bottom:30px;}
#index #h2_conductor h2{background:url(images/h2_conductor.jpg) no-repeat; height:31px; width:128px;}
#index #h2_conductor .hmc{width:300px; margin-right:20px; float:left;}
#index #h2_conductor .wsf{width:300px; float:left;}
#index #h2_conductor div img{margin-right:20px;}
#index #h2_conductor .conductor_text{width:140px; margin-bottom:1em;}
#index #h3_oversea,#h3_recording{width:300px; float:left; margin:0 20px 20px 0;}
#index #h3_oversea h3,#h3_recording h3{height:30px; width:100%;}
#index #h3_oversea h3{background:url(images/h3_oversea.jpg) no-repeat;}
#index #h3_recording h3{background:url(images/h3_recording.jpg) no-repeat;}
#index .cd{margin-right:10px;}

/**/
#about h2.title{background:url(images/h2_hkmlco.jpg) no-repeat; height:31px;}
#about #slideshow img{margin-bottom:20px;}

#conductor h1.title{background:url(images/h2_conductor.jpg) no-repeat;	height:35px;width:100%;}
#conductor .conductor_profile{margin-bottom:40px;}
#conductor .conductor_profile h2{width:180px; height:90px; float:left;}
#conductor .conductor_profile h2.hmc{background:url(images/conductor/ho_title.jpg) no-repeat}
#conductor .conductor_profile h2.wsf{background:url(images/conductor/wai_title.jpg) no-repeat}
#conductor .conductor_profile .conductor_text{width:440px; margin:0 20px; float:left;}
#conductor .conductor_profile img{float:right;}

#committee h2.title{background:url(images/h2_committee.jpg) no-repeat;}

#member h2.title{background:url(images/h2_member.jpg) no-repeat;}
#member .instrument{font-weight:bold; display:block; clear:both; font-size:16px;margin-bottom:4px;}
#member #member_list li ul{clear:both;}
#member #member_list li li{float:left; margin:0 20px 14px 0;}

#performance h2.title{background:url(images/h2_performance.jpg) no-repeat;}
#performance .mainBlock{border-bottom:1px solid #777; padding:4px 10px; margin-bottom:4px;}
#performance #yearselect{width:180px; padding:10px; float:left;}
#performance #yearselect .ind{font-size:20px; color:#CCCCCC;}
#performance #eventdisplay{width:720px; padding:10px; float:left;}
#performance .mainBlock h4{font-size:20px; color:#bbb; margin:0px; float:left;}
#performance .mainBlock h5{font-size:14px; margin-top:6px; margin-bottom:6px;}
#performance .ent{padding:10px;}
#performance .odd{background:#EEE;}
#performance .current{background:#FFC;}
#performance .ent1 {padding:10px;}

#oversea h2.title {background:url(images/h2_oversea.jpg) no-repeat; height:35px;width:100%;}
/*for the map*/
#oversea #worldmap{width:940px; height:560px; margin-bottom:40px; background:url(images/world_map.jpg) no-repeat; position:relative;}
#oversea #worldmap li a{display:block; border-bottom:none; z-index:-10;}
#oversea #worldmap li.pointer span{width:66px; height:66px; position:absolute; text-indent:-9999px; }
#oversea #worldmap li#macau a span{background:url(images/oversea/world_map_r9_c9.png) no-repeat; top:299px; left:725px;}
#oversea #worldmap li#macau a:hover span{top:304px;}
#oversea #worldmap li#singapore span{background:url(images/oversea/world_map_r14_c5.png) no-repeat; top:389px; left:706px;}
#oversea #worldmap li#singapore a:hover span{top:394px;}
#oversea #worldmap li#america span{background:url(images/oversea/world_map_r7_c1.png) no-repeat; top:296px; left:176px;}
#oversea #worldmap li#america a:hover span{top:301px;}
#oversea #worldmap li#tianjin span{background:url(images/oversea/world_map_r1_c11.png) no-repeat; top:194px; left:726px;}
#oversea #worldmap li#tianjin a:hover span{top:201px;}
#oversea #worldmap li#malaysia span{background:url(images/oversea/world_map_r11_c13.png) no-repeat; top:346px; left:727px;}
#oversea #worldmap li#malaysia a:hover span{top:351px;}
#oversea #worldmap li#chengdu span{background:url(images/oversea/world_map_r2_c3.png) no-repeat; top:228px; left:659px;}
#oversea #worldmap li#chengdu a:hover span{top:233px;}
#oversea #worldmap li#australia span{background:url(images/oversea/world_map_r16_c17.png) no-repeat; top:445px; left:804px;}
#oversea #worldmap li#australia a:hover span{top:450px;}
#oversea #worldmap li#shenzhen span{background:url(images/oversea/world_map_r5_c7.png) no-repeat; top:261px; left:707px;}
#oversea #worldmap li#shenzhen a:hover span{top:266px;}
#oversea #worldmap li#taiwan span{background:url(images/oversea/world_map_r4_c15.png) no-repeat; top:247px; left:752px;}
#oversea #worldmap li#taiwan a:hover span{top:252px;}
/**/
#oversea .osdetail{margin-bottom:30px; padding:0 0 10px 240px; /*border-bottom:2px solid #DDD;*/ min-height:200px; position:relative;}
#oversea .osdetail h3{display:none;}
#oversea .osdetail p{width:214px; position:absolute; left:0px; top:90px; text-align:right; font-size:12px;}
#oversea #am1988 p,#oversea #ma1996 p{top:130px;}
/**/
#oversea #mc1981{background:url(images/oversea/os_1.jpg) no-repeat;}
#oversea #sp1984{background:url(images/oversea/os_2.jpg) no-repeat;}
#oversea #tw1984{background:url(images/oversea/os_3.jpg) no-repeat;}
#oversea #cd1987{background:url(images/oversea/os_4.jpg) no-repeat;}
#oversea #am1988{background:url(images/oversea/os_5.jpg) no-repeat;}
#oversea #tw1990{background:url(images/oversea/os_6.jpg) no-repeat;}
#oversea #sp1993{background:url(images/oversea/os_7.jpg) no-repeat;}
#oversea #sc1995{background:url(images/oversea/os_8.jpg) no-repeat;}
#oversea #cd1995{background:url(images/oversea/os_9.jpg) no-repeat;}
#oversea #ma1996{background:url(images/oversea/os_10.jpg) no-repeat;}
#oversea #au1998{background:url(images/oversea/os_11.jpg) no-repeat;}
#oversea #tj2007{background:url(images/oversea/os_12.jpg) no-repeat;}
#oversea #sp2007{background:url(images/oversea/os_13.jpg) no-repeat;}
#oversea #sc2009{background:url(images/oversea/os_14.jpg) no-repeat;}
#oversea .album li{float:left; margin:0 4px 4px 0;}

#video h2.title{background:url(images/h2_video.jpg) no-repeat;}
#video #playvideo{background:#000000;}
#video #playvideo iframe{display:block; margin:12px auto;}
#video #videoselector{padding:0px;}
#video .video_thumb{margin-right:15px; margin-bottom:40px; float:left; width:220px; height:124px;}
#video .video_thumb a img{border:2px solid #333;}
#video .video_thumb span{display:block; font-size:0.8em;}
#video .video_thumb a:hover img{border:2px solid #02372E;}

#recording h1.title{background:url(images/h2_recording.jpg) no-repeat;height:35px;width:100%;}
#recording h2.cd-series{background:url(images/h2a_cd-series.jpg) no-repeat; height:20px;}
#recording h2.cassette-series{background:url(images/h2a_cassette-series.jpg) no-repeat; height:20px;}
#recording h2 span{display:none;}

#event h2.title{background:url(images/h2_event.jpg) no-repeat;}
#event .mainBlock{border-bottom:1px solid #777; padding:2px 10px;}
#event #yearselect{width:180px; padding:10px; float:left;}
#event #yearselect .ind{font-size:20px; color:#CCCCCC;}
#event #eventdisplay{width:720px; padding:10px; float:left;}
#event .mainBlock h4{font-size:20px; color:#bbb; margin:0px; float:left;position:relative; top:4px;}
#event .mainBlock h5{font-size:14px; margin-top:6px; margin-bottom:6px;}
#event .mainBlock .ent{width:600px; padding-left:100px;}
#event .ent .place{font-size:12px; color:#555;}

#studio h2.title{background:url(images/h2_studio.jpg) no-repeat;}

#contactus h2.title{background:url(images/h2_contactus.jpg) no-repeat;}