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

BODY {background: #000; color: #c7aa8e; text-align: center; }

#html_home,
#html_home BODY,
#html_splash,
#html_splash BODY {height: 100%; }

#html_home #all,
#html_splash #all {display: table; width: 100%; height: 100%; }

#html_home #allA,
#html_splash #allA {display: table-row; width: 100%; }

#html_home #allB,
#html_splash #allB {display: table-cell; vertical-align: middle; width: 100%; }

#canvas {background-image: url(../i/canvasBg.jpg); margin: auto; padding-left: 90px; padding-right: 300px; position: relative; text-align: left; width: 990px; }
#canvas/**/ {width: /**/600px; }

#html_home #canvas {background-image: url(../i/homeCanvasBg.jpg); padding: 0; width: 890px; height: 500px; }
#html_splash #canvas {background: none; padding: 0; width: 490px; height: 530px; }

#top {height: 155px; width: 100%; }

#logo {background-image: url(../i/logo.gif); margin: 0 !important; position: absolute; left: 90px; top: 52px; }

#logo,
#logo A {overflow: hidden; padding-top: 76px; width: 219px; height: 76px; }

#logo/**/,
#logo A/**/ {height: /**/0; }

#logo A {display: block; margin-top: -76px; position: relative; }

#html_home #logo {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }

#mnu {position: absolute; left: 469px; top: 94px; width: 475px; height: 32px; }

#mnu UL,
#mnu UL LI {margin: 0; padding: 0; }

#mnu UL {list-style: none; width: 470px; }
#mnu UL LI {float: left; }
#mnu UL LI A {background-position: 0 -32px; display: block; overflow: hidden; padding-top: 32px; width: 100%; height: 32px; }
#mnu UL LI A/**/ {height: /**/0; }

#mnu UL LI,
#mnu UL LI A:hover {background-position: 0 10px; }

#mnu UL LI.about    {background-image: url(../i/mnu_about.gif);    width: 74px; }
#mnu UL LI.creators {background-image: url(../i/mnu_creators.gif); width: 84px; }
#mnu UL LI.actors   {background-image: url(../i/mnu_actors.gif);   width: 60px; }
#mnu UL LI.photo    {background-image: url(../i/mnu_photo.gif);    width: 48px; }
#mnu UL LI.opinions {background-image: url(../i/mnu_opinions.gif); width: 64px; }
#mnu UL LI.press    {background-image: url(../i/mnu_press.gif);    width: 59px; }
#mnu UL LI.contacts {background-image: url(../i/mnu_contacts.gif); width: 74px; }

#mnu UL LI.about A    {background-image: url(../i/mnu_about_on.gif); }
#mnu UL LI.creators A {background-image: url(../i/mnu_creators_on.gif); }
#mnu UL LI.actors A   {background-image: url(../i/mnu_actors_on.gif); }
#mnu UL LI.photo A    {background-image: url(../i/mnu_photo_on.gif); }
#mnu UL LI.opinions A {background-image: url(../i/mnu_opinions_on.gif); }
#mnu UL LI.press A    {background-image: url(../i/mnu_press_on.gif); }
#mnu UL LI.contacts A {background-image: url(../i/mnu_contacts_on.gif); }

#html_home #mnu {background-image: url(../i/homeMnuBg.jpg); left: 675px; top: 187px; width: 150px; height: 220px; }
#html_home #mnu UL {padding-top: 11px; width: 100%; }
#html_home #mnu UL LI {background-position: 25px 7px; float: none; width: 100%; }
#html_home #mnu UL LI A {background: none; padding-top: 28px; height: 28px; }
#html_home #mnu UL LI A/**/ {height: /**/0; }

#html_home #mnu UL LI.about    {background-image: url(../i/homeMnu_about.gif); }
#html_home #mnu UL LI.creators {background-image: url(../i/homeMnu_creators.gif); }
#html_home #mnu UL LI.actors   {background-image: url(../i/homeMnu_actors.gif); }
#html_home #mnu UL LI.photo    {background-image: url(../i/homeMnu_photo.gif); }
#html_home #mnu UL LI.opinions {background-image: url(../i/homeMnu_opinions.gif); }
#html_home #mnu UL LI.press    {background-image: url(../i/homeMnu_press.gif); }
#html_home #mnu UL LI.contacts {background-image: url(../i/homeMnu_contacts.gif); }

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

#bot {font-family: Tahoma, Arial, Verdana, "Lucida Grand", Lucida, Helvetica, sans-serif; font-size: 0.85em; margin-top: 65px; padding-bottom: 25px; width: 100%; }
#html_home #bot {padding-bottom: 0; position: absolute; left: 40px; bottom: 12px; }

#counters IMG {margin-top: 5px; vertical-align: top; }

#html_splash #counters,
#html_home #counters {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }

#copy,
#elcos {display: inline; margin: 0; }

#copy IMG {margin-right: 14px; }

#homeCredits {background-image: url(../i/homeCredits.gif); margin: 0; overflow: hidden; padding-top: 40px; position: absolute; left: 41px; top: 33px; width: 559px; height: 40px; }
#homeCredits/**/ {height: /**/0; }

/* персоналии */

UL.persons,
UL.persons LI {margin: 0; padding: 0; }

UL.persons {list-style: none; margin-bottom: 1em; overflow: hidden; width: 100%; }
UL.persons LI {float: left; margin-right: -1px; overflow: hidden; width: 33%; }
UL.persons LI DT {margin-bottom: 0.4em; }
UL.persons LI DT IMG {border: 1px solid #e19f46; margin-bottom: 0.2em; vertical-align: top; } /* F8FCC9 */
UL.persons LI DL {margin: 0; margin-top: 0.2em; }
UL.persons LI DL DD {margin-left: 0; }

UL.persons LI DL DD UL {font-size: 0.85em; list-style: none; margin: 0; padding: 0; }
UL.persons LI DL DD UL LI {float: none; margin: 0; width: auto; }

/* персоналии в две колонки */
.persons_2cols {overflow: hidden; width: 100%; }

.persons_2cols DL,
.persons_2cols DL DT,
.persons_2cols DL DD {margin: 0; padding: 0; }

.persons_2cols DL DT,
.persons_2cols DL DD {margin-right: 15px; }

.persons_2cols DL {float: left; margin-right: -1px; width: 50%; }
.persons_2cols DL DT {margin-bottom: 0.4em; }
.persons_2cols DL DT IMG {border: 1px solid #e19f46; margin: 0.4em 0; vertical-align: top; }

.persons_2cols DL DD {font-size: 0.85em; }

.persons_2cols DL DD UL,
.persons_2cols DL DD UL LI {margin: 0; padding: 0; }

.persons_2cols DL DD UL {list-style: none; }
/* /персоналии в две колонки */

DL.persons DT {margin-bottom: 0.4em; }
DL.persons DD {margin-bottom: 1.5em; }

DL.persons DD UL,
DL.persons DD UL LI {margin: 0; padding: 0; }

DL.persons DD UL {list-style: none; }

/* /персоналии */