@media (min-width:1071px) {
	#starter{box-shadow: 0px 0px 10px 10px white;}
	#percent span{font-size: 12pt;}
}
@media (max-width:1070px) {
	#starter{box-shadow: 0px 0px 8px 8px white;}
	#percent span{font-size: 10pt;}
}
@media (max-width:970px) {
	#starter{box-shadow: 0px 0px 6px 6px white;}
	#percent span{font-size: 8pt;}
}
@media (max-width:750px) {
	#starter{box-shadow: 0px 0px 4px 4px white;}
	#percent span{font-size: 6pt;}
}
@media (max-width:470px) {
	#starter{box-shadow: 0px 0px 2px 2px white;}
	#percent span{font-size: 4pt;}
}

img{
	border: 0px;
}

#starter{
	position: relative;
	width: 50%;
	height: auto;
	top: 13%;
	margin: 0 auto 0 auto;
	background-color: black;
	/*border-radius: 20%;*/
	overflow: hidden;
	/*display:none;*/
}

#starter img{
	position: relative;
	display: block;
	width: 100%;
}

#front{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#front img{
	position: absolute;
	width: 100%;
	height: 130%;
	opacity: 0;
}

#watermark, #mist{
	height: 100% !important;
}


#loadbar{
	position: relative;
	width: 30%;
	height: auto;
	top: 10%;
	margin: 5% auto 0 auto;
	background-color: white;
	overflow: hidden;
	/*display: none;*/
}

#progressbar{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	background-color: green;
	margin: 0;
	padding: 0;
}

#loader{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0;
	/*background-image: url("/images/loadbar2.png");
	background-size: 100%;*/
}

#loader img{
	position: relative;
	display: block;
	width: 100%;
}



#percent{
	position: relative;
	width: 30%;
	height: 5%;
	top: 10%;
	margin: 0 auto;
	text-align: center;
	/*display: none;*/
}

#percent span{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: oblique;
}

#icons{
	position: relative;
	width: 870px;
	height: 380px;
	margin: 0px auto;
	left: 15px;
}

#icons img{
	position: relative;
	float: left;
	width: 270px;
	height: 170px;
	margin: 5px;
	cursor: pointer;
	background-color: #FFFFCA;
}

#icons img:hover{
	width: 280px;
	height: 180px;
	margin: 0px;
}

#icons a{
	text-decoration: none;
	color: #FFFFCA;
}

#i6{
	cursor: default !important;	
}