/******************************************
 *  © 2009 www.designbynur.com - NUR ROY
 *
 ******************************************/
/*
Clean CSS
*/
body{
	margin: 0;
	font-family: Helvetica;
	font-size: 14px;
	background-color: #000;
	color: #fff;
}

a:link {color: #666; }
a:hover { color: #cc0000; }
a:active {color: #ddffff; }
a:visited {color: #666; }


/* GLOBAL FLICK CONTAINER */
#container {
	width: 320px;
	min-height: 180px;
}

/* ALL FLICK DIVs */
#container div {
	display: none;
	position: absolute;
	height: 330px;
	top: 2px;
	left: 490px;
	width: 280px;
	padding: 10px;
	background-color: 999;
	-webkit-border-radius: 5px;
//	NOTE: The currently displaying DIV has overrides for DISPLAY and LEFT attributes in its STYLE tag
}

/* 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: 10px; }
}
@-webkit-keyframes 'CtL' {
	from { left: 10px; }
	to { left: -490px; }
}
@-webkit-keyframes 'LtC' {
	from { left: -490px; }
	to { left: 10px; }
}
@-webkit-keyframes 'CtR' {
	from { left: 10px; }
	to { left: 490px; }
}

/* THE DEBUG RESULTS */
#debug {
	position: absolute;
	top: 220px;
	left: 10px;
	width: 300px;
}