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

* {background-repeat: no-repeat; margin: 0; }

HTML, BODY {height: 100%; }

BODY {background: #c2cbc8; color: #000; position: relative; min-width: 990px; }



#canvas {border-left: solid #2b2b2b 275px; margin: 0 auto; max-width: 55em; min-height: 100%; }
#canvas-a {margin: 0 20px 0 -275px; position: relative; }
#canvas-b {min-width: 950px; padding-top: 40px; position: relative; }

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

	* HTML #canvas-a,
	* HTML #canvas-b {height: 1px; }

	* HTML #canvas {width: 715px; height: 100%; }



#logo {text-align: center; }
#logo H3 {font-size: 1em; font-weight: normal; }

#logo H1 {font-weight: bold; font-size: 50px; margin: 0 0 5px; }
#logo H1 {background-image: url(../i/logo.png); margin: 0 auto; overflow: hidden; padding-top: 62px; width: 322px; height: 0; }
#logo H2 {font-size: 1.25em; font-weight: bold; margin: 5px 0; text-transform: uppercase; }

#length {margin: .5em 0 2em; text-align: center; }
#length * {display: inline; margin: 0; }
#length DT {font-weight: normal; }



	#main,
	#main-a {min-height: 0; }

	* HTML #main,
	* HTML #main-a {height: 1px; }



#content-box {float: right; margin-left: -275px; width: 100%; }
#content {margin-left: 275px; }
#content-b {padding: 20px 0 20px 40px; }

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

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

	* HTML #content-a {overflow: hidden; width: 100%; }



#mnu-col {float: left; padding-top: 5px; width: 275px; }

#mnu-col,
#mnu-col A {color: #dadada; }

	#mnu-col .blk {min-height: 0; position: relative; }
	* HTML #mnu-col .blk {height: 1px; }



#mnu {padding: 20px 0 33px; }/* background-image: url(../i/visual.jpg); background-position: left bottom;  */

#mnu DT {display: none; }
#mnu DD {margin: -.2em 0 0; position: relative; }

#mnu UL {font-weight: bold; }
#mnu UL LI {background-image: url(../i/mnu-bull.gif); background-position: 10px .4em; }
#mnu UL LI A {color: #fff; display: block; padding: .2em 10px .2em 23px; text-decoration: none; }
#mnu UL LI A:hover {background: #6b6b6b; }

#mnu UL UL {font-weight: normal; margin: .5em 0; }
#mnu UL UL LI {background-image: url(../i/mnu-bull-2.gif); background-position: 20px .8em; }
#mnu UL UL LI A {padding-left: 35px; }

	#mnu UL LI {vertical-align: top; }

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

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



#mnu-col .poster IMG {vertical-align: top; }

#mnu-col .blk.premiere {font-size: .875em; padding: .5em 23px .75em; }

#mnu-col .blk.premiere .title {color: #ffe200; font-family: Arial, Tahoma, sans-serif; font-size: 1.2857em; }

#mnu-col .blk.premiere P,
#mnu-col .blk.premiere BLOCKQUOTE {margin-bottom: .75em; }

#mnu-col .blk.premiere BLOCKQUOTE,
#mnu-col .blk.premiere BLOCKQUOTE P {background-image: url(../i/mnu-col-quotes.png); }

#mnu-col .blk.premiere BLOCKQUOTE {position: relative; }
#mnu-col .blk.premiere BLOCKQUOTE P {background-position: right bottom; margin: 0; }
#mnu-col .blk.premiere BLOCKQUOTE SPAN {color: #ffe200; font-size: 1.5em; }
#mnu-col .blk.premiere BLOCKQUOTE SPAN.open {position: absolute; left: -20px; top: -.1em; text-align: right; width: 17px; }
#mnu-col .blk.premiere BLOCKQUOTE SPAN.close {margin-left: .1em; vertical-align: middle; position: relative; top: -.1em; }

	#mnu-col .blk.premiere BLOCKQUOTE {min-height: 0; }
	* HTML #mnu-col .blk.premiere BLOCKQUOTE {height: 1px; }



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

#bot {font-size: .75em; margin-left: 23px; padding-top: 20px; }

	#bot {min-height: 0; }
	* HTML #bot {height: 1px; }



#developer SPAN {display: none; }



#counters {margin-top: 20px; }
#counters:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#counters UL LI {float: left; padding-left: 5px; }
#counters UL LI SPAN {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
#counters IMG {vertical-align: top; }

	#counters {min-height: 0; }
	* HTML #counters {height: 1px; }



#line {background: #2b2b2b; display: none; position: absolute; right: 0; top: 40px; width: 106px; height: 1px; }

	* HTML #line {overflow: hidden; }



#lang {font-size: .75em; position: absolute; right: 0; top: 40px; }