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%;
	font-family:Verdana;
	font-size:12px;
}

html {
overflow: hidden;
}

#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('../images/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
*/

#menuDiv {
	width:100%;
	background-image:url(../images/BG-Menu.png);
	position:absolute;
	top: 50px;
	text-align:center;
	height:60px;
	line-height:60px;
}

	#menuDiv ul li, #menuDiv ul{
		float:left;
		padding:0;
		margin:0;
		color:#fff;
		list-style:none;
	}
	
	#menuDiv ul li {
		padding-right:10px;
		padding-left:10px;
		border-right:#999999 1px solid;
	}

	#menuDiv a {
		color:#fff;
		text-decoration:none;
	}

	#menuDiv a:hover {
		background:#fff;
		color:#000;
	}
	
	#menuDiv #logo{
	height:60px;
	background-color:#FFF;
	padding-left:30px;
	line-height:normal;
	}
	
	#menuDiv .menu{
	padding-right:30px;
	padding-left:30px;
	}