/* rotation animation */
@-webkit-keyframes rotate {
  from { -webkit-transform:rotate(0deg); }
  to { -webkit-transform:rotate(360deg); }
}

@-moz-keyframes rotate {
  from { -moz-transform:rotate(0deg); }
  to { -moz-transform:rotate(360deg); }
}

@-ms-keyframes rotate {
  from { -ms-transform:rotate(0deg); }
  to { -ms-transform:rotate(360deg); }
}

@-o-keyframes rotate {
  from { -o-transform:rotate(0deg); }
  to { -o-transform:rotate(360deg); }
}


/* basic structure for the rays setup */

#rays	{ /* with animation properties */
	background: url(images/sun.png) 0 0 no-repeat;
	position: absolute;
	top: -80px;
	left: -100px;
	width: 347px;
	height: 347px;
	z-index: -1;
	/* microsoft ie */
	animation-name: rotate;
	animation-duration: 50000ms; /* 40 seconds */
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 50000ms; /* 40 seconds */
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}