.html5-book{
    width:960px;
    height:600px;
    /*background: url("../images/spine.png") 479px 0 repeat-y;*/
    z-index: 0;
}


.html5-book h1{
    font-family: "Stempel-Garamond-W01-Roman";
}

.html5-book .book-content{
    font-family: "Stempel-Garamond-W01-Roman";
    font-size:16px;
    margin:70px 40px;
}

.html5-book h2{
    font-size:16px;
    letter-spacing:2px;
    font-weight: 400;
}

.html5-book blockquote{
    color:#586078;
    margin:10px 0;
    font-style:italic;
}

.html5-book blockquote:before{
    content: "\201C";
    color:#333D53;
    font-size:20px;
}

.html5-book blockquote:after{
    content: "\201D";
    color:#333D53;
    font-size:20px;
}

.html5-book cite{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:13px;
    font-weight:200;
    font-style:normal;
    color:#666;
}

.html5-book .book-content .center-pic{
    margin:0;
    text-indent:0;
    text-align:center;
}

.html5-book .zoom-this:hover{
    opacity:0.9;
    cursor:pointer;
}

.html5-book .book-content p{
    text-indent: 18px;
}

.html5-book .left-pic{
    float:left;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:15px;
}

.html5-book .p1,
.html5-book .p2 {
    background-color:white;
    background-image:url("../images/book-covers.jpg") !important;
}

.html5-book .p1{
    background-position:0 0;
}

.html5-book .p1 .side{
    width:5px;
    height:600px;
    position:absolute;
    top:0;
    left:475px;

    /*background:-webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(0.5,  #666), color-stop(1,  #333));
    background-image:-webkit-linear-gradient(left, #333, #666, #333);
    background-image:-moz-linear-gradient(left, #333, #666, #333);
    background-image:-ms-linear-gradient(left, #333, #666, #333);
    background-image:-o-linear-gradient(left, #333, #666, #333);
    background-image:linear-gradient(left, #333, #666, #333);*/

    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    transform:rotateY(-90deg);

    -webkit-transform-origin:top right;
    -moz-transform-origin:top right;
    -o-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right;
    z-index:100000;

}

.html5-book-transform div[page="1"] > div, .html5-book-transform div[page="2"] > div{
    overflow:visible !important;
}

.html5-book .depth{
    background-image:url("../images/pages-depth.png");
    background-repeat: no-repeat;
    position:absolute;
    top:7px;
    width:16px;
    height:590px;
}

.html5-book .front-side .depth{
    left:4px;
    background-position:0 0;
}

.html5-book .back-side .depth{
    right:4px;
    background-position:right 0;
}

.html5-book .hard{
    width:480px;
    height:600px;
    background-color:white;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
}

.html5-book .own-size{
    width:460px;
    height:582px;
    background-color:white;
    overflow:hidden;
}

.html5-book .even{
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:linear-gradient(left, #fff 95%, #dadada 100%);
}

.html5-book .odd{
    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #fff), color-stop(1, #cacaca));
    background-image:-webkit-linear-gradient(right, #fff 95%, #cacaca 100%);
    background-image:-moz-linear-gradient(right, #fff 95%, #cacaca 100%);
    background-image:-ms-linear-gradient(right, #fff 95%, #cacaca 100%);
    background-image:-o-linear-gradient(right, #fff 95%, #cacaca 100%);
    background-image:linear-gradient(right, #fff 95%, #cacaca 100%);
}
.flipbook-page.gradient {width: 380px !important;}
.flipbook .even .gradient{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd .gradient{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
    background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}