/* GLOBAL CSS */
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	font-family: Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
a {
	color: #FFF;
}
img {
	border-width: 0;
}
input {
	width: 320px;
	background-color: #FFF;
	font-size: 18px;
	margin: 0;
}
.center {
	text-align: center;
}
.fontSmall {
	font-size: 12px;
}
.bold {
	font-weight: bold;
}

/* GLOBAL FLICK CONTAINER */
#container {
	width: 320px;
	min-height: 500px;
	text-align:center;
}

/* ALL FLICK DIVs */
#container div {
	display: none;
	position: absolute;
	top: 0;
	left: 490px;
	width: 320px;
	background-color: #111;
}

/* IPHONE ANIMATION API CLASSES */
.divRtC {
	-webkit-animation-name: 'RtC';
	-webkit-animation-duration: 1s;
}
.divCtL {
	-webkit-animation-name: 'CtL';
	-webkit-animation-duration: 1s;
}
.divLtC {
	-webkit-animation-name: 'LtC';
	-webkit-animation-duration: 1s;
}
.divCtR {
	-webkit-animation-name: 'CtR';
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes 'RtC' {
	from { left: 490px; }
	to { left: 0; }
}
@-webkit-keyframes 'CtL' {
	from { left: 0; }
	to { left: -490px; }
}
@-webkit-keyframes 'LtC' {
	from { left: -490px; }
	to { left: 0; }
}
@-webkit-keyframes 'CtR' {
	from { left: 0; }
	to { left: 490px; }
}
#logo {
	position: absolute;
	top: 330px;
	left: 16px;
	width: 302px;
}