/*  **  star-side.css  **  */

#background {
	background: black url(../images/plain1.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -100;
	opacity:0;
	
	-webkit-animation: STAR-MOVE 200s linear 37s infinite forwards, STAR-SHOW1 2s linear 40s 1 forwards;
     -moz-animation: STAR-MOVE 200s linear 37s infinite forwards, STAR-SHOW1 2s linear 40s 1 forwards;
       -o-animation: STAR-MOVE 200s linear 37s infinite forwards, STAR-SHOW1 2s linear 40s 1 forwards;
          animation: STAR-MOVE 200s linear 37s infinite forwards, STAR-SHOW1 2s linear 37s 1 forwards;	
	
}

#midground {
	background: url(../images/plain2.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -200;
	opacity:0;
	-webkit-animation: STAR-MOVE 150s linear 38s infinite forwards, STAR-SHOW2 3s linear 40s 1 forwards;
     -moz-animation: STAR-MOVE 150s linear 38s infinite forwards, STAR-SHOW2 3s linear 40s 1 forwards;
       -o-animation: STAR-MOVE 150s linear 38s infinite forwards, STAR-SHOW2 3s linear 40s 1 forwards;
          animation: STAR-MOVE 150s linear 38s infinite forwards, STAR-SHOW2 3s linear 38s 1 forwards;
}


@-webkit-keyframes STAR-MOVE { 
	from {
		background-position: 5% 5%
	}
	to { 
		background-position: 300% 300%
	}
}
   @-moz-keyframes STAR-MOVE{ 
	from {
		background-position: 5% 5%
	}
	to { 
		background-position: 300% 300%
	}
}
     @-o-keyframes STAR-MOVE { 
	from {
		background-position: 5% 5%
	}
	to { 
		background-position: 300% 300%
	}
}
        @keyframes STAR-MOVE { 
	from {
		background-position: 5% 5%
	}
	to { 
		background-position: 300% 300%
	}
}

@-webkit-keyframes STAR-SHOW1 { 
0%   	{z-index: -100; opacity:0;}
100% 	{z-index: 100; opacity:1;}
}
   @-moz-keyframes STAR-SHOW1{ 
0%   	{z-index: -100; opacity:0;}
100% 	{z-index: 100; opacity:1;}
}
     @-o-keyframes STAR-SHOW1 { 
0%   	{z-index: -100; opacity:0;}
100% 	{z-index: 100; opacity:1;}
}
        @keyframes STAR-SHOW1 { 
0%   	{z-index: -100; opacity:0;}
100% 	{z-index: 100; opacity:1;}
}

@-webkit-keyframes STAR-SHOW2 { 
0%   	{z-index: 200; opacity:0;}
100% 	{z-index: 200; opacity:1;}
}
   @-moz-keyframes STAR-SHOW2 { 
0%   	{z-index: 200; opacity:0;}
100% 	{z-index: 200; opacity:1;}
}
     @-o-keyframes STAR-SHOW2 { 
0%   	{z-index: 200; opacity:0;}
100% 	{z-index: 200; opacity:1;}
}
        @keyframes STAR-SHOW2 { 
0%   	{z-index: 200; opacity:0;}
100% 	{z-index: 200; opacity:1;}
}