@-webkit-keyframes rotate-head {0% {
	-webkit-transform: rotate(0deg) translate(0px,0px); 
}
20% {
	-webkit-transform: rotate(-3deg) translate(20px,100px);
}
40% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
50% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
70% {
	-webkit-transform: rotate(4deg) translate(-55px,-55px);
}
90% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
100% {
	-webkit-transform: rotate(-3deg) translate(0px,0px);
}
}

@-webkit-keyframes rotate-jaw {0% {
	-webkit-transform: rotate(0deg) translate(0px,0px); 
}
20% {
	-webkit-transform: rotate(-3deg) translate(-55px,-55px);
}
40% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
50% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
70% {
	-webkit-transform: rotate(4deg) translate(20px,20px);
}
90% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
100% {
	-webkit-transform: rotate(-3deg) translate(0px,0px);
}
}

@-webkit-keyframes rotate-face {0% {
	-webkit-transform: rotate(0deg);
}
20% {
	-webkit-transform: rotate(6deg);
}
40% {
	-webkit-transform: rotate(0deg);
}
50% {
	-webkit-transform: rotate(-6deg);
}
70% {
	-webkit-transform: rotate(6deg);
}
90% {
	-webkit-transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(-6deg);
}
}

@-webkit-keyframes rotate-tongue {0% {
	-webkit-transform: rotate(0deg) translate(0px,0px); 
}
20% {
	-webkit-transform: rotate(30deg) translate(-175px,-55px);
}
40% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
50% {
	-webkit-transform: rotate(-30deg) translate(50px,0px);
}
70% {
	-webkit-transform: rotate(4deg) translate(20px,20px);
}
90% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
100% {
	-webkit-transform: rotate(-9deg) translate(0px,0px);
}
}

@-webkit-keyframes rotate-throat {0% {
	-webkit-transform: rotate(0deg) translate(0px,0px); 
}
20% {
	-webkit-transform: rotate(-3deg) translate(-55px,-55px);
}
40% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
50% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
70% {
	-webkit-transform: rotate(4deg) translate(20px,20px);
}
90% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
100% {
	-webkit-transform: rotate(-3deg) translate(0px,0px);
}
}

#head {
	-webkit-animation-name: rotate-head;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0 50%;
}

.head {
	width:600px;
	height:600px;
	z-index:9100;
	position:absolute;
	left: 112px;
	top: 55px;
}


#throat {
	-webkit-animation-name: rotate-throat;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0 50%;
}

#face {
	-webkit-animation-name: rotate-face;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0 50%;
}

#jaw {
	-webkit-animation-name: rotate-jaw;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0 50%;
}

.face {
	height:377px;
	width:410;
	position: absolute;
	z-index:9100;
	left: 44px;
	top: 24px;
}

#eyes {
	background:url(images/css-head/eyes.png);
	background-repeat:no-repeat;
	width:164px;
	height:54px;
	position: absolute;
	z-index:21;
	left: 109px;
	top: 190px;
}

.jaw {
	background: url(images/css-head/jaw.png);
	background-repeat:no-repeat;
	width:415px;
	height:138px;
	position: absolute;
	z-index:21;
	left: 48px;
	top: 458px;
}


#tongue {
	-webkit-animation-name: rotate-tongue;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0 50%;
}


.tongue {
	background:url(images/css-head/tongue.png);
	background-repeat:no-repeat;
	width:144px;
	height:181px;
	position: absolute;
	z-index:19;
	left: 175px;
	top: 377px;
}

.throat {
	background:url(images/css-head/throat.png);
	background-repeat:no-repeat;
	width:249px;
	height:201px;
	position: absolute;
	z-index:1;
	left: 117px;
	top: 308px;
}

@-webkit-keyframes rotate-resumedude {0% {
	-webkit-transform: rotate(0deg);
}
20% {
	-webkit-transform: rotate(2deg);
}
40% {
	-webkit-transform: rotate(0deg);
}
50% {
	-webkit-transform: rotate(0deg);
}
70% {
	-webkit-transform: rotate(-2deg);
}
90% {
	-webkit-transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(0deg);
}
}


#resumedude {
	-webkit-animation-name: rotate-resumedude;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

.resumedude {
	width:378px;
	height:502px;
}

@-webkit-keyframes rotate-navMOVE {0% {
	-webkit-transform: rotate(-3deg) translate(300px,-255px);
}
20% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
40% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
50% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
70% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
90% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
100% {
	-webkit-transform: rotate(0deg) translate(0px,0px);
}
}


#navMOVE {
	-webkit-animation-name: rotate-navMOVE;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}
.navMOVE {
	position:absolute;
	z-index: 5;
	left: -120px;
	top: -220px;
}