/*****
	GENERAL SCREEN CSS FILE	
		****/
		
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: 12px;
	
	text-decoration: none;		
	color: #cccccc;
	
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #cccccc;
	font-family: Arial;
}

h1,h2,h3,h4,h5,h6 { font-family: Arial; margin: 0 0 8px 0; padding: 0; }

h2 {
	font-size: 14px;
}

a {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #dec566;
}


/****
	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: 30px 0 0 30px;
			width: auto; height: 114px;		
		}
		
		#header h1 {
			position: absolute;
			width: 117px; height: 114px;
			margin: 0;
			padding: 0;
			font-size: 0.01em;
		}
		
		#header h1 span {
			background: url(../images/header.png) no-repeat;
			width: 184px; height: 179px;
			position: absolute;
		}
		
		
/****
	CONTENT
		****/
		
		#content {
			position: relative;
			top: 0; left: 0;
			width: 610px; height: 535px;
			margin: -115px 0 0 200px;
		}	
		
		#col1 {
			position: relative;
			float: left;
			top: 0; left: 0;
			width: 420px; height: 338px;
			margin: 0;
		}
		
		#col2 {
			position: relative;
			float: left;
			top: 0; left: 0;
			width: 170px; height: 535px;
		}
		

		
/****
	MENU
		****/
		
		
		/*** MENU MAIN ***/
		
		#menu {
			display: none;
			position: absolute;
			top: 0; left: 0;
			width: 150px; height: 308px;
			margin: 227px 0 0 30px;
		}
		
		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#menu ul li {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		#menu ul li span { display: none; }
		
		#menu ul li ul li {
			position: relative;
			display: block;
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		
		#menu ul li ul li ul li {
			margin: 0 0 0 15px;
			padding: 0;
		}
		
		#menu ul li ul li a {
			color: #999999;
			font-size: 14px;
			font-weight: normal;
		}
		
		#menu ul li ul li a:hover,
		#menu ul li ul li a.active {
			color: #dec566;
		}
		
		/*** SITELINKS ***/
		
		#sitelinks {
			position: absolute;
			bottom: 0; left: 0;
			width: 150px; height: auto;
			margin: 0 0 30px 30px;
		}
		
		#sitelinks ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#sitelinks ul li span { display: none; }
		
		#sitelinks ul li ul li {
			display: block;
			float: left;
			margin-right: 30px;
		}
		
		#sitelinks ul li ul li a {
			color: #999999;
			font-size: 14px;
			font-weight: normal;
		}
		
		#sitelinks ul li ul li a:hover,
		#sitelinks ul li ul li a.active {
			color: #dec566;
		}
		
/****
	SOFTIMPACT
		****/
		
		#softimpact {
				display: none;
				position: relative;
				float: right;
				height: 128px;
				width: 18px;
				overflow: hidden;
				margin: -97px -25px 0 0;
			}
			
			#softimpact span { display: none; }
			
			
			#softimpact a {
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				background: url(../images/softimpact.png);
				text-indent: -999999%;
			}