.webgl-content * {
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none; 
	background: url('BG.png');}
	
.webgl-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}

.webgl-content .background, .progress {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.webgl-content .background {
	background: url('BG.png') no-repeat center / contain; 
	width: 100%; 
	height: 100%;}

.webgl-content .logo, .progress {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);}
.webgl-content .logo {
	background: url('progressLogo.Light.png') no-repeat center / contain; 
	width: 154px; 
	height: 130px;  
	-webkit-animation-name: logo; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: 2; /* Safari 4.0 - 8.0 */
	-webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	animation-name: logo;
	animation-duration: 0.3s;
	animation-iteration-count: 2;
	animation-direction: alternate;  
	animation-iteration-count: infinite;
	animation-timing-function: linear;}
.webgl-content .progress {
	height: 70px;
	width: 711px; 
	margin-left: 3px;
	margin-top: 209px;}
.webgl-content .progress .empty {
	background: url('progressEmpty.Light.png') no-repeat right / cover; 
	float: right; 
	width: 100%; 
	height: 100%; 
	display: inline-block;}
.webgl-content .progress .full {
	background: url('progressFull.Light.png') no-repeat left / cover; 
	float: left; 
	width: 0%; 
	height: 100%; 
	display: inline-block;}

.webgl-content .logo.Dark {
	background-image: url('progressLogo.Dark.png');}
.webgl-content .progress.Dark .empty {
	background-image: url('progressEmpty.Dark.png');}
.webgl-content .progress.Dark .full {
	background-image: url('progressFull.Dark.png');}

.webgl-content .footer {
	margin-top: 5px; 
	height: 38px; 
	line-height: 38px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 18px;} 
.webgl-content .footer .webgl-logo, .title, .fullscreen {
	height: 100%; 
	display: inline-block; 
	background: transparent center no-repeat;} 
.webgl-content .footer .webgl-logo {
	background-image: url('webgl-logo.png'); 
	width: 204px; 
	float: left;}
.webgl-content .footer .title {
	margin-right: 10px; 
	float: right;}
.webgl-content .footer .fullscreen {
	background-image: url('fullscreen.png'); 
	width: 38px; 
	float: right;}

.webgl-content .animatedcontent, .progress {
	position: absolute; 
	left: 50%; 
	top: 430px;
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);}
.webgl-content .animatedcontent {
	background: url('teamtailnut.png') no-repeat center / contain; 
	height: 70px;
	width: 711px; 
	margin-left: 3px;
	margin-top: 209px;
	font-weight: bold;
	position: fixed;
	-webkit-animation-name: symbol; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: 2; /* Safari 4.0 - 8.0 */
	-webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	animation-name: symbol;
	animation-duration: 0.3s;
	animation-iteration-count: 2;
	animation-direction: alternate;  
	animation-iteration-count: infinite;
	animation-timing-function: linear;}