/**** RESET ****/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/**** BASIC STYLE ****/
body {position:relative;}
a:focus {outline:none}
p {margin:10px 0}
#bottom {position:relative;}

/**** TOP ****/
#top {width:100%;height:330px;border-bottom:0px solid #fff;position:relative; background-image:url(images/new/up_bg.jpg); background-position:left bottom;}
#top .media {position:absolute;bottom:0;left:0;}
#top .music {position:absolute;top:0;left:0;}
#bom {width:100%; background-image:url(images/new/bom.jpg); background-repeat:no-repeat; background-position:right bottom; height:100%;
_height:100%;
#height:100%;
}
#content {
color:#FFFFFF;
padding-left:40px;
padding-right:400px;
padding-bottom:100px;
padding-top:7%;
line-height:18px;
max-width:700px;
}
div#btmContainer img {
border:1px #CCCCCC solid;
}
/**** BANNERS ****/
#banners {overflow:auto;height:316px;position:relative}
#banners ul li object {float:left}
#bannersWrapper {width:100%}
#bannersContainer {margin-left:285px}
#topContainer {position:absolute;top:0;left:0;}
#btmContainer {position:absolute;top:80px;left:0;}
#banners ul li {display:inline; padding-bottom:10px; padding-right:10px;}
#banners ul li a {float:left;display:block;width:210px;position:relative;margin-right:2px;text-decoration:none;line-height:0}

#banners ul li a img.on {position:absolute;left:0;display:none;top:0; -moz-opacity: 1; 
opacity: 1;}
#banners ul li a img.title {margin:5px 0 11px 0}
#banners ul li a div.over {position:absolute;left:0;top:96px;height:34px;width:100%;background:#fff;cursor:pointer;display:none}
#banners ul li a p.desc {position:absolute;top:96px;left:0;width:212px;padding:5px 4px 0 4px;margin:0;color:#000;font-size:71%;line-height:1.2em;cursor:pointer;}

ul#banBot {clear:left}
ul#banBot li a {width:205px;color:#d5d5d5;font-size:77%;margin-bottom:8px;line-height:1.2em}
ul#banBot li a span {display:block;margin:3px 0;font-weight:bold;}
ul#banBot li a:hover span {display:block;margin:3px 0;font-weight:bold;color:#000;}
ul#banBot li a:hover {color:#272727}
ul#banBot li a img {height:128px; -moz-opacity: 0.6; 
opacity: 0.6; filter:alpha(opacity=60);}
#banTop{clear:both;display:inline-block;height:auto !important;height:1%;}
#banTop:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*** MAIN MENU ***/
/*** MAIN MENU ***/
#menu {position:absolute;top:0;left:0;padding:10px 0 0 14px;width:271px;padding-bottom:50px;border-bottom:1px solid #000; height:239px}
#menu ul {margin-top:20px; margin-left:20px;}
#menu ul li {padding-bottom:4px;}
#menu .menu_image {
margin-top:20px; margin-left:20px;
}
#menu ul li.lower {padding-top:10px;
padding-bottom:4px;}



#menu ul li a {color:#9c9b9b;
	text-transform: uppercase;
	
	text-decoration:none;
	font-size:11px;
	
	letter-spacing:1px;}
#menu ul li a#DG {width:87px;background:url('img/common/menu_sprite.gif') 0 0 no-repeat}
#menu ul li a:hover#DG {background:url('img/common/menu_sprite.gif') 0 -9px no-repeat}
#menu ul li a#DeG {width:111px;background:url('img/common/menu_sprite.gif') 0 -18px no-repeat}
#menu ul li a:hover#DeG {background:url('img/common/menu_sprite.gif') 0 -27px no-repeat}
#menu ul li a#DGJunior {width:60px;background:url('img/common/menu_sprite.gif') 0 -36px no-repeat}
#menu ul li a:hover#DGJunior {background:url('img/common/menu_sprite.gif') 0 -45px no-repeat}

