/* 
    Document   : animation
    Created on : 25-Mar-2013, 13:49:08
    Author     : Chris
    Description:
        Purpose of the stylesheet follows.
*/

#pages {
    transition: 0.5s all ease-in-out 0s;
    -moz-transition: 0.5s all ease-in-out 0s;
    -webkit-transition: 0.5s all ease-in-out 0s;
    -o-transition: 0.5s all ease-in-out 0s;
    -ms-transition: 0.5s all ease-in-out 0s;
    
    perspective: 1200;
    -webkit-perspective: 1200;
    -moz-perspective: 1200;
    -o-perspective: 1200;
    -ms-perspective: 1200;

    perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
}

div.page {
    transition: 0.5s all ease-in-out 0s;
    -moz-transition: 0.5s all ease-in-out 0s;
    -webkit-transition: 0.5s all ease-in-out 0s;
    -o-transition: 0.5s all ease-in-out 0s;
    -ms-transition: 0.5s all ease-in-out 0s;

    transform-origin: 0% 0% 0px;
    -moz-transform-origin: 0% 0% 0px;
    -webkit-transform-origin: 0% 0% 0px;
    -ms-transform-origin: 0% 0% 0px;
    -o-transform-origin: 0% 0% 0px;

    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

div.pageZoom {
    transform: translate3D(-25%, -25%, 0px) scale(0.5, 0.5);
    -moz-transform: translate3D(-25%, -25%, 0px) scale(0.5, 0.5);
    -webkit-transform: translate3D(-25%, -25%, 0px) scale(0.5, 0.5);
    -ms-transform: translate3D(-25%, -25%, 0px) scale(0.5, 0.5);
    -o-transform: translate3D(-25%, -25%, 0px) scale(0.5, 0.5);
}

div.doublePageZoom-Left {
    transform: translate3D(-50%, -25%, 0px) scale(0.5, 0.5);
    -moz-transform: translate3D(-50%, -25%, 0px) scale(0.5, 0.5);
    -webkit-transform: translate3D(-50%, -25%, 0px) scale(0.5, 0.5);
    -ms-transform: translate3D(-50%, -25%, 0px) scale(0.5, 0.5);
    -o-transform: translate3D(-50%, -25%, 0px) scale(0.5, 0.5);
}

div.doublePageZoom-Right {
    transform: translate3D(0%, -25%, 0px) scale(0.5, 0.5);
    -moz-transform: translate3D(0%, -25%, 0px) scale(0.5, 0.5);
    -webkit-transform: translate3D(0%, -25%, 0px) scale(0.5, 0.5);
    -ms-transform: translate3D(0%, -25%, 0px) scale(0.5, 0.5);
    -o-transform: translate3D(0%, -25%, 0px) scale(0.5, 0.5);
}

img.pageimg {
    transition: 0.5s all ease-in-out 0s;
    -moz-transition: 0.5s all ease-in-out 0s;
    -webkit-transition: 0.5s all ease-in-out 0s;
    -o-transition: 0.5s all ease-in-out 0s;
    -ms-transition: 0.5s all ease-in-out 0s;
    
    image-rendering: -webkit-optimize-contrast;
}

/*
div.pageLeft {
    transform: translate3D(-150%, -50%, -100px);
    -moz-transform: translate3D(-150%, -50%, -100px);
    -webkit-transform: translate3D(-150%, -50%, -100px);
    -ms-transform: translate3D(-150%, -50%, -100px);
    -o-transform: translate3D(-150%, -50%, -100px);
}
div.pageOpen {
    transform: translate3D(-50%, -50%, 0px);
    -moz-transform: translate3D(-50%, -50%, 0px);
    -webkit-transform: translate3D(-50%, -50%, 0px);
    -ms-transform: translate3D(-50%, -50%, 0px);
    -o-transform: translate3D(-50%, -50%, 0px);
}
div.pageRight {
    transform: translate3D(50%, -50%, -100px);
    -moz-transform: translate3D(50%, -50%, -100px);
    -webkit-transform: translate3D(50%, -50%, -100px);
    -ms-transform: translate3D(50%, -50%, -100px);
    -o-transform: translate3D(50%, -50%, -100px);;
}
div.pageLeftOutside
{
    transform: translate3D(-250%, -50%, -200px);
    -moz-transform: translate3D(-250%, -50%, -200px);
    -webkit-transform: translate3D(-250%, -50%, -200px);
    -ms-transform: translate3D(-250%, -50%, -200px);
    -o-transform: translate3D(-250%, -50%, -200px);
}

div.pageRightOutside
{
    transform: translate3D(150%, -50%, -200px);
    -moz-transform: translate3D(150%, -50%, -200px);
    -webkit-transform: translate3D(150%, -50%, -200px);
    -ms-transform: translate3D(150%, -50%, -200px);
    -o-transform: translate3D(150%, -50%, -200px);
}

div.dynamicPageLeft {
    transform: translate3D(-190%, -50%, -100px);
    -moz-transform: translate3D(-190%, -50%, -100px);
    -webkit-transform: translate3D(-190%, -50%, -100px);
    -ms-transform: translate3D(-190%, -50%, -100px);
    -o-transform: translate3D(-190%, -50%, -100px);
}
div.dynamicPageOpen {
}
div.dynamicPageRight {
    transform: translate3D(90%, -50%, -100px);
    -moz-transform: translate3D(90%, -50%, -100px);
    -webkit-transform: translate3D(90%, -50%, -100px);
    -ms-transform: translate3D(90%, -50%, -100px);
    -o-transform: translate3D(90%, -50%, -100px);
}
div.dynamicPageLeftOutside {
}
div.dynamicPageRightOutside {
}
div.dynamicPage {
    transition: 0.5s all ease-in-out 0s;
    -moz-transition: 0.5s all ease-in-out 0s;
    -webkit-transition: 0.5s all ease-in-out 0s;
    -o-transition: 0.5s all ease-in-out 0s;
    -ms-transition: 0.5s all ease-in-out 0s;
}

div.doublePageLeftOutside-Left {       
    transform: translate3D(-450%, -50%, -200px);
    -moz-transform: translate3D(-450%, -50%, -200px);
    -webkit-transform: translate3D(-450%, -50%, -200px);
    -ms-transform: translate3D(-450%, -50%, -200px);
    -o-transform: translate3D(-450%, -50%, -200px);
}

div.doublePageLeftOutside-Right {       
    transform: translate3D(-350%, -50%, -200px);
    -moz-transform: translate3D(-350%, -50%, -200px);
    -webkit-transform: translate3D(-350%, -50%, -200px);
    -ms-transform: translate3D(-350%, -50%, -200px);
    -o-transform: translate3D(-350%, -50%, -200px);
}

div.doublePageLeft-Left {       
    transform: translate3D(-255%, -50%, -100px);
    -moz-transform: translate3D(-255%, -50%, -100px);
    -webkit-transform: translate3D(-255%, -50%, -100px);
    -ms-transform: translate3D(-255%, -50%, -100px);
    -o-transform: translate3D(-255%, -50%, -100px);
}

div.doublePageLeft-Right {       
    transform: translate3D(-155%, -50%, -100px);
    -moz-transform: translate3D(-155%, -50%, -100px);
    -webkit-transform: translate3D(-155%, -50%, -100px);
    -ms-transform: translate3D(-155%, -50%, -100px);
    -o-transform: translate3D(-155%, -50%, -100px);
}

div.doublePageOpen-Front {       
    transform: translate3D(-50%, -50%, 0px);
    -moz-transform: translate3D(-50%, -50%, 0px);
    -webkit-transform: translate3D(-50%, -50%, 0px);
    -ms-transform: translate3D(-50%, -50%, 0px);
    -o-transform: translate3D(-50%, -50%, 0px);
}

div.doublePageOpen-Left {       
    transform: translate3D(-100%, -50%, 0px);
    -moz-transform: translate3D(-100%, -50%, 0px);
    -webkit-transform: translate3D(-100%, -50%, 0px);
    -ms-transform: translate3D(-100%, -50%, 0px);
    -o-transform: translate3D(-100%, -50%, 0px);
}

div.doublePageOpen-Right {       
    transform: translate3D(0%, -50%, 0px);
    -moz-transform: translate3D(0%, -50%, 0px);
    -webkit-transform: translate3D(0%, -50%, 0px);
    -ms-transform: translate3D(0%, -50%, 0px);
    -o-transform: translate3D(0%, -50%, 0px);
}

div.doublePageRight-Left {       
    transform: translate3D(105%, -50%, -100px);
    -moz-transform: translate3D(105%, -50%, -100px);
    -webkit-transform: translate3D(105%, -50%, -100px);
    -ms-transform: translate3D(105%, -50%, -100px);
    -o-transform: translate3D(105%, -50%, -100px);
}

div.doublePageRight-Right {       
    transform: translate3D(205%, -50%, -100px);
    -moz-transform: translate3D(205%, -50%, -100px);
    -webkit-transform: translate3D(205%, -50%, -100px);
    -ms-transform: translate3D(205%, -50%, -100px);
    -o-transform: translate3D(205%, -50%, -100px);
}

div.doublePageRightOutside-Left {       
    transform: translate3D(300%, -50%, -200px);
    -moz-transform: translate3D(300%, -50%, -200px);
    -webkit-transform: translate3D(300%, -50%, -200px);
    -ms-transform: translate3D(300%, -50%, -200px);
    -o-transform: translate3D(300%, -50%, -200px);
}

div.doublePageRightOutside-Right {       
    transform: translate3D(400%, -50%, -200px);
    -moz-transform: translate3D(400%, -50%, -200px);
    -webkit-transform: translate3D(400%, -50%, -200px);
    -ms-transform: translate3D(400%, -50%, -200px);
    -o-transform: translate3D(400%, -50%, -200px);
}

div.dynamicDoublePageLeft-Left {       
    transform: translate3D(-295%, -50%, -100px);
    -moz-transform: translate3D(-295%, -50%, -100px);
    -webkit-transform: translate3D(-295%, -50%, -100px);
    -ms-transform: translate3D(-295%, -50%, -100px);
    -o-transform: translate3D(-295%, -50%, -100px);
}

div.dynamicDoublePageLeft-Right {       
    transform: translate3D(-195%, -50%, -100px);
    -moz-transform: translate3D(-195%, -50%, -100px);
    -webkit-transform: translate3D(-195%, -50%, -100px);
    -ms-transform: translate3D(-195%, -50%, -100px);
    -o-transform: translate3D(-195%, -50%, -100px);
}

div.dynamicDoublePageOpen-Front {       
    transform: translate3D(-50%, -50%, 0px);
    -moz-transform: translate3D(-50%, -50%, 0px);
    -webkit-transform: translate3D(-50%, -50%, 0px);
    -ms-transform: translate3D(-50%, -50%, 0px);
    -o-transform: translate3D(-50%, -50%, 0px);
}

div.dynamicDoublePageOpen-Left {       
    transform: translate3D(-100%, -50%, 0px);
    -moz-transform: translate3D(-100%, -50%, 0px);
    -webkit-transform: translate3D(-100%, -50%, 0px);
    -ms-transform: translate3D(-100%, -50%, 0px);
    -o-transform: translate3D(-100%, -50%, 0px);
}

div.dynamicDoublePageOpen-Right {       
    transform: translate3D(0%, -50%, 0px);
    -moz-transform: translate3D(0%, -50%, 0px);
    -webkit-transform: translate3D(0%, -50%, 0px);
    -ms-transform: translate3D(0%, -50%, 0px);
    -o-transform: translate3D(0%, -50%, 0px);
}

div.dynamicDoublePageRight-Left {       
    transform: translate3D(145%, -50%, -100px);
    -moz-transform: translate3D(145%, -50%, -100px);
    -webkit-transform: translate3D(145%, -50%, -100px);
    -ms-transform: translate3D(145%, -50%, -100px);
    -o-transform: translate3D(145%, -50%, -100px);
}

div.dynamicDoublePageRight-Right {       
    transform: translate3D(245%, -50%, -100px);
    -moz-transform: translate3D(245%, -50%, -100px);
    -webkit-transform: translate3D(245%, -50%, -100px);
    -ms-transform: translate3D(245%, -50%, -100px);
    -o-transform: translate3D(245%, -50%, -100px);
}
*/