#flipbook
{
	background-image: url("../images/flipbook/background.jpg");
    opacity: 0;
}

#flipbook .bg_1
{
    left: 640px;
    top: 70px;
    opacity: 1;
    position: absolute;
	height: 512px;
	width: 512px;
	-webkit-box-shadow: 0px 0px 24px #6b6b6b;
	-webkit-transition: all 0.25s ease-in;
	
}

#flipbook .bg_2
{
    left: 128px;
    top: 70px;
    opacity: 0;
    position: absolute;
	height: 512px;
	width: 1024px;
	-webkit-box-shadow: 0px 0px 24px #6b6b6b;
	-webkit-transition: all 0.25s ease-in;
}

#flipbook .bg_3
{
    left: 128px;
    top: 70px;
    opacity: 0;
    position: absolute;
	height: 512px;
	width: 512px;
	-webkit-box-shadow: 0px 0px 24px #6b6b6b;
	-webkit-transition: all 0.25s ease-in;
}

#flipbook .left_arrow
{
    z-index: 1000;
    display: none;
}

#flipbook .right_arrow
{
    z-index: 1000;
}

#flipbook .title
{
    left: 520px;
    top: 610px;
    position: absolute;
}

#flipbook .home
{
    z-index: 2000;
}

.zoom_page
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    display: none;
}

#flipbook .zoom_page img
{
    position: absolute;
    opacity: 0;
}

#flipbook .pages
{
    top: 70px;
    left: 128px;
    width: 512px;
    height: 512px;
    position: absolute;
    overflow: visible;
}

#flipbook .pages div
{
    position: absolute;
    -webkit-transition: 1s linear;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    float: left;
}

#flipbook .even_page
{
    top: 0px;
    left: 512px !important;
    position: absolute;
}

#flipbook .odd_page
{
    position: absolute;
    top: 0px !important;
    left: 2000px;
    z-index: 500;
    background: none !important;
    -webkit-box-shadow: none !important;
}

#flipbook .odd_page .page_content
{
    width: 100%;
    height: 100%;
	
}

#flipbook .page
{
    width: 100%;
    height: 100%;
}
#flipbook .home {
   position: absolute;
   left: 1095px;
   top: 635px;
}

#flipbook .left_arrow {
   position: absolute;
   left: 340px;
   top: 600px;
}

#flipbook .right_arrow {
   position: absolute;
   left: 890px;
   top: 600px;
}

/* ATV Arrows */

#flipbook #atv_arrow_left {
	position: absolute;
	display: none;
	left: 340px;
	top: 600px;
}

#flipbook #atv_arrow_right {
	position: absolute;
	display: none;
	left: 890px;
	top: 600px;
}

/* Apple TV */
@media (-webkit-apple-tv) {
	
	#flipbook > .title {
		opacity: 1;
		-webkit-transition: opacity, -webkit-transform, 0s, 0s;
	}
	
	#flipbook #atv_arrow_left, #flipbook #atv_arrow_right  {
 	  display: block;
	}
	
}
