@charset "utf-8";
/* CSS Document */
body { background-color: #FFFFFF; font-size: 12px; margin:0; padding:0;}
img { display:block;}

body * { margin: 0px; padding: 0px; }

#HEADER { height: 10px; overflow:hidden; background-image: url(../images/top-bg.jpg); border-bottom: 1pt solid #aaaaaa;}

#WRAPPER { background-image: url(../images/bg.jpg); background-repeat: repeat-y; background-position: center; overflow: hidden;}
#LOGO { height: 170px; overflow: hidden; background-image: url(../images/openbannerbg.jpg); background-repeat: no-repeat;}

#WRAPPER h1 { width: 766px; height: 30px; overflow:hidden; background-image: url(../images/1.jpg); text-indent:-9999px; overflow: hidden;}

#LEFT { float: left; width: 276px; overflow: hidden;}

#LEFT .COMPANY { background-image: url(../images/liaisebg.jpg); background-repeat: no-repeat;	font-size: 9pt; line-height: 13pt; color: #777777; font-family: Arial, Helvetica, sans-serif; height: 134px; padding-top: 15px; padding-right:8px; text-align:right; overflow: hidden;}
#LEFT .COMPANY h3 { font-size: 9pt; line-height: 13pt; color: #269B99; font-family: Arial, Helvetica, sans-serif;}
#LEFT .COMPANY a { color: #269B99; text-decoration: none;}
#LEFT .COMPANY span { color: #aaaaaa;}

#RIGHT { float:left; width: 490px; text-align:left; overflow: hidden;}


#MENU { background-image: url(../images/iconbg.jpg); background-repeat: no-repeat; height: 63px;}

#BROADCAST { background-image: url(../images/advertisementbg.jpg); background-repeat: no-repeat; width: 440px; height: 102px; padding: 12px 41px 7px 9px; overflow: hidden;}
#NWES { background-image: url(../images/newsbg.jpg); background-repeat: no-repeat; padding-left: 110px; height: 26px; padding-top: 9px; text-align:left; font-size: 12px; color: #999999; overflow: hidden;}

#CUSTOMER { padding-right: 7px; background-image: url(../images/2.jpg); height: 54px; background-repeat: no-repeat; background-position: right; overflow: hidden;}
#CUSTOMER ul { list-style-type:none;}
#CUSTOMER li{ float: right; margin-left: 3px;}
#CUSTOMER li.sibon h2 a{ display: block; background-image: url(../images/15.jpg); width: 72px; height: 54px; text-indent: -9999px;}
#CUSTOMER li.sibon h2 a:hover { background-image: url(../images/15-1.jpg); background-position:bottom;}
#CUSTOMER li.hiocean h2 a{ display: block; background-image:url(../images/16.jpg); width: 72px; height: 54px; text-indent: -9999px;}
#CUSTOMER li.hiocean h2 a:hover{ background-image: url(../images/16-1.jpg); background-position:bottom;}
#CUSTOMER li.music h2 a{  display: block; background-image: url(../images/17.jpg); width: 72px; height: 54px; text-indent: -9999px;}
#CUSTOMER li.music h2 a:hover{ background-image: url(../images/17-1.jpg); background-position:bottom;}


#FOOTER { background-image: url(../images/down-bg.jpg); background-repeat: repeat-x; background-position: top; font-size: 11px; line-height: 14pt; color: #777777; padding-top: 10px; border-top: 1pt solid #aaaaaa; clear:both;}
#FOOTER .counts { width: 90px; }
#FOOTER .counts2 { width: 95px; padding-top: 3px;}
#FOOTER .counts2 img{ float:left;}
#FOOTER .link { width: 490px;}
#FOOTER .link a:link, #FOOTER .link a:visited { font-size: 9pt; color: #777777; text-decoration: none;}
#FOOTER .link a:hover { font-size: 9pt; color: #555555;text-decoration: underline;}
#FOOTER .copyright { width: 205px;}
#FOOTER .provide { font-size: 12px; margin-top: 10px; color: #cccccc; text-align:center; clear:both;}
#FOOTER .provide a{ color: #cccccc; text-decoration: none;}