#menu ul li a#club {width:23px;background:url('img/common/menu_sprite.gif') 0 -54px no-repeat}
#menu ul li a:hover#club {background:url('img/common/menu_sprite.gif') 0 -63px no-repeat}
#menu ul li a#corporate {margin-top:12px;width:58px;background:url('img/common/menu_sprite.gif') 0 -174px no-repeat}
#menu ul li a:hover#corporate {background:url('img/common/menu_sprite.gif') 0 -183px no-repeat}
#menu ul li a#swide {margin-top:12px;width:32px;background:url('img/common/menu_sprite.gif') -123px -174px no-repeat}
#menu ul li a:hover#swide {background:url('img/common/menu_sprite.gif') -123px -183px no-repeat}
#menu ul li a#language {margin-top:68px;width:54px;background:url('img/common/menu_sprite.gif') 0 -72px no-repeat}
#menu ul li a:hover#language, #menu ul li a#language.active {background:url('img/common/menu_sprite.gif') 0 -81px no-repeat}

#menu ul.language {position:absolute;bottom:53px;left:85px;}
#menu ul.language li a:link, #menu ul.language li a:visited {display:block;height:14px;width:65px;padding-left:10px;border-left:1px solid #999;margin:0}
#menu ul.language li a:hover {border-left:1px solid #000;}
#menu ul.language li a.active {margin-top:10px;border-left:1px solid #000}
#menu ul.language li#eng a {background:url('img/common/menu_sprite.gif') -112px 0 no-repeat}
#menu ul.language li#eng a:hover, #menu ul.language li#eng a.active {background:url('img/common/menu_sprite.gif') -112px -14px no-repeat}
#menu ul.language li#ita a {background:url('img/common/menu_sprite.gif') -112px -28px no-repeat}
#menu ul.language li#ita a:hover, #menu ul.language li#ita a.active {background:url('img/common/menu_sprite.gif') -112px -42px no-repeat}
#menu ul.language li#jpn a {background:url('img/common/menu_sprite.gif') -112px -56px no-repeat}
#menu ul.language li#jpn a:hover, #menu ul.language li#jpn a.active {background:url('img/common/menu_sprite.gif') -112px -70px no-repeat}
#menu ul.language li#esp a {background:url('img/common/menu_sprite.gif') -112px -84px no-repeat}
#menu ul.language li#esp a:hover, #menu ul.language li#esp a.active {background:url('img/common/menu_sprite.gif') -112px -98px no-repeat}
#menu ul.language li#deu a {background:url('img/common/menu_sprite.gif') -112px -112px no-repeat}
#menu ul.language li#deu a:hover, #menu ul.language li#deu a.active {background:url('img/common/menu_sprite.gif') -112px -126px no-repeat}
#menu ul.language li#fra a {background:url('img/common/menu_sprite.gif') 10px -90px no-repeat}
#menu ul.language li#fra a:hover, #menu ul.language li#fra a.active {background:url('img/common/menu_sprite.gif') 10px -104px no-repeat}
#menu ul.language li#rus a {background:url('img/common/menu_sprite.gif') 10px -118px no-repeat}
#menu ul.language li#rus a:hover, #menu ul.language li#rus a.active {background:url('img/common/menu_sprite.gif') 10px -132px no-repeat}
#menu ul.language li#kor a {background:url('img/common/menu_sprite.gif') 10px -146px no-repeat}
#menu ul.language li#kor a:hover, #menu ul.language li#kor a.active {background:url('img/common/menu_sprite.gif') 10px -160px no-repeat}
#menu ul.language li#chi a {background:url('img/common/menu_sprite.gif') -112px -140px no-repeat}
#menu ul.language li#chi a:hover, #menu ul.language li#chi a.active {background:url('img/common/menu_sprite.gif') -112px -154px no-repeat}
/*
#menu {position:absolute;top:0;left:0;padding:51px 0 0 14px;width:271px;padding-bottom:50px;border-bottom:1px solid #000}
#menu ul {margin-top:8px}
#menu ul li {display:inline}
#menu ul li a span {display:none}
#menu ul li a {display:block;height:9px;margin:4px 0}
#menu ul li a#DG {width:87px;background:url('img/common/DG.gif') top left no-repeat}
#menu ul li a:hover#DG {background:url('img/common/DG.gif') 0 -9px no-repeat}
#menu ul li a#DeG {width:111px;background:url('img/common/DeG.gif') top left no-repeat}
#menu ul li a:hover#DeG {background:url('img/common/DeG.gif') 0 -9px no-repeat}
#menu ul li a#DGJunior {width:60px;background:url('img/common/DGJunior.gif') top left no-repeat}
#menu ul li a:hover#DGJunior {background:url('img/common/DGJunior.gif') 0 -9px no-repeat}

#menu ul li a#club {width:23px;background:url('img/common/club.gif') top left no-repeat}
#menu ul li a:hover#club {background:url('img/common/club.gif') 0 -9px no-repeat}
#menu ul li a#corporate {width:56px;background:url('img/common/corporate.gif') top left no-repeat}
#menu ul li a:hover#corporate {background:url('img/common/corporate.gif') 0 -9px no-repeat}
#menu ul li a#language {margin-top:110px;width:54px;background:url('img/common/language.gif') top left no-repeat}
#menu ul li a:hover#language, #menu ul li a#language.active {background:url('img/common/language.gif') 0 -9px no-repeat}

	#menu ul.language {position:absolute;bottom:53px;left:85px;}
	#menu ul.language li a:link, #menu ul.language li a:visited {display:block;height:14px;width:65px;padding-left:10px;border-left:1px solid #999;margin:0}
	#menu ul.language li a:hover {border-left:1px solid #000;}
	#menu ul.language li a.active {margin-top:10px;border-left:1px solid #000}
	#menu ul.language li#eng a {background:url('img/langs/eng.gif') 10px 0 no-repeat}
	#menu ul.language li#eng a:hover, #menu ul.language li#eng a.active {background:url('img/langs/eng.gif') 10px -14px no-repeat}
	#menu ul.language li#ita a {background:url('img/langs/ita.gif') 10px 0 no-repeat}
	#menu ul.language li#ita a:hover, #menu ul.language li#ita a.active {background:url('img/langs/ita.gif') 10px -14px no-repeat}
	#menu ul.language li#jpn a {background:url('img/langs/jpn.gif') 10px 0 no-repeat}
	#menu ul.language li#jpn a:hover, #menu ul.language li#jpn a.active {background:url('img/langs/jpn.gif') 10px -14px no-repeat}
	#menu ul.language li#esp a {background:url('img/langs/esp.gif') 10px 0 no-repeat}
	#menu ul.language li#esp a:hover, #menu ul.language li#esp a.active {background:url('img/langs/esp.gif') 10px -14px no-repeat}
	#menu ul.language li#deu a {background:url('img/langs/deu.gif') 10px 0 no-repeat}
	#menu ul.language li#deu a:hover, #menu ul.language li#deu a.active {background:url('img/langs/deu.gif') 10px -14px no-repeat}
	#menu ul.language li#fra a {background:url('img/langs/fra.gif') 10px 0 no-repeat}
	#menu ul.language li#fra a:hover, #menu ul.language li#fra a.active {background:url('img/langs/fra.gif') 10px -14px no-repeat}
	#menu ul.language li#rus a {background:url('img/langs/rus.gif') 10px 0 no-repeat}
	#menu ul.language li#rus a:hover, #menu ul.language li#rus a.active {background:url('img/langs/rus.gif') 10px -14px no-repeat}
	#menu ul.language li#kor a {background:url('img/langs/kor.gif') 10px 0 no-repeat}
	#menu ul.language li#kor a:hover, #menu ul.language li#kor a.active {background:url('img/langs/kor.gif') 10px -14px no-repeat}
	#menu ul.language li#chi a {background:url('img/langs/chi.gif') 10px 0 no-repeat}
	#menu ul.language li#chi a:hover, #menu ul.language li#chi a.active {background:url('img/langs/chi.gif') 10px -14px no-repeat}
no-repeat}
*/
/*** COUNTDOWN ***/
#countdown {position:absolute;width:220px;height:128px;background: transparent;left:280px;top:0}

/*** FOOTER ***/
#footer {font-size:9px;color:#B7B7B7}
#footer a:link, #footer a:visited {color:#B7B7B7;text-decoration:none}
#footer a:hover {text-decoration:underline}

/*** SCROLLBAR ***/
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;width:100%;left: 0;bottom: 0;height: 100%;background: #DEDEDE;border-top:1px solid #000;}
.jScrollPaneDrag {position: absolute;background: #323232;cursor: pointer;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;bottom:0;left: 0;text-indent: -2000px;overflow: hidden;width: 14px; height:16px;background:url('images/arrLft.gif') top left no-repeat;border:1px solid #000;border-width:1px 1px 0 0; }
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;width: 14px; height:16px;border:1px solid #000;border-width:1px 0 0 1px;background:url('images/arrRght.gif') top right no-repeat; }


