/*  heatspell 
    nate beaty - clixel
*/

/* reset */
html, body {  margin: 0;  padding: 0;}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,figure,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td {  margin: 0;  padding: 0;  border: 0;  font-weight: normal;  font-style: normal;  font-size: 100%;  line-height: 1;  font-family: inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {  display: block;}audio[controls], canvas, video {  display: inline-block;  *display: inline;  *zoom: 1;}ul, li {  list-style-type: none;}

html,body { min-height: 100%; }
body {
    background: #efe8e9 url('/img/bg-texture.jpg');
    overflow: hidden;
}

#bg {
    background: url('/img/bg.png') repeat-x bottom center;
    width: 100%;
    height: 731px;
    position: fixed;
    bottom:0;
    left:0;
}
#buildings,
#buildings-bg {
    width: 1280px;
    height: 731px;
    background: url('/img/bldgs.png?v2') no-repeat bottom center;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -640px;
}
#buildings-bg {
    background: url('/img/bldgs-bg.png') no-repeat bottom center;
}
#buildings {
    pointer-events: none;
}
.silhouette {
    display: block;
    position: absolute;
    text-indent: -9999em;
    cursor: pointer;
}


#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{
    position:absolute;
    visibility:hidden;
    -webkit-box-shadow: 0 0 150px rgba(0,0,0,.5);
    box-shadow:         0 0 150px rgba(0,0,0,.5);
}
#sb-wrapper-inner{position:relative;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{display: none;}
#sb-body,#sb-loading{background-color:#000;}
#sb-loading { display: none;}
#sb-title,#sb-info{position:relative;margin:0;padding:0; display: none;}
#sb-nav-close{
/*    background: url('/assets/images/back-to-menu.png') no-repeat;
    width: 77px;
    height: 109px;
    position: absolute;
    left: -140px;
    top:440px;*/
}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* newspaper */

#newspaper-about-link,
#newspaper-email-link,
#newspaper-link {
    display: block;
    position: absolute;
    top: 638px;
    left: 489px;
    width: 100px;
    height: 66px;
    cursor: pointer;
}
#newspaper-about-link {
    left: 895px;
    top: 632px;
    width: 190px;
    height: 46px;
}
#newspaper-email-link {
    left: 895px;
    top: 680px;
    width: 190px;
    height: 35px;
}
#newspaper {
    position:fixed;
    width:1280px;
    height:731px;

    display: none;
    top:50%;
    left:50%;

    margin:-365px 0 0 -640px;
    opacity:0;
    z-index: 101;
}
#matte {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(17,17,17,.85);
    z-index: 100;
}
#matte.active {
    display: block;
}
#train {
    position: absolute;
    width: 861px;
    height: 79px;
    background-image: url('/img/train.png');
    bottom: 344px;
    right: -1000px;
}
#train2 {
    position: absolute;
    width: 763px;
    height: 70px;
    background-image: url('/img/train2.png');
    bottom: 344px;
    left: -1000px;
}
#plane {
    background-image: url('/img/airplane.png');
	width: 100px;
	height: 68px;
    position:absolute;
    bottom: 444px;
    right: -150px;
}
.video-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -288px 0 0 -512px;
    z-index: 101;
    -webkit-box-shadow: 0 0 150px rgba(0,0,0,.5);
    box-shadow:         0 0 150px rgba(0,0,0,.5);
    display: block;
    width: 1024px;
    height: 576px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.video-wrap.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
#newspaper.spin {
    display: block;
    opacity:1;
    -webkit-transform:scale(1) rotate(1080deg);

    -moz-animation-duration:1s;
    -moz-animation-name:spinz;
    -moz-animation-timing-function:linear;
    -webkit-animation-duration:1s;
    -webkit-animation-name:spinz;
    -webkit-animation-timing-function:linear;
}
#newspaper.drop {
    display: block;
    -moz-animation-duration:1s;
    -moz-animation-name:drop;
    -moz-animation-timing-function:linear;
    -webkit-animation-duration:1s;
    -webkit-animation-name:drop;
    -webkit-animation-timing-function:linear;
}
@-moz-keyframes spinz{
    0%{
        opacity:0.2;
        top:90%;
        -moz-transform:scale(0.2) rotate(0deg);
    }
    100%{
        opacity:1;
        top:50%;
        -moz-transform:scale(1) rotate(1080deg);
    }
}

@-webkit-keyframes spinz{
    0%{
        opacity:0.2;
        top:90%;
        -webkit-transform:scale(0.2) rotate(0deg);
    }
    100%{
        opacity:1;
        top:50%;
        -webkit-transform:scale(1) rotate(1080deg);
    }

}

@-moz-keyframes drop{
    0%{
        opacity:1;
        -moz-transform:scale(1) rotate(1080deg);
    }

    100%{
        top: 500%;
        opacity:1;
        -moz-transform:scale(1) rotate(1080deg);
    }
}

@-webkit-keyframes drop{
    0%{
        opacity:1;
        -webkit-transform:scale(1) rotate(1080deg);
    }
    100%{
        opacity:1;
        top:500%;
        -webkit-transform:scale(1) rotate(1080deg);
    }

}