body{ font: 12px arial, serif; background: #ddeef6 url('../images/twitter/bg.gif') repeat-x }
body, h1, h2, p, ul, h3{ margin: 0; padding: 0 }
img{ border: 0 }
h2{ background: #00131e; color: #337799; font-size: 16px; text-align: center; padding: 4px 0 }
a:focus{ outline: none }

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

.catch{ overflow: hidden }
.left{ float: left }
.right{ float: right }
.center{ text-align: center }

/*site container*/
#container{ width: 820px; margin: 18px auto }

/*site header*/
#header{ height: 227px; padding: 0 33px; background: url('../images/twitter/header.gif') 0 33px no-repeat }
#header h1{ display: inline; font: 26px normal !important; color: #fff; padding-left: 3px; vertical-align: bottom }
#header img{ vertical-align: bottom }
#header p{ color: #fff; line-height: 12px; font-size: 14px; padding: 18px 0 5px }
#header p.font13{ font-size: 13px !important; line-height: 10px !important; padding: 15px 0 5px !important }
#header div.left{ width: 400px; padding-top: 59px }
#header div.right{ width: 328px; height: 87px; background: url('../images/twitter/btn_shadow.gif') 0 100% no-repeat; padding-top: 140px }
#header div.right a.dowloadlink{ color: #2f5ee5; line-height: 20px }

#girl{ position: absolute; margin: -140px 0 0 164px }

/*content*/
#content{ padding: 18px 32px 37px; background: #062b3d url('../images/twitter/bottom.gif') 0 100% no-repeat }
#content div.left{ width: 542px; padding: 11px 0 0; background: url('../images/twitter/dialog_pointer.gif') 25px 0 no-repeat }
#content div.right{ width: 186px; padding-top: 10px; text-align: center }

/*diaog window*/
#dialog{ background: #fff; padding: 0 10px }
#dialog div{ padding: 16px 0 13px; background: url('../images/twitter/dotted.gif') 0 100% repeat-x }
#dialog div.last{ background: none }
#dialog div span.emoticons{ position: absolute; margin-top: -35px }
#dialog div span#emo3{ margin-top: -30px }
#dialog div span.message{ color: #999; font-size: 10px }
#dialog div span.space{ letter-spacing: 27px }
#dialog div b{ color: #0084ce; font-size: 16px }
#dialog img{ float: left }
#dialog p{ float: left; padding: 15px 0 0 15px }

/*bottom download section*/
#bottom_download{ border-bottom: 1px solid #d4ecfe; margin-top: 50px }
#bottom_download div{ width: 366px; float: none; margin: 0 auto }
#bottom_download span{ display: block; width: 276px; line-height: 22px; padding-bottom: 5px; font-size: 11px; color: #949494 }
#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 }
#site_footer a{ padding: 0 5px; 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: 5px }

/*languages bar*/
#languages_bar{ width: 145px; z-index: 50; position: absolute; top: 0; margin: 10px 0 0 461px }
#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 }