@import url("reset.css");

/* CONTAINER */

body
	{
		text-align: center;
		font-size: 80%;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		background: #fff url(/lib/img/bg.png) 50% 50% no-repeat;
		background-attachment: fixed;
		color: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
	}

#main-page
	{
		overflow: hidden;
	}

#tv
	{
		width: 867px;
		height: 787px;
		background: url(/lib/img/tv-trans.png) top left no-repeat;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		margin-top: -393px;
		margin-left: -433px;
	}

#screen
	{
		width: 374px;
		height: 306px;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		margin-top: -197px;
		margin-left: -187px;
		background: #000;

	}

#remote
	{
		width: 300px;
		height: 34px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		z-index: 3;
		left: 50%;
		top: 50%;
		margin-left: -150px;
		margin-top: 115px;
	}




#enter
	{
		width: 400px;
		height: 0px;
		padding-top: 600px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		z-index: 3;
		left: 50%;
		top: 50%;
		margin-left: -200px;
		margin-top: -300px;
		background: url(/lib/img/1x1.gif);

	}







#remote a
	{
		color: #fff;
		text-decoration: none;
	}

#remote a:hover
	{
		color: #eee;
	}

#screen p
	{
		margin-top: 140px;
	}
















#container
	{
		width: 900px;
		margin: 0 auto;
		position: relative;
		padding: 40px 0px 20px 0px;
		
	}




#header
	{
		width: 900px;
		height: 302px;
		background: url(/lib/img/mupotoon-trans.png);

	}



#center
	{
		width: 900px;
		background: url(/lib/img/center-shadow.png) top center repeat-y;
		_background-image: none;
		_height: 1px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/img/center-shadow.png', sizingMethod='scale');
	}

#content
	{
		width: 680px;
		background: url(/lib/img/center.png) 9px 0px repeat-y;
		padding: 40px 110px 0 110px;
		text-align: left;
	}

#footer
	{
		width: 900px;
		height: 219px;
		background: url(/lib/img/bottom-trans.png);
		position: relative;
	}










#main-menu
	{
		position: absolute;
		top: 298px;
		width: 100%;
		left: 0;
	}

#main-menu div
	{
		position: relative;
		right: 50%;
		float: right;
	}
 
.menu
	{
		position: relative;
		right: -50%;
		text-align: left;
		list-style: none;
		overflow: hidden;
		_float: left;
		border-left: 1px solid #d57515;
		border-right: 1px solid #f3a03e;
	}
 
.menu li
	{
		float: left;
		padding: 0em 1em;
		border-right: 1px solid #d57515;
		border-left: 1px solid #f3a03e;



		height: 27px;
		padding-top: 14px;
		overflow: hidden;
	}




.menu .active
	{
		background: url(/lib/img/hover.png);
	}

.menu .active a, .menu .active a:hover
	{
		color: #f9eab9;
		cursor: default;
	}













.menu a
	{
		font-size: 120%;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
/*
		text-shadow: 0px 1px 0px #69003d;
*/


	}


#guestbook small
	{
		font-size: 80%;
		position: absolute;
		left: 616px;
		top: 0;
				color: #eb6913;

	}

#guestbook p
	{
		position: relative;
	}

#guestbook
	{
		padding-bottom: 3em;
	}

#guestbook b
	{

	}

#guestbook .autor
	{
		padding-bottom: .4em !important;
	}


.menu a:hover
	{
		color: #f9db75;
	}



input[type=submit]
	{
		font-size: 100%;
	}

input[type=text], textarea
	{
		background: #effafc;
		border: 1px solid #476e92;
		font-family: Arial, Helvetica, Geneva, sans-serif;
	}

input, textarea
	{
		color: #2b5070;
		font-size: 90%;
	}

.date, dt
	{
		color: #eb6913;	
				font-size: 90%;
	}

dd
	{
		padding-top: .1em;
		color: #2b5070;
		font-size: 125%;
		_font-size: 120%;
		line-height: 115%;
		padding-bottom: 1.3em;
	}

#pages .active
	{
		font-weight: bold !important;
	}
	
#pages .rarr
	{
	text-decoration: none;
	}

#pages
	{
		padding-top: 1em;
	}

#pages a
	{
		margin-left: .3em;
	}

p, #pages
	{
		color: #2b5070;
		font-size: 125%;
		_font-size: 120%;
		line-height: 150%;
		_line-height: 140%;
		padding-bottom: 1.3em;
	}

h1
	{
	margin-left: -1px;
/*		color: #eb6913;*/

		color: #2a5094;
		font-size: 170%;
		font-weight: normal;
		padding-top: .5em;
		line-height: 120%;
		padding-bottom: 1.3em;
	
	
	}




#left-char
	{
		position: absolute;
		top: 74px;
		left: 34px;
		width: 300px;
		height: 224px;
		z-index: 1;
	}


#right-char
	{
		position: absolute;
		top: 74px;
		right: 34px;
		width: 300px;
		height: 224px;
		z-index: 1;

	}

#mupotoon
	{
		position: relative;
		width: 100%;
		height: 228px;
		background: url(/lib/img/1x1.gif);
z-index: 9;
	}


#mupotoon a
	{
		width: 380px;
		height: 0;
		padding-top: 100px;
		display: block;
		overflow: hidden;		
		left: 260px;
		top: 100px;
		z-index: 10;
		position: absolute;
	}




#screen p
	{
		color: #fff;
		font-size: 100%;	
	}





#content a
	{
		color: #1a5aa9;
	}

#content a:hover {color: #eb6913}

#copyrights
	{
		color: #dae4d0;
		padding-bottom: 40px;
		line-height: 150%;
		font-size: 90%;
	}

#copyrights a
	{
		color: #dae4d0;
		text-decoration: none;
		
	}
	
#copyrights a:hover
	{
		text-decoration: underline;
		
	}
	

#downloads
	{
		background: url(/lib/img/download-trans.png);
		display: block;
		width: 204px;
		height: 0;
		padding-top: 43px;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 24px;
	}

#screenshot
	{
		background: url(/lib/img/screenshots-trans.png);
		display: block;
		width: 204px;
		height: 0;
		padding-top: 43px;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 30px;
	}

#trailer
	{
		background: url(/lib/img/trailer-trans.png);
		display: block;
		width: 230px;
		height: 0;
		padding-top: 43px;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 20px;
	}

#screenshots img
	{
		width: 328px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

#intro
	{
/*
		position: absolute;
		left: 57%;
		top: 70px;

		z-index: 100;
*/

margin-top: -26px;
margin-right: 4px;
		float: right;
		width: 56px;
		height: 0;
		padding-top: 83px;
		overflow: hidden;
		background: url(/lib/img/intro-trans.png);
		cursor: pointer;
	}