body{ font: 12px arial, serif; color: #301d00; background: #fff url('../images/bg.gif') repeat-x }

body, form, h1, ul, p, h3{ margin: 0; padding: 0 }
img{ border: none }
h1{ height: 62px; line-height: 62px; font-size: 23px; padding-left: 106px; font-weight: normal; color: #fff }
a:focus{ outline: none }

body.hi{ font-family: mangal, arial, serif }

.catch{ overflow: hidden }
.left{ float: left }
.right{ float: right }
.center{ text-align: center }
.clear{ clear: both }
.nobg{ background: none !important }
.absolute{ position: absolute }
.font18{ font-size: 18px !important }
.font17{ font-size: 17px !important }

/*site container*/
#container{ width: 909px; margin: 0 auto; background: url('../images/mainpage_bg.jpg') no-repeat }

/*site body*/
#site_body{ margin: 0 auto; width: 100% }

/*site content*/
#content{ padding: 0 0 30px; clear: both }

#fb_frame{ padding: 15px 0; margin: 0 auto; width: 228px }

/*logo section*/
#logo_section{ float: left; width: 293px; padding: 0 0 0 106px }
#logo_section a.left{ width: 80px; color: #402701; text-decoration: none; font-size: 10px; padding-top: 20px }
#logo_section span{ display: block; width: 213px; height: 65px; background: url('../images/mainpage_logo.gif') no-repeat }
#logo_section span a{ display: block; width: 213px; height: 65px }

/*mainpage fixes*/
#mainpage_header{ height: 529px }
#mainpage_header p{ padding: 10px 0 0 106px; color: #fff; font-size: 14px; line-height: 23px; height: 180px; margin: 0; color: #003451; display: block; width: 235px }

/*messengers*/
.msn{ background: url('../images/messenger_msn.jpg') 489px 43px no-repeat }

/*main download section*/
#main_download{ width: 488px; height: 205px; margin-left: 1px; padding-top: 5px }
#main_download span{ display: block; text-align: center; color: #a9a9a9; padding: 2px 5px 4px }
#main_download *{ float: left }
#main_download div *{ float: none !important }
#main_download div.buttonbox{ padding-top: 113px; width: 321px; height: 92px; background: url('../images/main_btn_shadow.jpg') 0 100% no-repeat }
#main_download div#flash_girl{ margin-top: -168px; padding: 0 0 0 342px; z-index: 10 }
#main_download div#flash_window{ width: 350px; height: 486px; margin-top: -359px; margin-left: 462px; z-index: 0 }
#main_download div#flash_emo_girl{ width: 95px; height: 160px; z-index: 22; margin-left: 436px; margin-top: 18px }
#main_download div a{ color: #001eff }
#main_download a.main_download_btn{ margin-top: -113px; position: absolute; z-index: 20 }
#main_download img.right{ z-index: 22; margin-top: 18px }

/*download text*/
#download_text{ color: #fff; font-size: 18px; height: 31px; line-height: 31px; vertical-align: middle; background: url('../images/mainpage_strip.gif') 50% 0 no-repeat }
p.en{ font-size: 22px !important }
p.fil, p.ja{ font-size: 17px !important }

/*promo texts*/
.promo_text{ width: 750px; margin: 0 auto; line-height: 26px; color: #939393; padding: 20px 0 }
.promo_text span{ display: block; width: 420px }
.promo_text img{ margin-top: 2px }
.promo_text a{ color: #0066ff }

/*bottom download section*/
#bottom_download{ border-bottom: 1px solid #d4ecfe }
#bottom_download div{ width: 366px; float: none; margin: 0 auto }
#bottom_download span{ display: block; width: 276px; line-height: 22px; padding-bottom: 15px; font-size: 11px; color: #949494; background: url('../images/bottom_btn_shadow.gif') 0 41px no-repeat }
#bottom_download b{ font-weight: normal; text-align: center; float: none; padding: 0 5px; display: block }
#bottom_download *{ float: left }

/*site footer*/
#site_footer{ color: #c0ced9; font-size: 10px; text-align: center; line-height: 18px; padding-top: 5px }
#site_footer a{ padding: 0 10px; text-decoration: none; color: #3992c5; font-size: 12px }
#site_footer p#bottom-bar a{ font-size: 11px }
#site_footer h3{ font-size: 10px !important; font-weight: normal !important }
#site_footer h3, #site_footer p{ margin: 0; padding-top: 15px }

/*languages bar*/
#languages_bar{ width: 145px; z-index: 50; position: absolute; top: 0; margin: 10px 0 0 693px }
#languages_bar img, #languages_bar span{ float: right }
#languages_bar img{ border-top: 1px solid #3c7fb1; border-bottom: 1px solid #3c7fb1; border-right: 1px solid #3c7fb1 }
#languages_bar span{ display: block; font-size: 11px; background: #fff; width: 120px; padding: 2px 2px 2px 5px; height: 14px; border: 1px solid #3c7fb1 }
#languages_bar:hover > ul { visibility: visible }
#languages_bar ul{ border: 1px solid #3c7fb1; width: 143px; visibility: hidden; position: absolute; margin-top: 20px; background: #fff }
#languages_bar ul li{ padding: 1px; list-style-type: none }
#languages_bar ul li a{ display: block; font-size: 11px; text-decoration: none; padding: 0 1px; color: #000 }
#languages_bar ul li a:hover{ background: #3c7fb1; color: #fff }