/* playing with Apple's CSS extensions */

@-webkit-keyframes movehead {
	from { left: -800px; opacity: 0.5; -webkit-transform: scale(0.5) rotate(0deg); }
	40% { left: 200px; opacity: 1.0; -webkit-transform: scale(1.0) rotate(0deg); }
	50% { left: 200px; -webkit-transform: rotate(20); -webkit-transform: scale(1.0) rotate(180deg); }
	60% { left: 200px; -webkit-transform: rotate(270); -webkit-transform: scale(1.0) rotate(270deg); }
	80% { left: 200px; opacity: 0.8; -webkit-tranform: scale(1.0) rotate(359deg); }
	to { left: 700px; opacity: 0; -webkit-transform: scale(0.2); rotate(0deg); }
}
#myhead {
	position: absolute;
	top: 5px;
	left: -800px;
	-webkit-border-radius: 20px;
/*
	-webkit-mask-box-image: url(circle.svg);
	-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
*/
	-webkit-animation-name: movehead;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}
div.map a {
	-webkit-transition: padding-left 300ms;
	padding-left: 10px;
}
div.map a:hover {
	padding-left: 2px;
}