body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	margin:0;
}
body {
	background-image: url(../images/cssmelo_iphone_bg.jpg);
	background-repeat:no-repeat;
	background-color:#000;
}

#header {
	background-image:url(../images/cssmelo_iphone_header.jpg);
	height:164px;
	width:320px;
}
ul {
	width:310px;
	padding-left:-10px;
}


@-webkit-keyframes rotate-navMOVE {0% {
	-webkit-transform: rotate(-3deg) translate(100px,-155px);
}
20% {
	-webkit-transform: rotate(-3deg) translate(100px,-155px);
}
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: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectONE {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectONE {
	-webkit-animation-name: rotate-selectONE;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectTWO {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectTWO {
	-webkit-animation-name: rotate-selectTWO;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectTHREE {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectTHREE {
	-webkit-animation-name: rotate-selectTHREE;
	-webkit-animation-duration: 7s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectFOUR {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectFOUR {
	-webkit-animation-name: rotate-selectFOUR;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectFIVE {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectFIVE {
	-webkit-animation-name: rotate-selectFIVE;
	-webkit-animation-duration: 9s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectSIX {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


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

@-webkit-keyframes rotate-selectSEVEN {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectSEVEN {
	-webkit-animation-name: rotate-selectSEVEN;
	-webkit-animation-duration: 11s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-selectEIGHT {0% {
	-webkit-transform: rotate(10deg) translate(300px,20px);
}
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);
}
}


#selectEIGHT {
	-webkit-animation-name: rotate-selectEIGHT;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}

@-webkit-keyframes rotate-headDROPs {0% {
	-webkit-transform: rotate(0deg) translate(0px,-164px);
}
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);
}
}


#headDROPs {
	-webkit-animation-name: rotate-headDROPs;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0 50%;
	position:relative;
}