@charset "utf-8";
/* CSS Document */

body
{
		background-color: #000;
		background-image: url('images/bg.jpg');
		background-position: right top;
		
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 8pt;
			
}

#header
{
	position: absolute;
	right: 0;
	top: 0;
	
	width: 100%;
	background-image: url(images/bg-h.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#title
{
	position: absolute;
	left: 415px;
	top: 170px;
	
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 24pt;
	text-align: left;
	
}

#subtitle
{
	position: absolute;
	left: 440px;
	top: 210px;
	
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 4px;
	font-size: 10pt;
	text-align: left;
	
}

#navigation
{
	padding: 5px;
	position: absolute;
	left: 80px;
	top: 340px;
	width: 200px;
	color: #e0e0e0;
	
}
	
	#navigation h1
	{
		font-size: 12pt;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		border-bottom: 1px solid #000;
		color: #40f4eb;
		
		padding-left: 20px;		
		text-align: left;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	#navigation a
		{
			display: block;
			
			font-family: Arial, Helvetica, sans-serif;
			padding: 3px;
			text-decoration: none;
			text-transform: uppercase;
			margin-top: 2px;
			margin-right: 2px;
			margin-left: 2px;
			
			text-align: center;
			
			color: #d5d5d5;
			font-size: 7.5pt;
			
			background: none;
			background-image: url('images/bg-black30.png');
			border: none;	
		}
	
		#navigation a:hover	{	
			background: none;
			background-image: url('images/bg-black50.png');
			color: #ffdb54;
			border: none;	}
		
		.n
		{
			padding: 2px;
			text-align: justify;
			font-family: Tahoma, Geneva, sans-serif;
			
		
		}
	
#main
{
	padding: 10px;
	position: absolute;
	left: 300px;
	top: 270px;
	width: 550px;
	
		color: #b9b9b9;
	
	}
	
	#main h1
	{
		margin-top: 10px;
		margin-bottom: 5px;
		font-family: "Century Gothic", Arial, sans-serif;
		font-weight: normal;
		text-align: right;
		color: #69ebdd;
		font-size: 18pt;
	}
	
	#main h2
	{
		margin-top: 25px;
		margin-bottom: 5px;
		font-size: 18pt;
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		
		color: #ff7aac;
		
		text-align: center;
	}
	
	#main h3
	{
		color: #37c4bd;
		margin-bottom: 2px;	
		margin-top: -7px;
		text-align: center;
		
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 7.5pt;
	}
	
	.h
	{
		font-size: 8pt;
		font-family: "Century Gothic", Arial, sans-serif;
		padding-left: 10px;
		text-align: justify;
		background-image: url('images/bg-black50.png');
		padding: 10px;
	}
	
	.p
	{
		background-image: url('images/bg-black50.png');
		padding: 15px;
		text-align: justify;
	}
	
	
	b, strong	{	color: #ffdf65;	}
	i, em		{	color: #f922eb;	}
	
	a	{	text-decoration: none;	color: #13f5ea;
			border-bottom: 1px solid #000;}
	a:hover	{	border-bottom-color: #999;
			color: #ff0000;	}
	
	blockquote
	{
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #999;
		background-image: url('images/bg-black50.png');
		
	}
	
	#main img, #navigation img	{	margin: 5px; background-color: #333;	}
		
	input, textarea, button
	{
		margin: 3px;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-size: 8pt;
		color: #c58ac0;
		border: 1px solid #7a3434;
		background: #000;
	}