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

* {background-repeat: no-repeat; margin: 0; }
BODY {background: #000; color: #fff; position: relative; min-width: 990px; }



#canvas {margin: 0 auto; position: relative; width: 970px; }



#top {border-bottom: 1px solid #1f1f1f; height: 129px; }



#logo {position: absolute; left: 0; top: 0; }

#logo,
#logo A,
#logo SPAN {display: block; overflow: hidden; width: 229px; height: 129px; }

#logo A {color: #fff; }
#logo SPAN {background-image: url(../i/logo.png); margin-bottom: -129px; position: relative; z-index: 5; }

	* HTML #logo {background-image: url(../i/logo.png); }
	* HTML #logo SPAN {display: none; }
	* HTML #logo A {padding-top: 129px; height: 0; }



#lang,
#lang A,
#lang SPAN {display: block; overflow: hidden; width: 80px; height: 15px; }

#lang {position: absolute; right: 0; top: 28px; }
#lang SPAN {background-image: url(../i/lang.png); margin-bottom: -15px; position: relative; z-index: 5; }

	* HTML #lang {background-image: url(../i/lang.png); }
	* HTML #lang A {padding-top: 15px; height: 0; }
	* HTML #lang SPAN {display: none; }



#quick-phone {background-image: url(../i/quick-phone.png); overflow: hidden; padding-top: 15px; position: absolute; right: 0; top: 90px; width: 338px; height: 0; }



#main {background-image: url(../i/visual.jpg); background-position: right top; margin: 30px 0; }



#content-box {float: right; margin-left: -170px; width: 100%; }
#content {background: #ccc; color: #000; margin: 0 310px 0 170px; min-height: 480px; }
#content-b {margin: 0 20px; padding: 20px 0; }

	#content-a,
	#content-b,
	#content-c {min-height: 0; }

	* HTML #content-b,
	* HTML #content-c {height: 1px; }

	* HTML #content {height: 480px; }
	* HTML #content-a {overflow-x: hidden; width: 100%; }



#mnu-col {float: left; width: 170px; }

#mnu-col .blk {margin-top: 20px; }

#mnu-col .blk.bn UL {margin-top: -5px; }
#mnu-col .blk.bn UL LI {padding-top: 5px; }

	#mnu-col .blk.bn UL,
	#mnu-col .blk.bn UL LI {min-height: 0; }

	* HTML #mnu-col .blk.bn UL,
	* HTML #mnu-col .blk.bn UL LI {height: 1px; }

	* HTML #mnu-col {overflow-x: hidden; }



#mnu {margin-top: -3px !important; position: relative; text-transform: uppercase; }
#mnu DT {display: none; }

#mnu UL,
#mnu UL LI {background-image: url(../i/mnu-separ.png); }

#mnu UL {padding-top: 1px; }
#mnu UL LI {background-position: left bottom; padding-bottom: 1px; vertical-align: top; }

#mnu UL LI A,
#mnu UL LI SPAN {overflow: hidden; }

#mnu UL LI A {color: #fff; display: block; line-height: 29px; text-decoration: none; height: 29px; }
#mnu UL LI SPAN {background-position: -7px 0; display: block; margin-bottom: -29px; position: relative; width: 100%; height: 29px; z-index: 5; }

#mnu UL LI A.cur SPAN,
#mnu UL LI SPAN:hover {background-position: -184px 0; }

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

#mnu UL LI.bio        SPAN {background-image: url(../i/mnu/bio.png); }
#mnu UL LI.cd         SPAN {background-image: url(../i/mnu/cd.png); }
#mnu UL LI.photo      SPAN {background-image: url(../i/mnu/photo.png); }
#mnu UL LI.video      SPAN {background-image: url(../i/mnu/video.png); }
#mnu UL LI.concerts   SPAN {background-image: url(../i/mnu/concerts.png); }
#mnu UL LI.repertoire SPAN {background-image: url(../i/mnu/repertoire.png); }
#mnu UL LI.contacts   SPAN {background-image: url(../i/mnu/contacts.png); }
#mnu UL LI.programs   SPAN {background-image: url(../i/mnu/programs.png); }
#mnu UL LI.guestbook  SPAN {background-image: url(../i/mnu/guestbook.png); }

	* HTML #mnu UL LI SPAN {display: none; }
	* HTML #mnu UL LI A {background-position: -7px 0; overflow: hidden; padding-top: 29px; height: 0; }

	* HTML #mnu UL LI A.cur,
	* HTML #mnu UL LI A:hover {background-position: -184px 0; }

	* HTML #mnu UL LI.bio        A {background-image: url(../i/mnu/bio.png); }
	* HTML #mnu UL LI.cd         A {background-image: url(../i/mnu/cd.png); }
	* HTML #mnu UL LI.photo      A {background-image: url(../i/mnu/photo.png); }
	* HTML #mnu UL LI.video      A {background-image: url(../i/mnu/video.png); }
	* HTML #mnu UL LI.concerts   A {background-image: url(../i/mnu/concerts.png); }
	* HTML #mnu UL LI.repertoire A {background-image: url(../i/mnu/repertoire.png); }
	* HTML #mnu UL LI.contacts   A {background-image: url(../i/mnu/contacts.png); }
	* HTML #mnu UL LI.programs   A {background-image: url(../i/mnu/programs.png); }
	* HTML #mnu UL LI.guestbook  A {background-image: url(../i/mnu/guest.png); }

	#mnu,
	#mnu DD,
	#mnu UL,
	#mnu UL LI,
	#mnu UL LI A {min-height: 0; }

	* HTML #mnu,
	* HTML #mnu DD,
	* HTML #mnu UL,
	* HTML #mnu UL LI,
	* HTML #mnu UL LI A {height: 1px; }


#mnu-col DL.bn DT {display: none; }



#bot {border-top: 1px solid #1f1f1f; font-size: .9167em; }

#bot,
#bot A {color: #333; }



#bot .txt {float: left; padding: 1.5em 0 2em; }
#bot .txt P {display: inline; }



#developer A {text-decoration: underline; }
#developer A:hover {color: #999; }
#developer SPAN {display: none; }



#counters {float: right; margin-left: 20px; -moz-opacity: .3; opacity: .3; padding: 10px 0; }
#counters DT {display: none; }



BODY.home #canvas {background-image: url(../i/visual-home.jpg); padding-top: 650px; width: 990px; }

	BODY.home #canvas {min-height: 0; }
	* HTML BODY.home #canvas {height: 1px; }



BODY.home #top {border-bottom: none; height: 0; }



BODY.home #logo,
BODY.home #logo SPAN {height: 44px; }

BODY.home #logo {left: 487px; top: 295px; /*display: none;*/ }
BODY.home #logo SPAN {background-position: 0 -85px; margin-bottom: -44px; }

	* HTML BODY.home #logo {background-image: none; }
	* HTML BODY.home #logo SPAN {display: block; }



BODY.home #mnu {position: absolute; left: 324px; top: 450px; }
BODY.home #mnu UL {background-image: none; }
BODY.home #mnu UL LI {background-image: url(../i/mnu/separ-home.png); background-position: 0 0; float: left; padding-left: 1px; padding-top: 65px; }

BODY.home #mnu UL LI.bio        {width: 106px; }
BODY.home #mnu UL LI.cd         {width: 35px; }
BODY.home #mnu UL LI.photo      {width: 56px; }
BODY.home #mnu UL LI.video      {width: 65px; }
BODY.home #mnu UL LI.concerts   {width: 93px; }
BODY.home #mnu UL LI.repertoire {width: 95px; }
BODY.home #mnu UL LI.contacts   {width: 84px; }
BODY.home #mnu UL LI.programs   {width: 103px; }
BODY.home #mnu UL LI.guestbook  {width: 84px; }


BODY.home #mnu UL LI SPAN {background-position: 0 0; }
BODY.home #mnu UL LI SPAN:hover {background-position: -177px 0; }

	* HTML BODY.home #mnu UL LI A {background-position: 0 0; }
	* HTML BODY.home #mnu UL LI A:hover {background-position: -177px 0; }



BODY.home #bot {margin-left: 332px; }



BODY.home #quick-phone {left: 332px; right: auto; top: 569px; }



BODY.home #lang {right: 91px; top: 26px; }



BODY.empty #content {float: none; margin: 0 auto; padding: 20px; width: 970px; }

	BODY.empty #content {min-height: 0; }
	* HTML BODY.empty #content {height: 1px; }