#wrap{min-width: 1008px;overflow: hidden;}
#wrapper.main {color: #333333;margin: 0 auto 0;width: 1008px;border: none;}
#wrapper.main #header {border: none; height: 78px;padding-top: 12px;position: relative;}

/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/* Banner  - Common */

#banner_wrap{width: 100%;max-width: 1270px;min-width: 1008px;height: 440px;margin: 0 auto;position: relative; background: no-repeat center center black;}
#banner_wrap #mb_scroll_l{background: url("../img/main/mb/mb_arrow.png") no-repeat scroll 0 0 transparent;cursor: pointer;height: 82px;left: 0;margin-top: -41px;opacity: 0;position: absolute;top: 50%;width: 47px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); z-index: 99999;}
#banner_wrap:hover #mb_scroll_l{opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
#banner_wrap #mb_scroll_l:hover{opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
#banner_wrap #mb_scroll_r{background: url("../img/main/mb/mb_arrow.png") no-repeat scroll right 0 transparent;cursor: pointer;height: 82px;right: 0;margin-top: -41px;opacity: 0;position: absolute;top: 50%;width: 47px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); z-index: 99999;}
#banner_wrap:hover #mb_scroll_r{opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
#banner_wrap #mb_scroll_r:hover{opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
#time_bar{position: absolute;height: 5px;width: 100%;bottom: 0;left: 0;background: url("../img/main/mb/time_bar.jpg") repeat left top transparent; opacity: 1;}

#banner_wrap a.mb_dl{position: absolute;background: url("../img/main/mb/dl_bg.png") no-repeat scroll 0 0 transparent;color: #777777;font-size: 24px;height: 59px;padding-top: 15px;text-indent: 87px;width: 249px;cursor: pointer;}
#banner_wrap a.mb_dl:hover{background-position: 0 -74px;color: white;}

#banner_wrap a.mb_dl span.mb_dl_d{display:block;color: #777777;cursor: pointer;font-size: 24px;text-indent: 87px;line-height: 24px;}
#banner_wrap a.mb_dl span.mb_dl_f{display: block;text-indent: 89px;color: #86b009;font-size: 15px;}
#banner_wrap a.mb_dl span.mb_dl_f.de{text-indent: 87px;}
#banner_wrap a.mb_dl:hover span{color: white;}

#banner_wrap .mb_wrap{height: 435px;position: absolute;width: 100%;}
#banner_wrap .mb_wrap .mb_mask_layer{height: 100%;position: absolute;width: 100%; overflow: hidden;}
#banner_wrap .mb_obj{position: absolute; display: none;}
#banner_wrap .mb_title{font-size: 75px;color: white;font-family: locator-black;line-height: 55px; letter-spacing: -3px;}
#banner_wrap .mb_subtitle{font-family: locator-b;font-size: 16px;color: white;}

