/*  (c) 2009 Неизвестный мастер */
/* (c) 2009 Motoki */
/* (с) 2009 Последний автор, которому пришлось ковыряться в том, 
            что досталось от предыдущих, и который пожелал
			остаться неизвестным, потому что получился песец */
body
{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 10pt;
	text-align:center;
	background-color: #00bfcf;
}

body.indx {
	background-image: url(img/fon-top.jpg);
	background-repeat: repeat-x;
}
/*
a,
a:visited,
a:hover
{
	color: #ff4;
	text-decoration: none;
}

*/
a {
	text-decoration: none;
	color: #ff4;
	outline: none;
}
a  img{
	border: 0px;
}

#wrap
{
	margin: 0 0;
	text-align: left;
	width: 1112px;
	/*border-bottom: 1px solid #CCC;*/
	height: 5em;
}

#wrapindex
{
	margin: 0 0;
	text-align: left;
	width: 970px;
	/*border-bottom: 1px solid #CCC;*/
	height: 5em;
	background-color: #fc3;
}

#top
{
	background: transparent url(img/fon-top.jpg) left top repeat-x;
}

#bottom
{
	background: transparent url(img/bottom.jpg) left bottom;
	background-repeat: repeat-x;
}

#menu
{
	height: 1070px;
	background: transparent url(img/tih.jpg) left top no-repeat;
	margin-left: 60px;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	position: relative;
}

#menu ul li
{
	display: block;
	width: 132px;
	height: 41px;
	overflow: hidden;
	position: absolute;
}

#menu ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 132px;
	overflow: hidden;
	background: transparent left top no-repeat;
}

#menu ul li.actors 			{ left: 680px; top: 310px; }
#menu ul li.actors a 		{ background-image: url(img/b_act-off.png);}
#menu ul li.actors a:hover	{ background-image: url(img/b_act-on.png); }
#menu ul li.forum			{ left: 710px; top: 450px; }
#menu ul li.forum a			{ background-image: url(img/b_forum-off.png); }
#menu ul li.forum a:hover	{ background-image: url(img/b_forum-on.png); }
#menu ul li.gallery			{ left: 600px; top: 570px; }
#menu ul li.gallery a		{ background-image: url(img/b_gal-off.png); }
#menu ul li.gallery a:hover	{ background-image: url(img/b_gal-on.png); }
#menu ul li.heroes			{ left: 480px; top: 210px; }
#menu ul li.heroes a		{ background-image: url(img/b_her-off.png); }
#menu ul li.heroes a:hover	{ background-image: url(img/b_her-on.png); }
#menu ul li.cinema			{ left: 20px; top: 430px; }
#menu ul li.cinema a		{ background-image: url(img/b_kinoz-off.png); }
#menu ul li.cinema a:hover	{ background-image: url(img/b_kinoz-on.png); }
#menu ul li.music			{ left: 350px; top: 660px; }
#menu ul li.music a			{ background-image: url(img/b_music-off.png); }
#menu ul li.music a:hover	{ background-image: url(img/b_music-on.png); }
#menu ul li.news			{ left: 120px; top: 210px; }
#menu ul li.news a			{ background-image: url(img/b_news-off.png); }
#menu ul li.news a:hover	{ background-image: url(img/b_news-on.png); }
#menu ul li.notes			{ left: 40px; top: 570px; }
#menu ul li.notes a			{ background-image: url(img/b_note-off.png); }
#menu ul li.notes a:hover	{ background-image: url(img/b_note-on.png); }

#content
{
	padding: 2em;
}

#footer
{
	margin-top: 150px;
	padding: 2em;
	
}

#top1
{
	margin-left: auto;
	margin-right: auto;
	background: transparent url(img/fon-top.jpg) left top repeat-x;
	width:1112px;
}

#topindex
{
	margin-left: auto;
	margin-right: auto;
	background: transparent url(img/fon-top.jpg) left top repeat-x;
	width:970px;
}

#cage {
	/*margin: 0px auto;*/
	/*left: 0px;*/
	/*float: center;*/
		
	/*width: 1112px;*/
	width: 100%;
	
	/*top: 0px;
	left: 0px;*/
	/*text-align: left;*/
	position: absolute;
	border: 0px solid black;
	/*z-index: 3;*/
}

#cage img {
	border: 0px;
}

