html, body {
	font-family:tahoma, sans-serif;
	font-size:12px;
}


.pages {
	position:relative;
	width:320px;
	overflow:hidden;
}
	.page {
		position:absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		padding:10px;
		background:#f0f0f0;
		display:none;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.page.prev,
	.page.next,
	.page.active {
		display:block;
		-webkit-transition: -webkit-transform 0.25s ease-out;
		-moz-transition: -moz-transform 0.25s ease-out;
		-o-transition: -moz-transform 0.25s ease-out;
		transition: -moz-transform 0.25s ease-out;
	}

	.page.next {
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate(100%,0);
		-o-transform: translate(100%,0);
		transform: translate(100%,0);
	}

	.page.prev {
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate(-100%,0);
		-o-transform: translate(-100%,0);
		transform: translate(-100%,0);
	}

	.page.active {
		position:relative;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}