/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/* Banner Nav */
#banner_nav {border: medium none;color: #333333;height: 16px;margin: 11px auto;overflow: auto;text-align: center;width: 1008px; overflow:hidden;}
.banner_nav {background: url("../img/main/mb/banner_nav.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 11px;width: 11px;margin-right: 4px;cursor: pointer;}
.banner_nav.on{background-position: 0 -11px;}

/* Game Site Links */
#game_site_wrap{color: #333333;margin: 0 auto 0;width: 1008px;overflow: auto;border: none;}
.game_intro{position: relative; border: 2px solid white;height: 121px;width: 326px;background: grey;margin-bottom: 10px;float: left;margin-right: 9px;}
.game_intro.last{margin-right: 0px;}
.game_intro.cs{background: url("../img/main/intro/coming_soon.jpg") repeat scroll 0 0 transparent;width: 328px;height: 123px;border: 1px solid #5c5c5c;}
.game_intro.cs.de{background: url("../img/main/intro/coming_soon_de.jpg") repeat scroll 0 0 transparent;width: 328px;height: 123px;border: 1px solid #5c5c5c;}

.game_intro#intro_ti{background: url("../img/main/intro/ti.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_ls{background: url("../img/main/intro/ls.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_sdgo{background: url("../img/main/intro/sdgo.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_lt{background: url("../img/main/intro/lt.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_z4{background: url("../img/main/intro/z4.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_rf{background: url("../img/main/intro/rf_010714.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_rs{background: url("../img/main/intro/rs.jpg") repeat scroll 0 0 transparent;}
.game_intro#intro_hc{background: url("../img/main/intro/hc.jpg") repeat scroll 0 0 transparent;}/*added 06202013*/
.game_intro#intro_hco{background: url("../img/main/intro/hco.jpg") no-repeat scroll 0 0 transparent;}/*added 07192013*/
.game_intro .flag_coming{background: url("../img/main/intro/flag_coming.png") no-repeat scroll 0 0 transparent; display:block; width:75px; height:75px; position:absolute; z-index: 2; left:-3px; top:-3px;}
.game_intro .flag_new{background: url("../img/main/intro/flag_new.png") no-repeat scroll 0 0 transparent; display:block; width:75px; height:75px; position:absolute; z-index: 2; left:-3px; top:-3px;}

.game_intro_hover{background: url("../img/main/intro/intro_bg.png") repeat scroll 0 0 transparent;border: 1px solid #b5b5b5;display: none;height: 123px;left: -2px;position: absolute;top: -2px;width: 328px;}
.game_title{color: white;font-size: 16px;padding-top: 10px;text-align: center;}
span.game_genre{color: #ffc000;font-size: 13px;}
.game_desc {color: #CCCCCC;padding-bottom: 5px;padding-top: 5px;text-align: center; font-family: locator-l;}
.game_link_wrap{text-align: center;}
.game_link_wrap a{background: url("../img/main/intro/intro_bt.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 27px;padding-top: 10px;text-align: center;width: 100px;}
.game_link_wrap a:hover{background-position: 0 -37px;color: white;}
.game_link_wrap a.game_dl{margin-right: 2px;}
/* TI COMING SOON HOVER */
#intro_ti .game_intro_hover{width: 330px;height: 125px;background: url("../img/main/intro/intro_bg_ti.png") no-repeat 0 0 transparent;border: 0;}
/* TI DL BT Disabled */
.game_intro#intro_ti .game_link_wrap a.game_dl {display: none;}

/* News Section */
#info_wrap {border: medium none;margin: 25px auto 35px;overflow: auto;width: 1008px;}
#news_wrap{margin: 0;  border: 1px solid #959595; width: 498px;overflow: auto;border: 1px solid #959595; padding-bottom: 19px; float: left; min-height: 261px;}
#news_subtitle{background: url("../img/main/subtitle_bg.jpg") repeat-x scroll 0 0 transparent;border-bottom: 1px solid #686868;color: white;padding: 10px 15px;	height: 18px; font-size: 15px;}
#news_subtitle a{color: #BBBBBB;float: right;font-size: 13px;position: relative;text-decoration: underline;top: 2px;}
.main_news_entry{margin-top: 19px;padding: 0 19px;}
.main_news_thumb{width: 166px;height: 92px;float: left;margin-right: 18px;}
.main_news_title {color: #00FCFF;float: left;margin-bottom: 5px;width: 265px;}
.main_news_title:hover{text-decoration: underline;}
.main_news_cont{color: #bbbbbb;font-size: 14px;font-family: locator-l;width: 265px;float: left; line-height: 16px;}
.main_news_date {color: #777777;font-family: locator-l;font-size: 13px;margin-top: 5px;width: 265px;}

#howto_wrap{position: relative; border: 1px solid #959595; width: 498px;overflow: auto;border: 1px solid #959595; float: right;height: 280px;}
#howto_subtitle{background: url("../img/main/subtitle_bg.jpg") repeat-x scroll 0 0 transparent;border-bottom: 1px solid #686868;color: white;padding: 10px 15px;height: 18px; font-size: 15px;}

.steps{width: 164px;text-align: center;color: #666666;font-size: 18px;position: absolute;height: 240px;}
.steps a{font-size: 16px;position: absolute;width: 122px;height: 52px;background: url("../img/main/howto/bt.png") no-repeat 0 0 transparent;color: #9F9F9F;left: 50%;margin-left: -61px;bottom: 19px;text-align: center;}
.steps.on a{background: url("../img/main/howto/bt_on.png") no-repeat 0 0 transparent; color: white;}

#step_1 {background: url("../img/main/howto/step1.png") no-repeat scroll center 29px transparent;border-right: 1px solid #313131;height: 148px;padding-top: 92px; border-right: 1px solid #313131;}
#step_1.on {background: url("../img/main/howto/step1_on.png") no-repeat scroll center 29px transparent;color:#f47f23;}
#step_1 a{padding-top: 15px;height: 37px;}

#step_2 {left: 165px; background: url("../img/main/howto/step2.png") no-repeat scroll center 29px transparent;border-right: 1px solid #313131;height: 158px;padding-top: 82px;border-left: 1px solid #464646;border-right: 1px solid #313131;}
#step_2.on {background: url("../img/main/howto/step2_on.png") no-repeat scroll center 29px transparent;color:#f47f23;}
#step_2 a {height: 42px;line-height: 16px;padding-top: 10px;}

#step_3 {background: url("../img/main/howto/step3.png") no-repeat scroll center 29px transparent;height: 158px;padding-top: 82px;border-left: 1px solid #464646; right: 2px;}
#step_3.on {background: url("../img/main/howto/step3_on.png") no-repeat scroll center 29px transparent;color:#f47f23;}
#step_3 a{padding-top: 15px;height: 37px;}

.steps .howto_arrow {background: url("../img/main/howto/arrow.png") no-repeat scroll 0 0 transparent;height: 15px;position: absolute;right: -17px;top: 108px;width: 30px;}

/* Footer */

#footer_wrap{background: url("../img/main/footer/bg.jpg") repeat scroll 0 0 transparent;border-bottom: 1px solid #4C4C4C;border-top: 1px solid #717171;height: 68px;margin: 20px 0;}
#footer_wrap #footer_cont{color: #CCCCCC;height: 18px;margin: 0 auto;position: relative; top: 25px;width: 1008px;font-size: 13px;}
#footer_wrap #footer_cont a{color: #00fcff;font-size: 13px;}
#footer_wrap #footer_cont a:hover{text-decoration: underline;}
#footer_wrap #sitemap_bt{background: url("../img/main/footer/sitemap_bg.png") no-repeat scroll 0 0 transparent;color: #FDFDFD;cursor: pointer;font-size: 13px;height: 26px;padding-top: 8px;position: absolute;right: 180px;text-align: center;top: -8px;width: 130px;}
#footer_wrap #sitemap_bt:hover{background-position: 0 -34px;}
#footer_wrap #sitemap_bt.on{background-position: 0 -68px;}
#footer_wrap #sitemap_bt span#up_arrow{background: url("../img/main/footer/up_arrow.png") repeat scroll 0 0 transparent;display: inline-block;height: 3px;left: 5px;position: relative;top: -2px;width: 5px;}
#footer_wrap #region_bt {background: url("../img/main/footer/update_2014/region_bg.png") no-repeat scroll 0 0 transparent;color: #FDFDFD;cursor: pointer;font-size: 13px;height: 26px;padding-top: 8px;position: absolute;right: 0;text-align: left;text-indent: 10px;top: -8px;width: 170px;}
#footer_wrap #region_bt:hover{background-position: 0 -34px;}
#footer_wrap #region_bt.on{background-position: 0 -68px;}

#footer_wrap #sitemap_bub {background: url("../img/main/footer/sitemap_bub_bg.png") no-repeat scroll 0 0 transparent;height: 254px;padding: 30px;position: absolute;right: -10px;top: -321px;width: 524px;}
#footer_wrap #sitemap_bub .section{width: 150px;position: absolute;}
#footer_wrap #sitemap_bub .section a{display: block; color: #0096d5; font-size: 13px; font-family: locator-l; line-height: 20px;}
#footer_wrap #sitemap_bub .section a.section_title{color: #333333; font-family: locator-m;}
#footer_wrap #sitemap_bub .section a:hover{text-decoration: underline;}
#footer_wrap #sitemap_bub #midline{position: absolute;height: 1px;background: #e9e9e9;width: 524px;top: 152px;}
#footer_wrap #sitemap_bub .section#sitemap_dl{left: 30px;top: 30px;}
#footer_wrap #sitemap_bub .section#sitemap_news{top: 30px;left: 220px;}
#footer_wrap #sitemap_bub .section#sitemap_astros{top: 30px;left: 410px;}
#footer_wrap #sitemap_bub .section#sitemap_support{top: 180px;left: 30px;}
#footer_wrap #sitemap_bub .section#sitemap_etc{top: 180px;left: 220px;}
#footer_wrap #sitemap_bub .section#sitemap_etc_de{top: 180px;left: 410px;}
#footer_wrap .footer_bub * {font-family: locator-m;}

#footer_wrap #footer_cont .close_bt{background: url("../img/main/footer/close_bt.png") no-repeat scroll 0 0 transparent;height: 11px;position: absolute;right: 15px;top: 15px;width: 11px;cursor: pointer;}
#footer_wrap #footer_cont span.region_icon{margin-right: 5px;background: url("../img/main/footer/region_icon.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 19px;vertical-align: middle;width: 43px; position: relative; top: -1px;}
#footer_wrap #footer_cont span.region_icon#eu_icon{background-position: 0 -19px;}
#footer_wrap #footer_cont span.region_icon#de_icon{background-position: 0 -38px;}
#footer_wrap #region_bub {background: url("../img/main/footer/region_bub_bg_Jan2014.png") no-repeat scroll 0 0 transparent;height: 142px;position: absolute;right: -10px;top: -149px;width: 200px; padding: 2px;}
#footer_wrap #region_bub #region_bub_title{padding-top: 15px;padding-left: 15px;height: 26px;}
#footer_wrap #region_bub span.region_icon{margin-right: 10px;}
#footer_wrap #region_bub a{display: block;padding: 10px 15px;color: #666666;text-decoration: none;width: 170px}
#footer_wrap #region_bub a:hover{color: white;background: #f46c1f;text-decoration: none;}
#footer_wrap .footer_bub{display: none;}
/* Footer Update 030314 */
#footer_wrap *{font-family: locator-l; font-size:13px;}
#ogp_facebook_lk_{background: url("../img/main/footer/update_2014/facebook.png") no-repeat scroll 0 0 transparent;}
#ogp_yt_lk_{ background: url("../img/main/footer/update_2014/youtube.png") no-repeat scroll 0 0 transparent;}
#ogp_twitter_lk_{background: url("../img/main/footer/update_2014/twitter.png") no-repeat scroll 0 0 transparent;}


#footer_wrap{background:none; border-top:1px solid #4c4c4c;  border-bottom:1px solid #4c4c4c; height:auto; padding:20px 0px; margin:20px auto 0px auto; position:relative; }
#footer_wrap #footer_cont{top:auto; width:170px; float:right; margin-top:10px;}
#footer_wrap .foot_inner, .footer_new_bottom_main .foot_inner{width:1008px;}
#footer_wrap .new_sitemap_wp{color:#fff;}
#footer_wrap .new_sitemap_wp a{color:#ccc; }
.footer_new_bottom_main{padding:30px 0px; background:none;}
.footer_new_bottom_main *{color:#ccc; font-family: locator-l; font-size:13px;}