#sparkles {
	width: 987px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}


#header:hover .big {
	-webkit-animation-name: sparkle;
	-webkit-animation-duration: 6.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}

#header:hover .little {
	-webkit-animation-name: sparkle;
	-webkit-animation-duration: 9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}

#header:hover .little.two {
	-webkit-animation-duration: 6s;
}

#header:hover .little.three {
	-webkit-animation-duration: 8s;
}

#header:hover .little.four {
	-webkit-animation-duration: 7s;
}

.sparkle.big {
	display: block;
	position: relative;
	z-index: 98;
	width: 71px;
	height: 64px;
	background: url(images/big_sparkle.png) no-repeat;
	top: 62px;
	left: 80px;
}

.sparkle.little {
	width: 71px;
	height: 64px;
	background: url(images/little_sparkle.png) no-repeat;
	position: absolute;
}

.little.one {
	left: 119px;
	top: 58px;
}
.little.two {
	left: 321px;
	-webkit-animation-duration: 6.3 s;
	top: 77px;
}
.little.three {
	left: 382px;
	top: 55px;
	-webkit-animation-duration: 10s;
}
.little.four {
	left: 515px;
	top: 75px;
	-webkit-animation-duration: 6s;
}
.little.five {
	left: 390px;
	top: 80px;
}
.little.six {
	left: 645px;
	-webkit-animation-duration: 6.3 s;
	top: 105px;
}
.little.seven {
	left: 750px;
	top: 0;
	-webkit-animation-duration: 10s;
}
.little.eight {
	left: 300px;
	top: 120px;
	-webkit-animation-duration: 6s;
}
.little.nine {
	left: 610px;
	top: 40px;
}
.little.ten {
	left: 910px;
	-webkit-animation-duration: 6.3 s;
	top: 125px;
}


@-webkit-keyframes sparkle {
 from {
	opacity: 1;
 }
 20% {
   opacity: 0;
 }
 40% {
   opacity: 1;
 }
 60% {
   opacity: 0;
 }
 80% {
   opacity: 1;
 }
 to {
   opacity: 0;
 }
}