html,body {
	background-color: #FFF;
	
	height: 100%;
	margin: 0;
}

#container {
	min-height: 100%;
	width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	position: relative;
}


#main {
	width: 100%;
	min-height: 700px;
	padding-bottom: 50px;
}

#footer {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	text-align:center;
	font-size:12px;
	color: #666666;
}



#book {
	position: absolute;
	width: 1020px;
	height: 680px;
	top: 50%;
	margin: -340px 0 0 0;
	background-image: url(book.jpg);
}

#bgmarea {
	width: 56px;
	height: 29px;
	position: absolute;
	left: 885px;
	top: 61px;
	z-index: 101;
}

#btn_next {
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -45px 0 0 -38px;
	z-index: 103;
}

#btn_back {
	position: absolute;
	top: 50%;
	margin: -45px 0 0 0;
	z-index: 103;
}

#pages section {
	display: block;
	width: 881px;
	height: 580px;
	position: absolute;
	left: 71px;
	top: 49px;
	overflow: hidden;
	background-image: url(paper.jpg);
}
	#pages section div {
		display: block;
		width: 881px;
		height: 580px;
		left: 51px;
		font-size: 29px;
	}
	#pages section img{
		margin: 0px 0px 0px 0px;
	}

#pageflip-canvas {
	position: absolute;
	z-index: 100;
}