@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; outline:none; border:0;}
html {
	height: 100%;
}
body {
	padding:0;
	margin:0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #000000;
} 
#counter {
position:absolute;
right:30px;
bottom:30px;;
/*width:100px;
height:30px;*/
z-index:500;
}
h1, .mp_text_h3 {
	color: #FFFFFF;
	font-size:24px;
	text-decoration:none;
}

.mp_text_h3:hover {
color:#FF0000;
}
h2, h2 a {
	color: #FFFFFF;
	font-size:36px;
	text-transform: uppercase;
	text-decoration:none;
	padding-bottom:10px;
} 
h2 a:hover {
color: #CCCCCC;
}
.mp_p {
padding:0 0 12px 0;
}
.mp_text_a, .mp_text_a:hover {
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
.mp_text_a {
	text-decoration:none; font-style:italic; text-shadow: 1px 1px 1px #000; font-size:15px; color:#9c9c9c;
}
.mp_text_a:hover {
	text-decoration:none; color:#FF0000;  font-size:15px;
}
#big{
	width: 30000px;
	position: absolute;
	top: -1000px;
	left: -100px;
	cursor: move;
}		
#small {
	width: 100%;
	height: 100%;	
	overflow: hidden;
	position: relative;
}		
div#wp_01, div#wp_02, div#wp_03, div#wp_04, div#wp_05 {
	width: 400px;
	padding-left:50px;
	padding-top:100px;
	position: absolute;
	cursor:default;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.wp_bgr {
	height:500px;
	padding: 0 10px 0 10px;
	background-image: url(../files/500.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#wp_01 {
	top: 1000px;
	left: 600px;
}
#wp_02 {
	top: 200px;
	left: 400px;
}
#wp_03 {
	top:1000px;
	left: 1800px;
}	
#wp_04 {
	top:2100px;
	left: 1800px;
}	
#wp_05 {
	top: 200px;
	left: 2700px;
}	
.clear {
clear:both;
}
#main_navigation {
	height:100%;
	left:11%;
	position:fixed;
	top:0;
	width:250px;
	z-index:0;
	overflow:hidden;
}
#nav-bgr {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:100%;
	background-image: url(../files/navigation_bg-trans2.png);
	background-repeat: repeat-y;
}
#nav-mainpage {
top:100px;
left:50px;
position:relative;
z-index:50;
}
	#nav-mainpage a, #nav-mainpage a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 2px 0 2px  0;
	padding:8px 0 8px 8px;
	font-weight: bold;
	width: 192px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 11px;
	font-variant: small-caps;
	}
	#nav-mainpage a {
	color: #CCCCCC;
	background-image: url(../files/menu-item.png);
	background-repeat: repeat-y;
	}
	#nav-mainpage a:hover {
	background-color: #666666;
	}	
	#nav-mainpage li {
		list-style-type:none;
		width: 200px;
		/*background-color: #333333;*/
		text-align: left;
	}


/*----------------------matrix-----------------*/

.text1 {
	font-size:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 170px;
}
.text2 {
	font-size:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 150px;
}
.text3 {
	font-size:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 200px;
}
   #first {
	position:absolute;
	left:40px;
	top:-100px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	text-align: center;
  }

   #second {
	position:absolute;
	left:20px;
	top:-500px;
	opacity: 0.3;
	filter: alpha(opacity=30)
	text-align: center;
  }
  
    #third {
	position:absolute;
	left:110px;
	top:-100px;
	opacity: 0.3;
	filter: alpha(opacity=30)
	text-align: center;
  }

/*----------------------matrix-----------------*/