html, body {
	 width: 100%;
	 height: 100%;
	 -webkit-text-size-adjust: none;
}


#page {
	position: absolute; left: 50%; top: 50%; z-index: 5;
	width: 1100px; height: 715px;
	margin: -358px 0 0 -550px; 
}


#flipbook {
	position: relative; z-index: 10;
	width: 100%; height:100%;
/*    margin-bottom: 20px*/
}

#flipbook img{
	max-width:100%;
	}
#flipbook .turn-page {
	background-color: white;
	background-size: 100% 100%;
}

	.double {
		background-size: 200% 100% !important;
	}

	.double.first {
		background-position: 0% 0%;
	 }

	.double.second {
		background-position: -100% 0%;
	}

	.nav_arrow {
		position: absolute; top: 50%; z-index: 15;
		background: url(../images/arrow-navpage.png);
		width: 34px; height: 136px;
		margin-top: -68px;cursor: pointer  }
		
		.nav_arrow.next			{ right: -34px; background-position: 0 0; }
		.nav_arrow.next:hover	{ background-position: 0 -186px; }
	
		.nav_arrow.prev			{ left: 0; background-position: 0 -372px; display: none; }
		.nav_arrow.prev:hover	{ background-position: 0 -558px; }
	
		/*#page.mobile .nav_arrow.next { right: -24px; }*/


.flipbookControls{
height: 53px;
line-height: 53px;
    width: 100%;
    background:rgba(0,0,0,0.8);
    color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 1000
}
.flipbookControls a{
color:#FFF
}
.controlHolder{
width: 150px;
margin: 0 auto;
    text-align: center;
    position: relative
}
.controlHolderLeft{
    float: left;
    text-align: center
}
.flipbookControls i{
font-size: 18px;
}
.controlHolderLeft span{
margin-left: 10px;
    cursor: pointer
}
.zoom_auto{
 position: relative;
    top: 1px
}
	

.pageMeter{
/*float: left;
    padding-left: 15px*/
}
.bookThumbs{
cursor: pointer
}
.bookThumbs i {
    font-size: 9px;
    margin-left: 2px;
}
.rightControls{
position: absolute;
    right:15px;
    top:0
}


.overlay {
	position: absolute; left: -10000px; top: 0; z-index: 20;
	width: 100%; height: 100%;
	opacity: 0;
}

.overlay.active { left: 0;  }


#all_pages .container {
	position: absolute; top: 50%;
	width: 100%;
	height: 280px;
	background: rgba(0,0,0,0.7);
	padding: 25px 0;
	margin-top: -120px;

}

	#menu_holder {
		position: fixed;
		overflow: hidden;
		height: 225px;
		width: 100%;
	}

		#slider {
			position: absolute;
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#slider li {
				float: left;
				position: relative;
				height: 225px;
				padding: 0 10px;
				text-align: center;
				cursor: pointer;
			}

/*
			#slider li:first-child {
				padding-left: 100px;
			}
*/

			#slider li:last-child { 
				padding-right: 100px;
			}
			
			#slider li:hover {
				
			}
			
			#slider li img {
				float: left;
				height: 225px;
				width:100%;
			}


.flipbookControls i:hover{
opacity:0.7
}
.bookThumbs:hover i{
opacity:0.7

}
.downloadBook{
margin-right: 10px;
    cursor: pointer
}

#slider li{
width: 169px
} 
 

.nav_arrow{
    width: 30px;
    height: 30px;
    float: left;
    margin: 0;
    background: transparent;
    top:10px;
    left: 0
}
.nav_arrow.next{
    right: 0;
    left: auto
}
.nav_arrow.neprevxt{
    left: 0;
}
.pageMeter {
    margin: 0 auto;
}

.nav_arrow{
    line-height:34px
}