@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}

@-o-keyframes spin {
	from { -o-transform: rotate(0deg); }
	to { -o-transform: rotate(360deg); }
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


.center-width
{
	margin-left: auto;
	margin-right: auto;
}

#content
{
	height: 550px;
}

#ad
{
	position: static;
	width: 336px;
	height: 280px;
}

#sep
{
	position: static;
	height: 40px;
}

#mainDL
{
	text-align: center;
	position: static;
	width: 800px;
	height: 230px;
	border-radius: 15px;
	border: 1px #000 solid;
}

#hostedText
{
	position: fixed;
	bottom: 5px;
	right: 5px;
}

.circle
{
	margin-top: 50px;
	border-radius: 170px;
	border-top: 15px transparent solid;
	border-left: 15px #FAAC58 solid;
	border-right: 15px #FAAC58 solid;
	border-bottom: 15px transparent solid;
	
	-webkit-animation-name: spin;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: spin;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-o-animation-name: spin;
	-o-duration: 3s;
	-o-iteration-count: infinite;
	-o-timing-function: linear;
	
	animation-name: spin;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#outerIcon
{
	width: 300px;
	height: 300px;
}

#innerIcon
{
	position: relative;
	top: -200px;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;

	border-top: 100px solid #FAAC58;
}

@-webkit-keyframes hang {
  25% {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
  }

  50% {
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
  }
  
  75% {
  	-webkit-transform: translateY(5px);
  	-ms-transform: translateY(5px);
  	transform: translateY(5px);
    }
    
  100% {
  	-webkit-transform: translateY(0px);
  	-ms-transform: translateY(0px);
  	transform: translateY(0px);
    }
  
}

@keyframes hang {
  25% {
  	-webkit-transform: translateY(5px);
  	-ms-transform: translateY(5px);
  	transform: translateY(5px);
	}

	50% {
  	-webkit-transform: translateY(10px);
  	-ms-transform: translateY(10px);
  	transform: translateY(10px);
	}

	75% {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
  	}

	100% {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
  	}
}

@keyframes -moz-hang {
  25% {
  	-webkit-transform: translateY(5px);
  	-ms-transform: translateY(5px);
  	transform: translateY(5px);
	}

	50% {
  	-webkit-transform: translateY(10px);
  	-ms-transform: translateY(10px);
  	transform: translateY(10px);
	}

	75% {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
  	}

	100% {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
  	}
}

@keyframes -o-hang {
  25% {
  	-webkit-transform: translateY(5px);
  	-ms-transform: translateY(5px);
  	transform: translateY(5px);
    }
  
    50% {
  	-webkit-transform: translateY(10px);
  	-ms-transform: translateY(10px);
  	transform: translateY(10px);
    }
  
    75% {
    	-webkit-transform: translateY(5px);
    	-ms-transform: translateY(5px);
    	transform: translateY(5px);
  	}
  
    100% {
    	-webkit-transform: translateY(0px);
    	-ms-transform: translateY(0px);
    	transform: translateY(0px);
  	}
}

.hang {
  -webkit-animation-name: hang;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  
  -moz-animation-name: hang;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  
  -o-animation-name: hang;
  -o-duration: 1s;
  -o-iteration-count: infinite;
  -o-timing-function: linear;
  
  animation-name: hang;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

