body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

/* 
	The following CSS code is for illustrative purposes, and is NOT necesarry for the fullscreenr plugin to work
*/

#exampleDiv {
	width: 574px;
	background: #000;
	position: absolute;
	top: 8px;
	text-align: center;
	padding: 10px 0;
	left: 10px;
	
}

	#exampleDiv a {
		color:#fff;
		font-family:Verdana;
		font-size:11px;
		text-decoration:none;
	}

	#exampleDiv a:hover {
		background:#fff;
		color:#000;
		
	}


#menu {
	z-index: 5;
	opacity:0.6;
	width: 400px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
    position: absolute;		
	overflow:auto; 			
	
}

#menu ul {
	
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	margin: 0px;
	padding: 7px 5px 0px 7px;
	text-decoration: none;
	font-family: 'Nova Mono', cursive;
	font-size: 13px;
	color: #B5B5B5;
	border: none;
	overflow:auto; 
}



#menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}