@charset "utf-8";
	html {
		overflow: hidden;
	}
	body {
		margin: 0px;
		padding: 0px;
		background: #000;
		width: 100%;
		height: 100%;
		cursor: auto;
	}
	#focus {
		position:absolute;
		left: 0px;
		top: 0px;
	}
	#bookFlip {
	background: #000;
	width: 450px;
	height: 396px;
	left: 0px;
	top:  0px;
	visibility: hidden;
	}
	#textBook {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-image:url(../img/bookTooltip.png);
	font-size: 17px;
	width: 450px;
	text-align: center;
	margin-left:0px;
	top: 360px;
	}
	.section {
		position: absolute;
		cursor: pointer;
		overflow: hidden;
		width: 50%;
		height: 100%;
		border-left: #000000 solid 1px;
	}
	.directionR {
		left: 50%;
		border-right: #000000 solid 1px;
	}
	.flip {
		background: #000000;
	}
	.picture {
		position: absolute;
		height: 100%;
		width: 200%;
	}