#rotatediv {

	display: table-cell;
	vertical-align: middle;
	/*border : 18px solid #222222; */

	
	animation-name: imagerotate;
	animation-duration: 170s;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;

	/* Safari and Chrome: */
	-webkit-animation-name: imagerotate;
	-webkit-animation-duration: 170s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;

		
}




@-webkit-keyframes imagerotate {

	from {
		-webkit-transform : rotate(0deg);
		}
	to {
		-webkit-transform : rotate(360deg);
	  }
	
}
	


#rotatediv:hover {

	display: table-cell;
	vertical-align: middle;

	box-shadow : 0px 0px  8px gray inset;
	
	background: white; 

}







#appear0
{

animation:text-appear ;

animation-name: text-appear;
animation-duration: 12s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: text-appear;
-webkit-animation-duration: 12s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}



#appear1
{

animation:text-appear ;

animation-name: text-appear;
animation-duration: 12s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: text-appear;
-webkit-animation-duration: 12s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}



#appear2
{

animation:text-appear ;

animation-name: text-appear;
animation-duration: 12s;
animation-timing-function: linear;
animation-delay: 6s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: text-appear;
-webkit-animation-duration: 12s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}



#appear3
{

animation:text-appear ;

animation-name: text-appear;
animation-duration: 12s;
animation-timing-function: linear;
animation-delay: 11s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: text-appear;
-webkit-animation-duration: 12s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 11s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#appearp
{
letter-spacing : 2em;
animation:text-appear ;

animation-name: text-appear;
animation-duration: 12s;
animation-timing-function: linear;
animation-delay: 11s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: text-appear;
-webkit-animation-duration: 12s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 11s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


@keyframes text-appear
{
from {color: white;}
to {color: #606060; }
}

@-webkit-keyframes text-appear /* Safari and Chrome */
{
from {color: white;}
to {color: #606060; }
}





#visible0
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible1
{
animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible2
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible3
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible4
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 4s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 4s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible5
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 5s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible6
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 6s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible7
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 7s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible8
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 8s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible9
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 9s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 9s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}



#visible10
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 10s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 10s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}


#visible11
{

animation:cloak;

animation-name: cloak;
animation-duration: 7s;
animation-timing-function: linear;
animation-delay: 11s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;

/* Safari and Chrome: */
-webkit-animation-name: cloak;
-webkit-animation-duration: 7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 11s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;

}




@keyframes cloak
{
from {visibility : hidden;
opacity : 0;}
to {visibility: visible; 
opacity:1;}
}

@-webkit-keyframes cloak /* Safari and Chrome */
{
from {visibility: hidden; opacity : 0;}
to {visibility: visible; opacity:1; }
}