/*****
	GENERAL SCREEN CSS FILE
	
	COLORS:
	
	hover: 				#dec566;
	bg:						#444445;
	a:						#999999;
	
	
		****/
		
html {
	height: 100%;
	margin: 0;
	padding: 0;
	
}
	
body {
	height: 100%;
	margin: 0;
	padding: 0;
	
	background: #444445 url(../images/body.png) repeat;
	
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	
	text-decoration: none;		
	color: #FFFFFF;
	
	text-align: center;
	
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
	font-family: Tahoma;
}

h1,h2,h3,h4,h5,h6 { font-family: Arial; }


/****
	PSEUDO
		****/
		
		#top {
			position: absolute;
			top: 50%; left: 50%;
			width: 897px; height: 651px;
			margin: -325px 0 0 -448.5px;
			background: url(../images/container.png) no-repeat;
		}
		
		#end {
			
		}
		
		
/****
	CONTAINER
		****/
		
		#container {
			position: absolute;
			top: 50%; left: 50%;
			width: 842px; height: 595px;
			margin: -305px 0 0 -423px;
			border: 1px solid white;
			text-align: left;
		}
		
		
/****
	HEADER
		****/
		
		#header {
			position: relative;
			top: 0; left: 0;
			margin: 180px 0 0 300px;
			width: auto; height: 180px;	
		}
		
		#header h1 {
			position: absolute;
			width: 234px; height: 168px;
			margin: 0;
			padding: 0;
			font-size: 0.01em;
		}
		
		#header h1 span {
			background: url(../images/header_start.png) no-repeat;
			width: 234px; height: 168px;
			position: absolute;
		}
		
		
/****
	CONTENT
		****/
		
		#content {
			position: relative;
			top: 0; left: 0;
			width: 100%; height: 100px;
			margin: 40px 0 0 0;
			text-align: center;
		}	
		
		#content span {
			position: relative;
			margin: 0 20px 0 20px;
		}
		
		#content a {
			color: #999999;
			font-size: 14px;
			text-decoration: none;
		}
		
		#content a:hover {
			color: #dec566;
		}
		
		
/****
	SOFTIMPACT
		****/
		
		#softimpact {
				display: none;
				position: relative;
				float: right;
				height: 128px;
				width: 18px;
				overflow: hidden;
				margin: -50px -25px 0 0;
			}
			
			#softimpact span { display: none; }
			
			/* TODO -> Error Safari 3.0.3 - image is cut */
			#softimpact a {
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				background: url(../images/softimpact.png);
				text-indent: -999999%;
			}