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:220%;
	background:#000;
	position:absolute;
	text-align:center;
	float: left;
	padding-top: 10px;
	padding-left: 0;
}

	

	#exampleDiv a:hover {
		background:#fff;
		color:#000;
	}
#LeftSlider {
	background-color: #000;
	width: 220px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 0;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
}
#BrandTxt {
	height: 50px;
	width: 200px;
	margin-left: 10px;
	text-align: center;
	float: left;
	margin-top: auto;
	margin-bottom: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #F00;
	padding-top: 50px;
}
#LinesTxt {
	height: 220px;
	width: 180px;
	margin-left: 20px;
	text-align: left;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 250px;
	word-spacing: normal;
	letter-spacing: normal;
}
#logoDiv {
	height: 63px;
	width: 214px;
	margin-top: 70px;
	margin-left: 87px;
	z-index: 5;
	position: absolute;
}
#AnimatedMap {
	height: 400px;
	width: 750px;
	position: absolute;
	top: 150px;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding-left: 250px;
}
#bottonSkip {
	height: 25px;
	width: 64px;
	float: right;
	margin-top: 550px;
	position: absolute;
	margin-left: 1000px;
}