.animation{
	background:url(christmas_6.png) no-repeat top left;
	background-size:100% 100%;
	position:fixed;
	z-index:12000000;
	bottom:0px;
	left:0px;
	animation:myfirst 8s linear 0s infinite;
	-webkit-animation:myfirst 8s linear 0s infinite;
	perspective: 1000;
    width:188px;
	height:188px;
	margin-bottom:-30px;
 }
@keyframes myfirst
{
0%   {left:-20%; bottom:0px;}
25%  {left:25%; top:0px;}
50%  {left:50%; top:0px;}
75%  {left:75%; top:0px;}
100% {left:100%; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:-20%; bottom:0px;}
25%  {left:25%; top:0px;}
50%  {left:50%; top:0px;}
75%  {left:75%; top:0px;}
100% {left:100%; top:0px;}
}
.snowboard{
	height:112px;
	background:url(snow.png) repeat-x bottom right;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:10000000;
}
.snowman{
	margin-top:-100px;
	float:left;
}

.tree{
	margin-top:-140px;
	float:right;
}
.snowfooter{
	display:none;
}
div.snow1{
	animation:myfirst-1 2s linear 2s infinite alternate;
	-moz-animation:myfirst-1 2s linear 2s infinite alternate;
	-webkit-animation:myfirst-1 2s linear 2s infinite alternate;
	-o-animation:myfirst-1 2s linear 2s infinite alternate;
	width:136px;
	height:44px;
	background:url(1.png) center center no-repeat;
	opacity:0.0;
	left:55%;
	position:fixed;
	bottom:100px;
}
div.snow2{
	animation:myfirst-2 2s linear 2s infinite alternate;
	-moz-animation:myfirst-2 2s linear 2s infinite alternate;
	-webkit-animation:myfirst-2 2s linear 2s infinite alternate;
	-o-animation:myfirst-2 2s linear 2s infinite alternate;
	width:136px;
	height:44px;
	background:url(2.png) center center no-repeat;
	opacity:0.0;
	left:45%;
	position:fixed;
	bottom:140px;
}
div.snow3{
	animation:myfirst-3 2s linear 2s infinite alternate;
	-moz-animation:myfirst-3 2s linear 2s infinite alternate;
	-webkit-animation:myfirst-3 2s linear 2s infinite alternate;
	-o-animation:myfirst-3 2s linear 2s infinite alternate;
	width:136px;
	height:44px;
	background:url(3.png) center center no-repeat;
	opacity:0.0;
	left:40%;
	position:fixed;
	bottom:180px;
}
div.snow4{
	animation:myfirst-4 2s linear 2s infinite alternate;
	-moz-animation:myfirst-4 2s linear 2s infinite alternate;
	-webkit-animation:myfirst-4 2s linear 2s infinite alternate;
	-o-animation:myfirst-4 2s linear 2s infinite alternate;
	width:136px;
	height:44px;
	background:url(4.png) center center no-repeat;
	opacity:0.0;
	left:60%;
	position:fixed;
	bottom:220px;
}
div.snow5{
	animation:myfirst-5 2s linear 2s infinite alternate;
	-moz-animation:myfirst-5 2s linear 2s infinite alternate;
	-webkit-animation:myfirst-5 2s linear 2s infinite alternate;
	-o-animation:myfirst-5 2s linear 2s infinite alternate;
	width:136px;
	height:44px;
	background:url(5.png) center center no-repeat;
	opacity:0.0;
	left:65%;
	position:fixed;
	bottom:260px;
}
div.snow6{
	animation:myfirst-6 2s linear 2s infinite alternate;
	-moz-animation:myfirst-6 2s linear 2s infinite alternate;
	-webkit-animation:myfirst-6 2s linear 2s infinite alternate;
	-o-animation:myfirst-6 2s linear 2s infinite alternate;
	width:136px;
	height:44px;
	background:url(5.png) center center no-repeat;
	opacity:0.0;
	left:50%;
	position:fixed;
	bottom:300px;
}

@-moz-keyframes myfirst-1
{
0%   {opacity:0.0;bottom:100px;}
25%  {opacity:0.4;bottom:80px;}
50%  {opacity:0.6;bottom:60px;}
75%  {opacity:0.8;bottom:40px;}
100% {opacity:1.0;bottom:-20px;}
}
@-moz-keyframes myfirst-2
{
0%   {opacity:0.0;bottom:130px;}
25%  {opacity:0.4;bottom:100px;}
50%  {opacity:0.6;bottom:70px;}
75%  {opacity:0.8;bottom:40px;}
100% {opacity:1.0;bottom:-10px;}
}
@-moz-keyframes myfirst-3
{
0%   {opacity:0.0;bottom:180px;}
25%  {opacity:0.4;bottom:140px;}
50%  {opacity:0.6;bottom:100px;}
75%  {opacity:0.8;bottom:60px;}
100% {opacity:1.0;bottom:-20px;}
}
@-moz-keyframes myfirst-4
{
0%   {opacity:0.0;bottom:220px;}
25%  {opacity:0.4;bottom:180px;}
50%  {opacity:0.6;bottom:130px;}
75%  {opacity:0.8;bottom:80px;}
100% {opacity:1.0;bottom:-30px;}
}
@-moz-keyframes myfirst-5
{
0%   {opacity:0.0;bottom:260px;}
25%  {opacity:0.4;bottom:200px;}
50%  {opacity:0.6;bottom:140px;}
75%  {opacity:0.8;bottom:80px;}
100% {opacity:1.0;bottom:-20px;}
}
@-moz-keyframes myfirst-6
{
0%   {opacity:0.0;bottom:300px;}
25%  {opacity:0.4;bottom:250px;}
50%  {opacity:0.6;bottom:200px;}
75%  {opacity:0.8;bottom:150px;}
100% {opacity:1.0;bottom:-100px;}
}