@charset "utf-8";
/* CSS Document */

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

*+ html, *+ body   {margin:0; padding:0; width:100%; height:100%; overflow:visible;}

body {
	/*background-color: orange;*/
	/*behavior: url("csshover3.htc"); */
	/*background: url(../tl_files/backgrounds/grass.jpg);*/
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px;
	}
}

#wrap {height: 100%;}

#background {
/* This is the only important rule */
/* We need our content to show up on top of the background */
	/*position: relative; */
			
			
/* These have no effect on the functionality */
	/*width: 1000px;*/
	/*margin: 0 auto;*/
}

body > #wrap {height: auto; min-height: 100%;}


*html #bg {position:absolute; z-index:1; width:100%; height:100%;}
*html #wrap   {position:absolute; width:100%; height:100%; top:0; left:0; overflow:visible; overflow-x:hidden; overflow-y:auto; z-index:2;}
*+ html #wrap   {position:absolute; width:100%; height:100%; top:0; left:0; overflow:visible; overflow-x:hidden; overflow-y:auto; z-index:2;}