main {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	transition-duration: 400ms;

	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	-webkit-animation-duration: 400ms;
	-moz-animation-duration: 400ms;
	-ms-animation-duration: 400ms;
	animation-duration: 400ms;
}

main.translate {
	-webkit-transform: translate3d(-275px,0,0);
	-moz-transform: translate3d(-275px,0,0);
	-ms-transform: translate3d(-275px,0,0);
	transform: translate3d(-275px,0,0);
	box-shadow: 0px 0px 40px rgba(0,0,0,1);
}


@-webkit-keyframes main-translate {
	from {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to   {
		-webkit-transform: translateX(-276px);
		-moz-transform: translateX(-276px);
		-ms-transform: translateX(-276px);
		transform: translateX(-276px);
	}
}

@-webkit-keyframes main-return {
	from {
		-webkit-transform: translateX(-276px);
		-moz-transform: translateX(-276px);
		-ms-transform: translateX(-276px);
		transform: translateX(-276px);
	}
	to   {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}