html { background: #d0d0d0 url('images/digital_landscape.jpg') no-repeat fixed; background-size: cover; }
.booklet .b-wrap-right { background:#ffffff; }
.fp, .overlay { width: 700px; height: 900px; }
.overlay { position: absolute; top: 0; z-index: 99; }
video { position: absolute; }
.fallback, #aria_text { display: none; }
.linkbox { position: absolute; z-index: 100; border-bottom:1px #333333 solid; background-color:rgba(255, 208, 0, 0.0); transition:background-color 0.3s; }
/* .linkbox { position: absolute; z-index: 100; border:2px #00ff00 solid; } for placement only */
.linkbox:hover { background-color:rgba(255, 208, 0, 0.25); transition:background-color 0.2s; }
#playbutton { position: absolute; z-index: 100; top:418px; left:318px; opacity:100%; transition:opacity 0.3s; }
#playbutton:hover { opacity:50%; transition:opacity 0.2s; }
#warning { color: #666666; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-align: center; }
.b-selector .b-current, .b-selector ul { background: rgba(0.3, 0.3, 0.3, 0.8); }
.booklet .b-arrow { width: 30px; }
.booklet .b-arrow div { top: 48%; width: 30px; }
.booklet .b-arrow-prev { left: -30px; }
.booklet .b-arrow-next { right: -40px; }
.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-image: url('images/loader.gif');
    background-repeat: no-repeat; 
    background-color: #ffffff;
    background-position: center;
 }