/* (c) Modelteatr */


/* common */
body#index, body#main		{ margin: 0; padding: 0; background-color: #000000; }
.small						{ font-size: 80%; }
.smallest					{ font-size: 70%; }
img							{ border: 0; }
span.nobr					{ white-space: nowrap; }
p							{ margin: 0; padding: 0; }
p.press						{ padding: 1em 0; text-align: right; }
.padding					{ padding-left: 1em; }
div.hr						{ margin: 10px 5px; height: 1px; font-size: 1px; border-top: 1px solid #765244; clear: both; }
a, a:link, a:hover, .text	{ color: #003355; }
.active						{ color: #765244; font-weight: bold; }
ul#list, ul#list_menu		{ margin: 0; padding: 0; list-style-type: none; }
ul#list li, .list			{ margin-bottom: 0.3em; }

table						{ border-collapse: collapse; }
td							{ padding: 0; margin: 0; vertical-align: top; }
table.table_padding td		{ padding: 3px; }

/* index */
#index table				{ width: 100%; height: 100%; }
#index td.l					{ width: 45%; background: url('/i/index/l.jpg') center right repeat-x; }
#index td.c					{ width: 10%; height: 650px; background: url('/i/index/main.jpg') center left no-repeat; vertical-align: middle; }
#index td.r					{ width: 45%; background: url('/i/index/r.jpg') center left repeat-x; }
#index div.performance		{ position: relative; left: -36px; top: 325px; }
#index div.performance div	{ position: absolute; }

/* inner design */
table#main					{ width: 100%; height: 100%; background: url('/i/bg/right.jpg') top right no-repeat; }
td.menu						{ width: 3%; height: 100%; background: url('/i/bg/menu.jpg') top left no-repeat; }
td.t_1						{ width: 24%; height: 166px; background: url('/i/bg/top1.jpg') top left repeat-x; }
td.menu div					{ width: 117px; }
td.t_1 div.bg				{ position: relative; z-index: 1; }
td.t_1 div.title			{ position: relative; top: -125px; left: 40px; z-index: 2; }
td.t_1 div.title div		{ position: absolute; }

td.t_2, td.t_3, td.t_4		{ width: 24%; height: 166px; background-position: left top; background-repeat: repeat-x; }
td.t_2						{ background-image: url('/i/bg/top2.jpg') }
td.t_3						{ background-image: url('/i/bg/top3.jpg') }
td.t_4						{ background-image: url('/i/bg/top4.jpg') }

td.t_2 div,	td.t_2 div, td.t_2 div		{ position: relative; top: 0;  z-index: 1; }
td.t_2 div					{ left: -30px; }
td.t_3 div					{ left: -32px; }
td.t_4 div					{ left: -31px; }

td.t_5						{ width: 1%; height: 166px; }
td.t_5 div.bg				{ position: relative; top: 0; left: -44px; }
td.t_5 div.bg div			{ position: absolute; top: 0; left: 0; z-index: 1; }
div.strut					{ width: 32px; height: 0; font-size: 1px; }

td.b_1						{ width: 24%; height: 225px; background: url('/i/bg/bottom1.jpg') bottom left repeat-x; }
td.b_1 div.float			{ position: relative; }
td.b_1 div.info				{ position: absolute; top: -235px; left: -93px; font-size: 12px; text-align: center; }
td.b_1 div.banner1, td.b_1 div.banner2, td.b_1 div.banner3	{ position: absolute; left: -102px; }
td.b_1 div.banner1			{ top: -188px; }
td.b_1 div.banner2			{ position: absolute; top: -135px; left: -102px; }
td.b_1 div.banner3			{ position: absolute; top: -85px; left: -102px; }

td.b_2, td.b_3, td.b_4		{ width: 24%; height: 225px; background-position: left bottom; background-repeat: repeat-x; }
td.b_2						{ background-image: url('/i/bg/bottom2.jpg'); }
td.b_3						{ background-image: url('/i/bg/bottom2.jpg'); }
td.b_4						{ background-image: url('/i/bg/bottom4.jpg'); }

td.b_2 div, td.b_3 div, td.b_4 div.bg	{ position: relative; bottom: 0; z-index: 1; }
td.b_2 div					{ left: -33px; }
td.b_3 div					{ left: -34px; }
td.b_4 div.bg				{ left: -30px; }

td.b_4 div.logo				{ position: relative; top: 20px; left: -20px; z-index: 2; }
td.b_4 div.logo div			{ position: absolute; top: 0; right: 0; }

td.b_5						{ width: 1%; height: 225px; }
td.b_5 div.bg				{ position: relative; bottom: 0; left: -42px; }
td.b_5 div.bg div			{ position: absolute; top: 0; left: 0px; z-index: 1; }

td.content 					{ background-color: #a5b1b4; padding: 1em 4em 1em 2em; }
table.content			 	{ width: 100%; }
table.content td.l			{ width: 285px; padding-right: 15px; }
table.content td.l			{ width: auto; }
table.content td.l div		{ width: 270px; }

/* photos */
body#photo					{ margin: 0; padding: 0; background-color: #a5b1b4; height: 100%; }
table#photo					{ width: 100%; height: 100%; }
table#photo	td.logo1		{ padding: 5px 0 0 5px; height: 50px; }
table#photo	td.logo2		{ padding: 5px 0 0 5px; text-align: right; height: 50px; }
table#photo	td.top			{ height: 420px; vertical-align: middle; }
table#photo	td.top div		{ text-align: right; }
table#photo	td.bot			{ text-align: center; padding-top: 0.5em; }

div.h_random				{ margin: 30px 0; }
div.v_random				{ margin: 10px 0 10px 20px; float: right; }
img.preview					{ margin: 5px 10px 5px 0; float: left; }

/* 404 */
body#error404				{ margin: 0; padding: 0; background-color: #c7c7c7; }
#error404 table				{ width: 100%; height: 100%; }
#error404 td.l				{ width: 200px; background-color: #a5b1b4; }
#error404 td.l img			{ margin: 20px 0 0 20px; }
#error404 td.r				{ width: auto; padding: 5em 12em 2em 2em; }