@import url(base.css);
@import url(content.css);

* {background-repeat: no-repeat; margin: 0; }
BODY {background: #50030e url(../i/body-pattern.png) center top; color: #6e4045; position: relative; min-width: 990px; }



#canvas {background: #50030e; margin: 0 auto; position: relative; width: 990px; }



#top {background: #000 url(../i/visual.jpg) right top no-repeat; border-top: 15px solid #50030e; height: 90px; }



#logo {background-image: url(../i/logo.png); position: absolute; left: 6px; top: 8px; }

#logo,
#logo A {display: block; overflow: hidden; padding-top: 81px; width: 233px; height: 0; }

#logo A {margin-top: -81px; position: relative; z-index: 5; }



#mnu {font-weight: bold; font-style: italic; padding-left: 3px; text-transform: uppercase; }

#mnu LI,
#mnu LI A {float: left; }

#mnu LI A {background-image: url(../i/mnu-separ.gif); background-position: 0 48%; color: #f7ab08; padding: .6em 10px .65em; text-decoration: none; }
#mnu LI:first-child A {background: none; }

#mnu LI A.cur,
#mnu LI A:hover {color: #fff; }



#main {background: #000; padding: 15px 0; }



#content-n-app {float: left; margin-right: -310px; width: 100%; }
#content-n-app-a {margin-right: 310px; }



#content {float: right; font-size: 1.25em; margin-left: -180px; width: 100%; }
#content-a {margin-left: 180px; }
#content-b {background: #fff; border: 2px solid #50030e; border-top: none; }
#content-d {padding: 0 10px 10px; min-height: 647px; }



.app .blk {background: #dbd9d8; margin-top: 10px; }
.app .blk:first-child {margin-top: 0; }
.app .blk DT.blk-item {background: #50030e; font-weight: bold; font-style: italic; padding: .4em 11px; text-transform: uppercase; }

.app .blk DT.blk-item,
.app .blk DT.blk-item A {color: #f7ab08; }

.app .blk DT.blk-item A {background-image: url(../i/app-blk-header-bull.gif); background-position: 0 .2em; display: block; padding-left: 13px; text-decoration: none; }
.app .blk DT.blk-item A:hover {color: #fff; }
.app .blk DD.blk-item {border: 2px solid #50030e; border-top: none; padding: 9px; }
.app .blk DL DT {font-weight: bold; margin-bottom: .2em; }



.app .live DD.blk-item {min-height: 139px; text-align: center; }
.app .live .blk-item A {background-image: url(/images/app/live.jpg); display: block; padding-top: 105px; text-transform: uppercase; }



.app .now DD.blk-item {padding: 0; min-height: 161px; }



/*
.app .projects DL {text-align: center; }
.app .projects DL DD {display: none; }
.app .projects DL DT {background-image: url(/images/app/jazz.jpg); background-position: center top; }
.app .projects DL DT A {display: block; padding-top: 105px; }
*/
.app .projects DD.blk-item {min-height: 208px; text-align: center; }
.app .projects DD.blk-item IMG {vertical-align: top; }


.app .articles DD.blk-item {min-height: 92px; }
.app .articles DD.blk-item:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.app .articles .pic {float: left; margin: 0 5px 0 0; padding-top: .2em; }
.app .articles .pic IMG {vertical-align: top; }



#app-1 {float: left; width: 180px; }
#app-1 .app-a {margin: 0 10px 0 3px; }



#app-2 {float: right; width: 310px; }
#app-2 .app-a {margin: 0 3px 0 10px; }



#bot-bn {text-align: center; padding: 5px 0; } /* height: 90px;  */



#bot {background: #000; }
#bot P {margin: 0; }



#copy {float: left; font-size: .9167em; margin-right: 20px; padding: 7px 15px; }

#copy,
#copy A {color: #fff; }



#counters {float: right; }
#counters DT {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
#counters IMG {vertical-align: top; }



#yandex-map {margin-bottom: 1em; width: 476px; height: 400px; }



BODY.home #content-b {background: none; border: none; }
BODY.home #content-d {padding: 0; min-height: 0; }

BODY.home #content .blk {background: #fff; border: 2px solid #50030e; border-top: none; margin-top: 10px; }
BODY.home #content .blk:first-child {margin-top: 0; }
BODY.home #content .blk-a {padding: 0 10px 10px; }



BODY.home #content .news,
BODY.home #content .news DL DT A {color: #000; }

BODY.home #content .news {background: #fff url(../i/home-news-grad.png) left bottom repeat-x; font-size: 15px; }
BODY.home #content .news H2 {margin-bottom: 20px; }
BODY.home #content .news .items {position: relative; height: 340px; }

BODY.home #content .news DL {line-height: 1.4; margin: 0; overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
BODY.home #content .news DL.cur {padding-top: 210px; width: 476px; height: 60px; }

BODY.home #content .news DL DT,
BODY.home #content .news DL DD {padding: 0 10px; }

BODY.home #content .news DL DT {font-size: 1.2em; font-weight: normal; line-height: 1.2; margin-bottom: .2em; overflow: hidden; white-space: nowrap; width: 100%; }
BODY.home #content .news DL DD {font-size: .8em; }
BODY.home #content .news DL DD.pic {position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
BODY.home #content .news DL DD.pic A {display: block; }
BODY.home #content .news DL DD.pic IMG {display: block; margin: 0 auto; height: 200px; }

BODY.home #content .news UL {list-style: none; margin: 0; position: absolute; left: -6px; top: 280px; }

BODY.home #content .news UL LI,
BODY.home #content .news UL LI A {float: left; }

BODY.home #content .news UL LI {background-image: url(../i/home-news-thumb-shadow.png); background-position: right bottom; margin-left: 16px; padding: 0 4px 5px 0; }
BODY.home #content .news UL LI IMG {border: 1px solid #fff; vertical-align: top; }
BODY.home #content .news UL LI A {overflow: hidden; width: 50px; height: 50px; }

BODY.home #content .news UL LI.cur A IMG,
BODY.home #content .news UL LI A:hover IMG {border-color: #394044; }

BODY.home #content .news UL LI.button {background: none !important; margin-left: 50px; padding: 4px 0 0; }
BODY.home #content .news UL LI.button A {background-image: url(../i/home-play-pause.png); overflow: hidden; padding-top: 40px; width: 40px; height: 0; }
BODY.home #content .news UL LI.play A {background-position: 0 0; }
BODY.home #content .news UL LI.play A:hover {background-position: 0 -40px; }

BODY.home #content .news UL LI.pause A {background-position: -40px 0; }
BODY.home #content .news UL LI.pause A:hover {background-position: -40px -40px; }



BODY.home #content .recommends DL {float: left; font-size: .8em; margin: 0 -1px 0 0; position: relative; padding-top: 90px; width: 33%; }
BODY.home #content .recommends DL DT {margin: 0 10px .2em 0; min-height: 2.46em; }
BODY.home #content .recommends DL DT A {color: #810917; }
BODY.home #content .recommends DL DD {margin: 0 10px 0 0; min-height: 83px; }
BODY.home #content .recommends DL DD.pic {margin: 0; position: absolute; left: 0; top: 0; }
BODY.home #content .recommends DL DD.pic IMG {vertical-align: top; }



BODY.team #content-b {background: #dbd9d8; }



/* 2010-03-29 */
.app .live DD.blk-item {min-height: 156px; }



.app .now DD.blk-item {min-height: 158px; }



.app .projects DD.blk-item {min-height: 143px; }



.app .recommends DL {text-align: center; }
.app .recommends DL DT {background-position: center top; }
.app .recommends DL DT A {display: block; padding-top: 105px; }
.app .recommends DD.blk-item {min-height: 137px; }
/* /2010-03-29 */