#bottom1
{
	
	background: transparent url(img/bottom.jpg) left bottom repeat-x;
	/*height:1171px;*/
	width:1112px;
	
}
div#indexbot {
	background: transparent url(img/bottom.jpg);
	height: 399px;
	position: absolute;
	top:753px;
	left: 0px;
	width: 100%;
}
#bottomindex
{
	
	/*background: transparent url(img/bottom.jpg) left bottom repeat-x;*/
	/*height:1171px;*/
	width:970px;

}

#pop
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	/*left: 0px; top: 5px;*/
	/*width:287px;*/
	left: 0px;
	top: 5px;
	width:1112px;

	height:284px;
	
	background-image: url(img/pop.png);
	background-repeat:no-repeat;
	
	/*background-color: #FFCC33;*/
	/*position:absolute;*/
	border: 0px solid black;
	/*z-index: 4;*/
}

#poppic {
	position: relative;
	
	left:137px;
	top: 22px;
	width: 136px;
	height: 149px; 
	
	border: 0px solid black;
	/*z-index: 5;*/
}

#light
{
	background-image: url(img/bgr-light.png);
	background-repeat:repeat;
	height:1100px;

	width: 560px;
}

#dark
{
	background-image: url(img/bgr-dark.png);
	background-repeat:repeat;
	height:1100px;
}



#ghastr
{
	padding-top:300px;
}

#charbrief
{
	width:240px;
}

#cbrief {
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:700;
	
		
	padding-top:190px;
	padding-left:80px;
}

#quote {
	text-align:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:700;	
	padding:120px 16px 0px 16px;
}

div#quote h4 {
	color: #0DF;
	font-size: 14px;
	text-align: center;
}

div#quote div {
	margin-bottom: 4px;
}

div#quote div span {
	font-weight: bold;
	color: #0EE;
	padding-right: 8px;
}


#footer1
{
	margin: 1em;
	padding: 1em;
	background-image: url(img/bgr-light.png);
	background-repeat:repeat;	
}

#ghast
{
	/*
	padding-top:300px;
	padding-left:40px;
	padding-right:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:700;
	color:#222222;
	text-align:justify;
	text-indent:10px;
	*/
	
}


#top_0
{
	width:480px;
	/*height:343px;*/
	float:right;
	background-position: top right;
	background-image: url(img/top1.png);
	background-repeat:no-repeat;
	
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	
	color:#222222;
	text-align:justify;
	/*text-indent:10px;*/
	padding-top: 220px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom: 64px;
	
	
}

#top_0 img {
	/*border: 0px;*/
}

#top_0 img.itl {
	padding: 0px 16px 8px 0px;
}

#top_0 img.itr{
	padding: 0px 0px 8px 16px;
}

#top_0 h3 {
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	margin-bottom: 24px;
}

#top_1
{
	width:195px;
	height:339px;
	background-image: url(img/top3.png);
	background-repeat:no-repeat;
}

/*
img { display:block; border:0px; padding:0px; margin:0px; } 
*/

.actors a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_act-off.png);
}
.actors a:hover	{ background-image: url(img/b_act-on.png); }

.forum a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_forum-off.png);
}
.forum a:hover	{ background-image: url(img/b_forum-on.png); }


.gallery a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_gal-off.png);
}
.gallery a:hover	{ background-image: url(img/b_gal-on.png); }


.heroes a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_her-off.png);
}
.heroes a:hover{ background-image: url(img/b_her-on.png); }

.cinema a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_kinoz-off.png);
}
.cinema a:hover	{ background-image: url(img/b_kinoz-on.png); }

.music a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_music-off.png);
}
.music a:hover	{ background-image: url(img/b_music-on.png); }


.news a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_news-off.png);
}
.news a:hover	{ background-image: url(img/b_news-on.png); }

.notes a
{
	display: block;
	overflow: hidden;
	background: transparent left top no-repeat;
	width: 132px;height: 41px; 
	background-image: url(img/b_note-off.png);
}
.notes a:hover	{ background-image: url(img/b_note-on.png); }

hr {
	height: 0px;
	border: 0px;
	border-top: 1px solid blue;
	
}

div.note {
	border-bottom: 1px solid blue;
	overflow: hidden;
}

div.omg td a img {
	border: 4px solid #99FFFF;
	padding: 0px;
	margin: 4px;
}

div.omg hr {
	border-top: 1px solid #99FFFF;
	margin: 0px;
}
div.omgmusic hr {
	border-top: 1px solid #B5DAF2;
}