@charset "utf-8";

<style>
  
html {}
	
	.style1 {
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	.style2 {
	color: #f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	.style3 {
	color: #000000;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
	a:link {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size:10px; 
	}
	a:visited { 
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size:10px;
	}
	a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size:10px;
	}
	a:active { 
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size:10px;
	} 
	
	

	
	
	#container 		{
					margin:30px auto 0;
					position:relative;
					text-align:left;
					width:960px;
					z-index:100;
					}
						
	#container_top {
					position:relative;
					height:20px;
					width:960px;
					}
					
	#logo_header 	{
					position:relative;
					height: 46px;
					width: 960px;
					}
										
	#content 		{
					position:relative;
					height: autopx;
					width: 960px;
					background-color:#60482e;
					}
					
						
	#footer		 	{
					position:relative;
					height: 46;
					width: 960px;
					}
					
						
	#container_bottom {
					position:relative; 
					height:20px;
					width:960px;
					}	
					
	/* pop_up_window */
	
	
	#pop_logo 		{
					position:absolute; 
					height:40px;
					width:300px;
					top:20px;
					}
					
					
	#pop_image 		{
					position:absolute;
					height:40px;
					width:77px;
					top:103px;
					left: 337px;
					}
					
	#pop_image_online {
					position:absolute;
					height:108px;
					width:74px;
					top:10px;
					left:700px;
					background-color:#60482e;
									}
		
	#pop_audio 		{
					position:absolute; 
					height:16px;
					width:400px;
					top:72px;
					}
	
	#pop_brief 		{
					position:absolute; 
					height:4px;
					width:400px;
					top:103px;
					left:10px;
					}
	
	#pop_brief_online {
					position:absolute;
					height:4px;
					width:330px;
					top:20px;
					left:320px;
					}
	
	#pop_brief_text {
	position:absolute;
	height:4px;
	width:326px;
	top:121px;
	left:10px;
					}
					
	#online_text {
					position:absolute;
					height:4px;
					width:379px;
					top:44px;
					left:320px;
					}
	
	#pop_treatment 	{
					position:absolute;
					height:4px;
					width:400px;
					top:140px;
					left:10px;
					}
					
	#pop_treatment_1 {
					position:absolute;
					height:4px;
					width:400px;
					top:150px;
					left:10px;
					}
	
	#pop_treatment_text {
	position:absolute;
	height:4px;
	width:378px;
	top:157px;
	left:10px;
					}
	
	#pop_treatment_text_1 {
					position:absolute;
					height:4px;
					width:400px;
					top:167px;
					left:10px;
					}
	
	#pop_reach 		{
					position:absolute; 
					height:4px;
					width:400px;
					top:175px;
					left:10px;
					}
					
	#pop_reach_1 		{
					position:absolute; 
					height:4px;
					width:400px;
					top:181px;
					left:10px;
					}
	
	#pop_reach_text {
					position:absolute; 
					height:4px;
					width:400px;
					top:193px;
					left:10px;
					}
	
	#pop_reach_text_1 {
					position:absolute; 
					height:4px;
					width:400px;
					top:199px;
					left:10px;
					}
					
	#mpu_online		{
					position:absolute; 
					height:400px;
					width:330px;
					top:92px;
					left:326px;
					z-index:100px;
					}
					
	#sky_online		{
					position:absolute; 
					height:600px;
					width:120px;
					top:100px;
					left:480px;
					z-index:100px;
					}
	
	#leaderboard_online		{
					position:absolute; 
					height:600px;
					width:728px;
					top:145px;
					left:30px;
					z-index:100px;
					}
					
	#mpu_online_back{
					position:absolute;
					height:620px;
					width:620px;
					top:90px;
					left:10px;
					}

			#mpu_gt{
					position:absolute; 
					height:250px;
					width:300px;
					top:94px;
					left:326px;
					z-index:100px;
					}
					
			#sky_f13{
					position:absolute; 
					height:600px;
					width:120px;
					top:100px;
					left:477px;
					z-index:100px;
					}
					
			#marquee_f13{
					position:absolute; 
					height:254px;
					width:690px;
					top:134px;
					left:356px;
					z-index:100px;
					}
					
	#sky_online_back{
					position:absolute; 
					height:616px;
					width:612px;
					top:90px;
					left:10px;
					}
					
	#leaderboard_online_back{
					position:absolute;
					height:573px;
					width:767px;
					top:130px;
					left:10px;
					}
					
	#inter_online_back{
					position:absolute;
					height:573px;
					width:767px;
					top:150px;
					left:10px;
					}

	#close 			{
					position:absolute;
					height:4px;
					width:200px;
					top:220px;
					}
					
	#close_online	{
					position:absolute;
					height:4px;
					width:200px;
					top:720px;
					}
					
	#logo_small	{
					position:absolute;
					height:40px;
					width:200px;
					top:410px;
					left:375px;
					z-index:100;
					}
					
	#text_1	{
					position:absolute;
					height:40px;
					width:400px;
					top:406px;
					left:679px;
					z-index:100;
					}
					
	#text_2	{
					position:absolute;
					height:20px;
					width:400px;
					top:426px;
					left:679px;
					z-index:100;
					}
	/* online_menu */		
	
	#online_menus_f13 	{
					position:absolute;
					top:257px;
					left:650px;
					z-index:100;
					}		
					
	#online_menus_gt 	{
					position:absolute;
					top:518px;
					left:650px;
					z-index:100;
					}
					
	#online_menus_guru 	{
					position:absolute;
					top:778px;
					left:650px;
					z-index:100;
					}
					
	#online_menus_ruins {
					position:absolute;
					top:1040px;
					left:650px;
					z-index:100;
					}
					
					
	
		ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}

		ul li 		{
					position: relative;
					}
					
		li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}

					
		ul li a {
	display: block;
	text-decoration: none;
	color: #fff;

	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

					
		/* Fix IE. Hide from IE Mac \*/
		* html ul li { float: left; }
		* html ul li a { height: 1%; }
		/* End */
		
		li:hover ul, li.over ul { 
		display: block; }
		




            


	
	
