html, body	{
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	color: #000; 
	font: 15px/24px "Georgia", Times New Roman, serif; 
	text-align: center; /* This is used to center block level elements in Internet Explorer.*/
}

a {
	text-decoration: none;
	color: #699; 
	letter-spacing: 3px;
}

a:hover {
	text-decoration: none;
	color: #0cc; 
}

/* Image container. You need this. */
#bg	{
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 0; 
	width: 100%; 
	height: 100%; 
	overflow: hidden; 
}

	/* Image wrapper. You'll need this one too. */
	#img	{
		position: relative; 
		width: 200%; 
		height: 200%; 
		top: -25%; 
		left: -50%; 
		overflow: hidden; 
	}
	
		/* The background-image itself. You'll definitely want this one. */
		#img img	{
			display: inline-block; 
			position: relative; 
			min-width: 75%; 
			min-height: 75%; 
		}

/* This is the content div. It's positioned on top of the image container.*/
#content	{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 10; 
	padding: 200px 0; /* Keep padding-left and padding-right at 0, otherwise you can't use width: 100%. */
	width: 100%; 
	height: auto; 
}

	/* Place content in here. */
	#container	{
		position: relative; /* This is necessary. */
		margin: 100px; /* You auto for margin-left and margin-right if you want to center the div. */
		padding: 10px 20px; 
		width: 420px; 
		min-height: 20px; 
		background: rgba(255, 255, 255, 0.7); 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		text-align: center; 
	}
	

div.spacer	{
	position: relative; 
	width: 100%; 
	clear: both; 
}

img	{
	border: none; 
}