div#screensaver {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:10001;
}

div#screensaver div.bg {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity:0.75;
	background-color:#7f8c8d;
}

@-webkit-keyframes moveX {
	from { left: 500px; } to { left: 100%; }
}
@keyframes moveX {
	from { left: 500px; } to { left: 100%; }
}

@-webkit-keyframes moveY {
	from { top: 0; } to { top: 100%; }
}
@keyframes moveY { 
	from { top: 0; } to { top: 100%; }
}

@-webkit-keyframes rotateAnim {
	from { -webkit-transform: rotateX(0deg) rotateZ(-5deg); } to { -webkit-transform: rotateX(360deg) rotateZ(5deg); }
}
@keyframes rotateAnim {
	from { transform: rotateX(0deg) rotateZ(-5deg); } to { transform: rotateX(360deg) rotateZ(5deg); }
}

div#screensaver div.logo {
	position: absolute;
	background: url('../images/netLogo.png') no-repeat;
	width:500px;
	height:63px;
	margin-left:-500px;
	margin-top:-32px;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transition-timing-function: cubic-bezier(0,0,1,1);
	-webkit-transition-timing-function: cubic-bezier(0,0,1,1);
	-webkit-animation: moveX 6s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate, rotateAnim 3s ease-in-out 0s infinite alternate;
	animation: moveX 3s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate, rotateAnim 3s ease-in-out 0s infinite alternate;
	opacity:1;
}