* {
	margin: 0px;
	padding: 0px;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
	background: #fff url(i/bg3.jpg) no-repeat center 30px;
}

body.main{background-image: url(i/bg_main.jpg);}
body.forpress{background-image: url(i/bg4.jpg);}
body.download{background-image: url(i/bg2.jpg);}
body.multfilm{background-image: url(i/bg3.jpg);}
body.games{background-image: url(i/bg1.jpg);}
body.news{background-image: url(i/bg5.jpg);}

body.mini{
	background-image: none;
	min-width: 0;
}

img, a img {border: 0px;vertical-align: bottom;}
.clr{clear: both;}

a{color: #f30;text-decoration: underline;}
a:hover{text-decoration: none;}
cite{
	display:block;
	font-style: italic;
	color: #666;
	margin: 0.8em 0 2em 2em;
	font-size: 0.9em;
	width: 60%;
	line-height: 135%;
}

table, body, tr, td, select, input, textarea {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10.5pt;
	color: #000;
}

h1{
	color: #000;
	font-weight: normal;
	margin: 1em 0 0.6em 0;
	font-size: 2em;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

h2{
	color: #000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.8em 0 0.8em 0;
}

h3{
	color: #000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 1.8em 0 0.8em 0;
}

p{
	line-height: 150%;
	margin: 1em 0;
}

div.header{
	margin: 0 5%;
	padding-top: 3em;
	height: 470px;
}

.main .header{height: 530px;}

.content{
	margin: 0 5%;
	padding: 0 20.7%;
}

.content ul{
	line-height: 150%;
	list-style: none;
	margin: 0.8em 0 2em -2em;
	padding-left: 2em;
}

.content ul li:before{
	content: "— ";
	margin-left: -1.2em;
}

* html .content ul li{list-style-image: url(i/list.gif);}
*+html .content ul li{list-style-image: url(i/list.gif);}
* html .content ul li:before{content: "";margin:0;}
*+html .content ul li:before{content: "";margin:0;}

.mini .content{
	padding: 1em 20.7% 1em 3%;
	margin: 0 0 0 2%;
	width: 65%;
}

.logo{
	width: 200px;
	height: 87px;
	float: left;
	padding: 0;
}

a.rss{
	float: right;
	margin-top: 1.6em;
	display: block;
	outline: none;
	height: 34px;
	background: transparent url(i/rss.gif) no-repeat top left;
	width: 104px;
	overflow: hidden;
	text-indent: -200px;
}

a.rss:hover{background-position: bottom left;}

ul.menu{
	list-style: none;
	margin: 0 0 0 23%;
	position: relative;
	left: -10px;
	padding-top: 1.6em;
}
* html ul.menu{height: 1%;}

div.cloud{
	margin: 0 0 0 23%;
	position: relative;
	top: 8em;
	width: 32%;
	padding: 1em 2em 0.2em 2em;
	background: #fff;
}

div.cloud ul{list-style: none;margin: 1em 0}
div.cloud li{
	float: left;
	margin-right: 1em;
	line-height: 150%;
	white-space: nowrap;
}

div.cloud big{font-size: 2.1em}


ul.menu li{
	float: left;
	margin-right: 0.6em;
}

ul.menu li a, ul.menu li span{
	display: block;
	outline: none;
	height: 34px;
	overflow: hidden;
	position: relative;
}

ul.menu li a span, ul.menu li span span{
	display: block;
	height: 34px;
	position: absolute;
	top: 0;
	left:0;
	background-color: transparent;
	background-position: top left;
	cursor: pointer;
}

ul.menu li a:hover span{background-position: center left;}
ul.menu li.active span span, ul.menu li.active a span{background-position: bottom left;}
ul.menu li.active span span{cursor: auto;}

ul.menu li .mult{width: 118px;}
ul.menu li .download{width: 82px;}
ul.menu li .games{width: 60px;}
ul.menu li .forum{width: 72px;}
ul.menu li .news{width: 83px;}
ul.menu li .press{width: 112px;}

ul.menu li .mult span{background-image: url(i/mult.gif); width: 118px;}
ul.menu li .download span{background-image: url(i/download.gif); width: 82px;}
ul.menu li .games span{background-image: url(i/games.gif); width: 60px;}
ul.menu li .forum span{background-image: url(i/forum.gif); width: 72px;}
ul.menu li .news span{background-image: url(i/news.gif); width: 83px;}
ul.menu li .press span{background-image: url(i/press.gif); width: 112px;}

.content .left{
	float: left;
	position: relative;
	left: -42.5%;
	margin: -1em -40% 0 0;
	width: 38%;
	font-size: 0.8em;
	color: #333;
}

* html .content .left{left: -21.25%;}
*+html .content .left{left: -21.25%;}

.left small, .right small{
	color: #999;
	font-size: 0.9em;
}

.center{text-align: center;}

.content .right{
	float: right;
	position: relative;
	right: -42.5%;
	margin: -1em 0 0 -38%;
	width: 38%;
	font-size: 0.8em;
	color: #333;
}

.content .characters-top{margin-top: 1em}

.characters{
	width: 75%;
	overflow: hidden;
}

.othercharacters{
	float: right;
	width: 24%;
	position: relative;
}

a#characters_l{
	position: absolute;
	left: -1.8em;
	top: 185px;
	font-size: 2em;
	color: #ccc;
	text-decoration: none;
}

a#characters_r{
	position: absolute;
	left: 150px;
	top: 185px;
	font-size: 2em;
	color: #ccc;
	text-decoration: none;
}

.characters .container{width: 1666%;}

.characters .container div{
	float: left;
	width: 2%;
}

.characters .container div img, .othercharacters img{
	width: 225px;
	height: 358px;
}
.characters .container div h3, .characters .container div p, .othercharacters h3, .othercharacters p{
	margin-left: 15%;
	margin-right: 5%;
}

.right p{margin-bottom: 2.4em}
.right em{color: #666;}
.ipr{
	float: left;
	margin: 0;
}

a.frames{outline: none;}
a.frames img{margin: 0 0.8em 1em 0;}
div.loading{background: transparent url(i/load.gif) no-repeat center center;}
a#gleft{
	display: block;
	height: 29px;
	width: 46px;
	font-size: 0;
	margin-top: -14px;
	top: 50%;
	left:10px;
	position: absolute;
	background: transparent url(i/st.png) no-repeat top left;
}

a#gright{
	display: block;
	height: 29px;
	width: 46px;
	font-size: 0;
	margin-top: -14px;
	top: 50%;
	right:10px;
	position: absolute;
	background: transparent url(i/st.png) no-repeat top right;
}

img.ipr{margin-top: 0.4em;}

p.ppr{
	margin: 0 0 2.4em 60px;
	padding: 0.4em 0;
	line-height: 135%;
}

.dpr{
	margin: 0 0 4em 175px;
	padding: 0.4em 0;
	line-height: 135%;
	color: #333;
}

.dpr h3{margin-top: 1.4em}
.dpr h2{margin-top: 0}

.prefooter{height: 14em;}

.footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #333;
	padding-bottom: 1.8em;
}

.footer p{
	font-size: 0.9em;
	margin-left: -2em;
	padding-left: 2em;
}
.footer p.copy{
	text-indent: -1.1em;
	margin: 2em 0 1.6em -2em;
	font-size: 0.8em;
}
.footer p.develop{
	font-size: 0.8em;
	margin-left: -4.2em;
	padding: 5px 0 0 4.2em;
	height: 45px;
	background: transparent url(i/js.gif) no-repeat top left;
}
.footer p.develop a, .footer p.copy a{color: #333;}