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(''); /* this is just a fancy raster, you can remove it; I kinda like it though */
	left: -0px;
	top: -0px;
}

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

#exampleDiv {
	width:60%;
	background: ;
	position:absolute;
	white-space: nowrap;
	min-width: 400px;
	top: 25px;
	text-align:center;
	padding:10px 0;
	}

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

	#exampleDiv a:hover {
		background:#fff;
		color:#000;
	}
	
	#exampleDiv2 {
	width:100%;
	background: ;
	position:absolute;
	min-width: 500px;
	top: 75px;
	text-align:left;
	padding:10px 0;
	}

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

	#exampleDiv2 a:hover {
		background:#fff;
		color:#000;
	}
	
	.GMarker1 {
  font-family: 'Arvo', serif;
  font-size: 40px;
  font-style: bold;
  font-weight: 700;
  text-shadow: 4px 4px 4px   #666;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.018em;
  word-spacing: 0.081em;
  line-height: 1.2;
}

.Pacifico { 
  font-family: 'Pacifico', cursive;
  font-size: 45px;
    font-style: normal;
  }
  .NothingYouCanDo { 
 font-family: 'Nothing You Could Do', cursive;
  font-size: 45px;
    font-style: normal;
  }
