* { padding: 0; margin: 0 }

BODY { font: 12px Tahoma; color: #534741; background: #000 }
TD { font: 12px Tahoma }
A { color: #534741 } 

TABLE { border-collapse: collapse; border: 0 }

P { margin: 0 0 30px 0 }
P I { font-size: 14px }

A IMG, IMG { border: 0 }
.png { filter:expression(fixPNG(this)) }

#main { width: 100%; height: 100% }
/*#main TD { border: 1px solid red }*/

#topmenu_preload { position: absolute; visibility: hidden; top: 0px; left: 0px }

#head { background: #000 url('../images/head_bg.gif') 0 0 repeat-x; text-align: center; vertical-align: top }
#head_coords { height: 252px; width: 100%; position: relative; z-index: 6; margin: 0 0 -252px 0 }

#head_img { width: 100%; height: 252px; background: url('../images/head_img_bg.jpg') 50% 100% no-repeat }
#head_img .left { width: 50%; vertical-align: bottom }
#head_img .right { width: 50%; vertical-align: bottom; text-align: right }

#himera { position: absolute; right: 28px; bottom: -12px; z-index: 6 }

#top { height: 151px; vertical-align: top }

#menu1 { width: 100%; position: relative; margin: -64px 0 0px 0; z-index: 4 }
#menu1 TD { vertical-align: top }
#menu1_bg { background: url('../images/menu1_bg.gif') 0 64px repeat-x; width: 100%; text-align: center  }
.menu1_b { padding: 56px 0 0 0 }

#menu2 { width: 100%; position: relative; margin-top: -151px; z-index: 4 }

.topmenu { text-align: center; width: 16.6% }
.topmenu TABLE { background: url('../images/topmenu_button.png') no-repeat; width: 133px; height: 49px; position: relative; margin-top: 73px; cursor: pointer }
.topmenu TABLE TD { vertical-align: top }

.topmenu A { display: block; width: 133px; height: 49px; position: relative; margin-top: 73px; cursor: pointer }
.topmenu A DIV { position: absolute; background: url('../images/topmenu_button.png') no-repeat; width: 133px; height: 49px; left: 0px; top: 0px; margin: 0px }
.topmenu IMG { position: absolute; left: 0px; top: -22px }

.drop_down { position: relative; width: 133px; visibility: hidden }
.drop_down DIV { position: absolute; width: 145px; left: -8px; z-index: 2; top: 0px; background: #363636 url('../images/drop_down_center.gif') repeat-y; }
.drop_down DIV DIV { position: static; background: url('../images/drop_down_top.gif') no-repeat }
.drop_down DIV DIV DIV { position: static; background: url('../images/drop_down_bottom.gif') 0 100% no-repeat; padding: 12px 0 11px 0 }
.drop_down A { position: static; height: auto; width: auto; display: block; margin: 0px }
.drop_down IMG { position: static; width: 127px; height: 32px }

#center { vertical-align: top }
#center TABLE { width: 100%; position: relative; margin: -89px 0 0 0; z-index: 0 }
#center .col1 { width: 33%; background: url('../images/center_col1.jpg') 100% 0 repeat-x; }
#center .col2 { background: url('../images/center_bg.jpg') no-repeat; height: 291px; vertical-align: bottom }
#center .col2 TABLE { width: 817px }
/*#center .col2 TD { border: 1px solid red }*/
#center .col3 { width: 33%; background: url('../images/center_col1.jpg') repeat-x; }
#center .col4 { width: 33%; vertical-align: top }
#center .col5 { width: 34%; text-align: left; vertical-align: top }
#center .col6 { width: 33%; vertical-align: top; text-align: right }

#about { display: block; width: 276px; height: 255px;  background: url('../images/about_bg.png') no-repeat; position: relative; margin: 0 0 -37px 44px }
#about DIV { display: block; margin: 0px 0 0 42px; padding: 96px 0 0 0 }

#newgame { display: block; width: 230px; height: 194px; position: relative; margin: -22px 0 0 -83px }
#newgame .img1 { padding: 0 0 0 34px }
#newgame .img2 {  }

#myheroes { display: block; position: relative; margin: 0px -78px 0 0px }
* html #myheroes { width: 230px }
*+html #myheroes { width: 230px }
#myheroes .img1 { padding: 17px 44px 0px 0px }
#myheroes .img2 { padding: 14px 0px 0px 0px }

.first { background: url('../images/content2_bg.jpg') }
#content { height: 100% }
#content .table1 { height: 100%; width: 100%; background: url('../images/content1_bg.jpg') repeat-x;}
#content .col1 { vertical-align: top; text-align: right; width: 10%; background: #000 }
#content .col2 { vertical-align: top; width: 80%; background: url('../images/content_col1_bg.jpg') repeat-y }
#content .col3 { vertical-align: top; width: 10%; background: #000 }

#content .table2 { height: 100%; width: 100%; background: url('../images/content_col1_img.jpg') no-repeat }
#content .table2 .col4 { height: 100%; width: 100%; background: url('../images/content_col2_bg.jpg') 100% 0 repeat-y; vertical-align: top }

#content .table3 { width: 100%; height: 100%; background: url('../images/content_col2_img.jpg') 100% 0 no-repeat; position: relative; z-index: 1 }
#content .table3 .col5 { width: 70%; padding: 31px 0 17px 59px; height: 100%; vertical-align: top }
#content .table3 .col6 { width: 30%; vertical-align: top; text-align: center; padding: 50px 21px }

#content .table4 { width: 100%; height: 100%; background: url('../images/body_delim2.gif') 100% 0 repeat-y; }
#content .table4 .col7 { width: 100%; padding: 19px 0 37px 0; vertical-align: top }
#content .table4 .col8 { background: url('../images/body_delim1.gif') 0 0 no-repeat; height: 264px; vertical-align: bottom; }

#footer { vertical-align: top;  height: 47px; background: #000 }
#footer TABLE { height: 165px; position: relative; margin: -165px 0 0 0; z-index: 0 }
#footer .col5 { width: 100%; background: url('../images/footer_c.jpg') repeat-x; }

H1 { font: normal 23px Georgia; margin: 0 0 20px 0 }
P { margin: 0 0 17px 0 }

.news { margin: 0 0 11px 0; padding: 0 21px 0 0 }
.news B { display: block; margin: 0 0 15px 0 }

.news_delim { overflow: hidden; zoom: 1; background: url('../images/news_delim2.gif') 0 0 repeat-x; margin: 0 0 11px -21px; position: relative; width: 100% }
.news_delim .left { float: left; width: 29px; height: 7px }
.news_delim .right { float: right; width: 29px; height: 7px }
* html .left { margin: 0 0 0 -3px }
*+html .left { margin: 0 0 0 -3px }
* html .right { margin: 0 -3px 0 0px }
*+html .right { margin: 0 -3px 0 0px }

/*страница второго уровня*/
#content .col1_sec { vertical-align: top; text-align: right; width: 20%; background: #000; padding: 25px 10px 0 20px }
#content .col2_sec { height: 100%; vertical-align: top; width: 60%; background: url('../images/content_col1_bg.jpg') repeat-y }
#content .col5_sec { width: 100%; padding: 30px 0 17px 37px; height: 100%; vertical-align: top; height: 700px  }
#content .col3_sec { vertical-align: top; width: 20%; background: #000; padding: 25px 30px 0 20px }
#content .tmarg { margin: -130px 0 0 0 }

#center_lev2 { height: 39px }
#center_lev2 TABLE { width: 100%; position: relative; margin: -110px 0 0 0; z-index: 1 }
#center_lev2 TD { text-align: center }

#content_div { background: url('../images/content2_bg.jpg'); position: relative }
#content_div .table1 { position: relative; z-index: 0 }

.pers { margin: 0 0 11px 0; text-align: center }
.scr { margin: 0 0 5px 0; text-align: center }

.theme { position: relative; margin: 0 0 25px -10px }

.race_text { width: 100%; vertical-align: top; width: 50% }
.race_img { padding: 37px 10px 20px 10px; vertical-align: top; width: 50%; text-align: center }

#under_footer { width: 100%; background: #000 }
#under_footer .left { width: 50%; height: 140px; background: url('../images/under_footer_left.jpg') 0 100% no-repeat }
#under_footer .right { width: 50%; background: url('../images/under_footer_right.jpg') 100% 100% no-repeat }