body, html {margin:0; padding:0; background:url(img/bg1.png) repeat;}
a { color:#b40014; text-decoration:none}
a:hover { text-decoration:underline}

.main-div100 { top:0; margin:0px auto;  position:absolute;height:100%; width:920px; background:#660008;left:50%; margin-left:-460px;}
.main-div {margin:0px auto; height:230px; width:894px; position:relative; background:#ffffff;}
.main-div2 {margin:0px auto; width:900px; position:relative; background:#660008;}
.cont-div {background:#FFF; position:relative; float:left; width:894px}
.grey3px-border {border:3px solid #a0a0a0; border-top:0;}
.grey-right, .game-grey {background:#ebebeb; margin:0 7px 7px 7px;}
.grey-right {width:660px; float:right}
.game-grey {width:860px; padding:10px}
/*H*/
h1 { margin:0; font:22px Arial, Helvetica, sans-serif; color:#900; padding-bottom:5px}
h2 { margin:0; font:18px Arial, Helvetica, sans-serif; color:#323232; padding:6px}
/*table*/
.td_shadow_left {width:5px; background:url(img/bg2l.png) repeat-y}
.td_shadow_right {width:5px; background:url(img/bg2r.png) repeat-y}
.td_center { background:#FFF; border:#a0a0a0 solid 3px; vertical-align:top}

/*main menu/*buttons*/
#mm-ru, #mm-about, #mm-games {display:block;position: absolute; top:0;background:url(img/butt-menu.png);height:33px; z-index:30;}
#mm-ru {width:46px;left: 493px;}
#mm-ru:hover, #mm-ru.selected {background-position:0 -33px;}
#mm-about {width:159px;left: 555px; background-position:-46px 0}
#mm-about:hover, #mm-about.selected {background-position:-46px -33px;}
#mm-games {width:159px;left: 714px;background-position:-205px 0}
#mm-games:hover, #mm-games.selected {background-position:-205px -33px;}
.game-details {position:absolute;top:153px;left:304px;display:block;width:61px;height:18px;background:url(img/butt-n-p.png)} 
.game-details:hover {background:url(img/butt-n-p.png) -61px 0} 
.back {position:absolute;top:4px;left:;display:block;width:61px;height:18px;background:url(img/butt-n-p.png) 0 -19px} 
.back:hover {background:url(img/butt-n-p.png) -61px -19px} 
.butt306 {left:308px} .butt390 {left:392px} .butt474 {left:476px}
.trailer {position:absolute;top:0;display:block;width:82px;height:23px;background:url(img/butt-g-menu.png)}
.trailer:hover { background-position: 0 -23px}

.download {position:absolute;top:0;display:block;width:82px;height:23px;background:url(img/butt-g-menu.png) -82px 0}
.download:hover { background-position: -82px -23px}
.buy {position:absolute;top:0;display:block;width:82px;height:23px;background:url(img/butt-g-menu.png) -164px 0}
.buy:hover { background-position: -164px -23px}

/*pc-mac*/
.pc-mac, .g-pc-mac {position:absolute; display:block;width:40px;height:37px;background:url(img/pcmac.png)} 
.pc-mac {top:12px;left:324px} .g-pc-mac {top:0px;left:518px} 
.pc, .g-pc {position:absolute; display:block;width:40px;height:18px;background:url(img/pcmac.png)} 
.pc {top:12px;left:324px} .g-pc {top:0px;left:518px} 

/*header*/
#head-ground { position:absolute; left:230px; top:10px; width:654px; height:160px; background:url(img/head-ground.gif) repeat;  z-index:9}
#head-grad { position:absolute;  width:894px; height:170px; background:url(img/head-grad.png) repeat; z-index:7}
#head-grad-w { position:absolute; left:230px; top:38px; width:654px; height:132px; background:url(img/head-grad-w.png) repeat; z-index:10}
#logo {position:absolute; left:4px; top:0; width:230px; height:217px; background:url(img/logo.png) no-repeat; z-index:11}
#head-line_sh-t {position:absolute;top:172px;left:262px;width:580px;height:6px;background:url(img/head-l-shadow.png) 0 -6px;}
#head-line_sh-b {position:absolute;top:212px;left:262px;width:580px;height:6px;background:url(img/head-l-shadow.png);}
#head-line {position:absolute;top:180px;left:237px;width:640px;height:30px;background:url(img/head-line.png);}
#head-banner {position:absolute;top:38px;left:235px;width:644px;height:124px; background:#FFF;z-index:12;}

/*footer*/
.footer {width:900px; height:60px; position:relative}
.copyright {position:absolute; left: 35px; top: 13px}
.copyright-text {position:absolute; left: 210px; top: 5px; width:220px; font:12px Arial, Helvetica, sans-serif; color: #a3666b}
.copyright-text a {text-decoration:none; color:#a3666b}
.copyright-text a:hover {text-decoration:underline}
.counters {position:absolute; left: 825px; top: 10px;}


/*rounded ground*/
.png{*background-image:none ! important;visibility:hidden;behavior: url(pngfix.htc);}
#roundground{width:620px; margin:10px}
#roundground-game{width:840px;}
#roundground-gamein{width:820px;}

.rounded{border:1px solid #696969;background:#787878;padding:10px;
	behavior: expression(!this.rounded ? this.rounded = this.innerHTML = '<div class="rounded_before"><img src="img/c2.png" class="png right"><img src="img/c1.png" class="png"></div>' + this.innerHTML + '<div class="rounded_after"><img src="img/c4.png" class="png right"><img src="img/c3.png" class="png"></div>': '' ); }
.rounded:before, .rounded_before{display:block;height:12px;background: transparent url(img/c2.png) top right no-repeat;content: url(img/c1.png);line-height:1px;font-size:1px;margin:-11px -11px 0 -11px;}
.rounded:after, .rounded_after{display:block;height:9px;background: transparent url(img/c4.png) bottom right no-repeat;content: url(img/c3.png);line-height:1px;font-size:1px;margin:2px -11px -11px -11px;}
.rounded_before, .rounded_after{background:none;position:relative;z-index:1;}
.rounded img.right{float:right;margin-right:-3px;}


.rounded-g{border:1px solid #ffffff;background:#ffffff;padding:10px;
	behavior: expression(!this.rounded ? this.rounded = this.innerHTML = '<div class="rounded_before"><img src="img/c6.png" class="png right"><img src="img/c5.png" class="png"></div>' + this.innerHTML + '<div class="rounded_after"><img src="img/c8.png" class="png right"><img src="img/c7.png" class="png"></div>': '' ); }
.rounded-g:before, .rounded-g_before{display:block;height:12px;background: transparent url(img/c6.png) top right no-repeat;content: url(img/c5.png);line-height:1px;font-size:1px;margin:-11px -11px 0 -11px;}
.rounded-g:after, .rounded-g_after{display:block;height:9px;background: transparent url(img/c8.png) bottom right no-repeat;content: url(img/c7.png);line-height:1px;font-size:1px;margin:2px -11px -11px -11px;}
.rounded-g_before, .rounded-g_after{background:none;position:relative;z-index:1;}
.rounded-g img.right{float:right;margin-right:-3px;}

/*misc*/
.clear8 { clear:left; height:8px;}
.bottom-line {clear:right; width:100%; height:16px; background:url(img/bottom-line.png) top no-repeat}
.footer-line { width:900px; height:15px; background:url(img/footer-line.png) no-repeat}
.coming { padding-top:38px; padding-left:30px; font-size:18px}
/*games list*/
.gl-block, .gl-block-right, .gl-img, .gl-text {height:183px;}
.gl-block { position:relative; width:620px; background: url(img/gl-grag.png)}
.gl-block-right {float:right; width:6px; background:url(img/gl-right.png) no-repeat}
.gl-img {float:left; width:242px}
.gl-text {width:280px; height:143px; left:243px;padding: 20px 0 15px 20px; color:#323232; font:14px Arial, Helvetica, sans-serif; position: absolute}

/*news*/
.news-div {width:210px; float:left}
.news-cell {background:#f0f0f0; width:200px; margin:0 0 3px 7px; border:5px solid #e6e6e6;}
.news-header {width:195px; height:22px; background:#e6e6e6; color:#b40014; padding-left:5px; font:14px Arial, Helvetica, sans-serif; font-weight:bold}
.news-content {width:190px; padding:5px; font:12px Arial, Helvetica, sans-serif;}

/*GAME*/
.c5 { width:8px; height:8px; background:url(img/game-bg.png) no-repeat;}
.c6 { width:8px; height:8px; background:url(img/game-bg.png) no-repeat -8px 0}
.c7 { width:8px; height:8px; background:url(img/game-bg.png) no-repeat  0 -8px;}
.c8 { width:8px; height:8px; background:url(img/game-bg.png) no-repeat -8px -8px;}
.cl  { width:8px; background:url(img/c-rl.png) repeat-y;}
.cr { width:8px; background:url(img/c-rl.png) repeat-y -8px 0;}
.c-bl { height:8px; background:url(img/c-b.png) repeat-x;}
.c-br { height:8px; background:url(img/c-b.png) repeat-x 0 -8px;}
.g-bord-white, .g-bg-white { background:#FFF;}
.g-bord-grey, .g-bg-grey { background:#c8c8c8;}
.g-bg-white{padding:2px 10px 5px 2px}
.g-bg-grey {padding:2px 3px 5px 2px}
.game-title {padding: 10px 0 0 260px;}
.game-ul {padding-left:30px}
.game-desc {position:relative; font:16px Arial, Helvetica, sans-serif; color:#323232; width:558px;}
.for-buttons {position:relative; height:23px; width:558px}
.g-text { padding-left:10px}
.atr {position:absolute; top:82px; left:249px; width:298px; height:88px; background:#f0f0f0; padding:5px;}
.atr a {color:#323232; text-decoration:none} .atr a:hover {text-decoration:underline}

/*ABOUT US*/
.c9 { width:8px; height:8px; background:url(img/c9.png) no-repeat;}
.c10 { width:8px; height:8px; background:url(img/c10.png) no-repeat;}
.ab-r { width:8px; background:url(img/ab-r.png) repeat-y }
.ab-text {padding:8px 0 0 0; font:14px Arial, Helvetica, sans-serif; color:#323232}
.ab-text a {color:#323232; text-decoration:none}
.ab-text a:hover {text-decoration:underline}
.blue-bg {padding:8px 6px; background:#f0f0f0; width:100%}


/*temp*/
.c { content:attr(x);}