#topAreaSpiral {
	background-image: url(../img/s3-badgespace.jpg);
	animation-name: zoomloop1;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;	
	width: 100%;
	height: 100%;
	left: auto;
	top: -7%;
	background-size: cover;
}

#topAreaSpiral.spiral2 {
		animation-name: zoomloop2;

}

#topAreaSpiral.stars {
	animation-name: starRotator;
	animation-duration: 45s;
	animation-iteration-count: infinite;
	mix-blend-mode: screen;
	background-image: url(../img/s3-stars.jpg);
	background-size: 50%;
	background-position: center center;
	transform: rotate(30deg);  
	position:absolute;
	left: -50%;
	top: -150%;
	width: 200%;
	height:400%;
}


#nav .dimmed {
	color: #5599aa;
}


@keyframes zoomloop1 {
	100% { transform: scale(1.5); }
	0% { transform: scale(1); }
}

@keyframes zoomloop2 {
	100% { transform: scale(2.25); 
	opacity: 0;}
	0% { transform: scale(1.5); 
	}
}


.copyBlock
{
	width: 900px;
}

#topAreaSpiralContainer {
	background-color: #000000;
		
}



@keyframes starRotator {
	
	0% { transform: scale(1.0); animation-timing-function: ease-in-out;	 }
	
	50%  { transform: scale(.5); animation-timing-function: ease-in-out; }

	100% { transform: scale(1.0); animation-timing-function: ease-in-out;}

}

.gecko #topAreaSpiral {
	background-image: url(../img/s3-badgespace.jpg);
}

.gecko #topAreaSpiral.stars {
	background-image: url(../img/s3-stars.jpg);
}

#trailerBox {
	transform: rotate(-.5deg);
	background-image: url(../img/trailer-thumb3b.jpg);		
}

#trailerBox:hover {
	transform: scale3d(1.1, 1.1, 1.1) rotate(1.3deg);
}

/* .purchaseButtons li {
	background-color: #CBE842; 
} */

#logoDevilsPlayhouse {
	width: 100%;
	height: 634px;
	background-image: url(../img/logo-devilsplayhouse.png);
	background-size: 1698px 634px;
	background-position: top center;
	background-repeat: no-repeat;
	align-content: center;
	margin: 0 auto;
}



#midvoid {
	background-image: url(../img/s3-background.jpg);
	background-size: cover;
	background-position: center center;
}

#midvoidInnerContainer {
	box-shadow: 0px 10px 15px rgba(31, 15, 15, 0.46);
}

#navArrow {
	margin-left: 1060px;	
}

.purchaseButtons li {
	box-shadow:0px 10px 15px rgba(31, 15, 15, 0.46);
	margin: 20px 13px;
	padding: 5px 15px;


}

.topDate {
	color: white;
}



.purchaseButtons #comparison1thumb {
	background-image: url(../img/s3comparison1_old.jpg);
	background-position: center center;
	width: 100px;
	height: 90px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #14243b;
	border: 4px solid #14243b;
}

.purchaseButtons #comparison1thumb:hover {
	background-image: url(../img/s3comparison1_new.jpg);
}

.purchaseButtons #comparison2thumb {
	background-image: url(../img/s3comparison2_old.jpg);
	background-position: center center;
	width: 100px;
	height: 90px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #14243b;
	border: 4px solid #14243b;
}

.purchaseButtons #comparison2thumb:hover {
	background-image: url(../img/s3comparison2_new.jpg);
}

.purchaseButtons #comparison3thumb {
	background-image: url(../img/s3comparison3_old.jpg);
	background-position: center center;
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #14243b;
	border: 4px solid #14243b;
	}

.purchaseButtons #comparison3thumb:hover {
	background-image: url(../img/s3comparison3_new.jpg);
}

.purchaseButtons #comparison4thumb {
	background-image: url(../img/s3comparison4_old.jpg);
	background-position: center center;
	width: 100px;
	height: 90px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #14243b;
	border: 4px solid #14243b;
}

.purchaseButtons #comparison4thumb:hover {
	background-image: url(../img/s3comparison4_new.jpg);
}

.purchaseButtons #comparison5thumb {
	background-image: url(../img/s3comparison5_old.jpg);
	background-position: center center;
	width: 100px;
	height: 90px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #14243b;
	border: 4px solid #14243b;
}

.purchaseButtons #comparison5thumb:hover {
	background-image: url(../img/s3comparison5_new.jpg);
}


#comparison4, #comparison5 {
	display: none;
}