html, body
{
	height:100%;
	margin:0;
	padding:0;
	background:#000;
}
*html html, body
{
	height:100%;
}
#container
{
	height:auto;
	position:relative;
	min-height:100%;
	height:1300px;
	background:transparent url(../images/index_bg.jpg) center top no-repeat;
}
	#logo
	{
		position:absolute;
		right:5px;
		top:20px;
	}
	#menu
	{
		position:absolute;
		left:0px;
		top:147px;
		width:244px;
		height:252px;
		background:transparent url(../images/index_menu.png) top left no-repeat;
	}
		#menu ul
		{
			margin:14px 0 0 35px;
			padding:0;
			list-style-type:none;
		}
			#menu ul li
			{
				line-height:33px;
				margin:0;
				padding:0;
			}
				#menu ul li a
				{
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					color:#fff;
					text-transform:uppercase;
					font-size:27px;
				}
			#menu ul li.other
			{
				line-height:21px;
			}
				
				#menu ul li.other a
				{
					color:#70eee2;
					font-size:14px;
				}
*html #container
{
	height:100%;
}

#article
{
	position:absolute;
	display:none;
	width:520px;
	top:130px;
	left:50%;
	margin-left:-245px;
}
#portfolio
{
	position:absolute;
	width:560px;
	top:157px;
	left:50%;
	margin-left:-249px;
}
	#portfolio ul
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#portfolio ul li
		{
			display:block;
			width:260px;
			height:140px;
			margin:0 4px 4px 0;
			float:left;
			padding:0;	
			overflow:hidden;
			position:relative;
		}
			#portfolio a
			{
				color:#fff;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:12px;
			}
				#portfolio a p
				{
					z-index:2;
					display:block;
					width:252px;
					height:auto;
					bottom:0;
					position:absolute;
					background-color:#000;
					padding:2px 4px;
					margin:0;
					text-decoration:underline;
				}
	#article p
	{
		font-size:14px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:left;
	}

#game
{
	position:absolute;
	width:271px;
	height:126px;
	top:470px;
	left:50%;
	margin:0 0 0 -176px;
}
	#game div.cell
	{
		width:90px;
		height:42px;
		float:left;
		cursor:hand;
		cursor:pointer;
		position:relative;
	}
	#game img
	{
		position:absolute;
	}
#title
{
	position:absolute;
	left:50%;
	top:50px;
	width:394px;
	height:54px;
	margin:5px 0 0 -280px;
}
#title.works
{
	background:transparent url(../images/works_title.png) top left no-repeat;
}
#title.about
{
	background:transparent url(../images/about_title.png) top left no-repeat;
}
#controll
{
	width:145px;
	height:110px;
	position:relative;
	top:477px;
	margin:0 auto;
	left:-250px;
}
	#works
	{
		width:78px;
		height:50px;
		position:absolute;
		background:transparent url(../images/works.png) center center no-repeat;
		top:-3px;
		left:53px;
		cursor:hand;
		cursor:pointer;
	}
	#works.active
	{
		background:transparent url(../images/a_works.png) center center no-repeat;
	}
	#about
	{
		width:94px;
		height:58px;
		position:absolute;
		background:transparent url(../images/about.png) center center no-repeat;
		top:53px;
		left:0;
		cursor:hand;
		cursor:pointer;
	}
	#about.active
	{
		background:transparent url(../images/a_about.png) center center no-repeat;
	}
#prev
{
	position:absolute;
	width:84px;
	height:12px;
	left:50%;
	top:290px;
	margin:0 0 0 -260px;
	background:transparent url(../images/prev.png) top left no-repeat;
	cursor:hand;
	cursor:pointer;
	z-index:3;
}
#next
{
	position:absolute;
	width:84px;
	height:12px;
	left:50%;
	top:290px;
	margin:0 0 0 170px;
	background:transparent url(../images/next.png) top left no-repeat;
	cursor:hand;
	cursor:pointer;
	z-index:3;
}
#censored
{
	width:211px;
	height:119px;
	position:absolute;
	left:50%;
	margin:0 0 0 70px;
	top:725px;
	background:transparent url(../images/censored.png) top left no-repeat;
}
#censored.no-bg
{
	background-image:none;
}