body {
    margin: 0;
    padding: 0;
    background: #000;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 16px;
}

body {
    /* background: #000 url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/bg-index.jpg) no-repeat center top; */
	background-color: #000;
	background-image: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/bg-index.jpg);
	background-repeat: no-repeat;
	/* background-attachment:fixed; */
	background-position: center -300px;
}

.header {
    margin: 40px 0 97px 0;
}

#fb-like {
    position: absolute;
    top: 10px;
    right: 10px;
}

h1,h2,h3 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
}

h1-disabled {
    width: 588px;
    height: 174px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/frankenweenie.png) no-repeat;
    margin-top: 10px;
}

.by-disabled {
    width: 213px;
    height: 24px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/disney.png) no-repeat;
}

.release-date-disabled {
    width: 235px;
    height: 17px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/release-date.png) no-repeat;
    margin-top: -10px;
}

.wrapper {
    width: 810px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: 10px;
    overflow: hidden;
}

.section {
    clear: both;
    margin: 0 auto;
    position: relative;
}

.nav {
    margin-top: 20px;
}

.nav a {
    display: inline-block;
    margin: 0 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 240px;
    height: 73px;
}

.nav a.exhibit { background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/btn-exhibit.png) no-repeat center center; }

.nav a.app { background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/btn-app.png) no-repeat center center; }

.nav a.exhibit.current { background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/btn-exhibit-on.png) no-repeat center center; }

.nav a.app.current { background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/btn-app-on.png) no-repeat center center; }

.videos {
	/* margin-top: 44px; */
    margin-top: -171px;
	/* border: 3px dotted; */
}

.videos h2 {
    display: none;
}

.youtube {
    width: 690px;
    margin: 0 auto;
}

.photos {
    width: 540px;
    overflow: hidden;
    margin-top: 55px;
}

.photos h2 {
    width: 138px;
    height: 19px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/at-the-booth.png) no-repeat;
    margin-bottom: 25px;
}

.photo {
    float: left;
    width: 260px;
}

.photo img {
    border: 1px solid #000;
    width: 260px;
    height: 260px;
}

#index .flexslider {
    width: 270px;
    float: right;
}

#index .flexslider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#index .flexslider li {
    margin: 0;
    padding: 0;
    width: 270px;
    height: 270px;
}

#index .flexslider a {
    display: block;
    float: left;
    margin: 0 8px 4px 0;
}

#index .flexslider img {
    border: 1px solid #000;
    width: 80px;
    height: 80px;
}

#index .flex-nav-container {
    clear: both;
    position: relative;
    width: 300px;
    float: right;
    overflow: hidden;
    z-index: 10;
}

#index .flex-prev {
    position: absolute;
    top: 0;
    left: 10px;
}

#index .flex-next {
    position: absolute;
    top: 0;
    right: 10px;
}

.tour-dates {
    margin-top: 55px;
	/* margin-top: 15px; */
	text-align: center;
}

.tour-dates h2 {
    width: 120px;
    height: 18px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/tour-dates.png) no-repeat;
    margin-bottom: 15px;
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0 auto 50px;
}

th {
    color: #73ad29;
    text-transform: uppercase;
}

th,td {
    border: 1px solid #231f20;
    padding: 10px 25px;
}

th:nth-child(1) ,
th:nth-child(2) ,
td:nth-child(1) ,
td:nth-child(2) {
    text-align: left;
    text-align: left;
}

table a {
    color: #fff;
}

.footer a {
    display: block;
    margin: 0 auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.footer a.app {
    width: 810px;
    height: 236px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/view-the-app.jpg) no-repeat;
}

.footer a.exhibit {
    width: 810px;
    height: 407px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/view-the-exhibit.jpg) no-repeat;
}

.boy {
display: none;
    position: absolute;
    top: 735px;
    left: 0;
    width: 135px;
    height: 480px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/boy.png) no-repeat;
    pointer-events: none;
}

.dog {
display: none;
    position: absolute;
    top: 925px;
    right: -5px;
    width: 156px;
    height: 191px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/dog.png) no-repeat;
    pointer-events: none;
}

.sparky {
    position: absolute;
    top: 835px;
    left: 0;
    width: 186px;
    height: 350px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/sparky.png) no-repeat;
    pointer-events: none;
}

/* ================================================================= app === */

body#pics {
    background: #000 url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/bg-pics.jpg) no-repeat center top;
}

.pick {
    margin-top: 25px;
}

.pick h2 {
    width: 296px;
    height: 19px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/pick-of-the-week.png) no-repeat;
    margin-bottom: 5px;
}

a.instr {
    display: block;
    margin: 5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 137px;
    height: 26px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/get-instructions.png) no-repeat;
}

#pics .flexslider {
    width: 684px;
    height: 220px;
    margin: 0 auto;
}

#pics .flexslider li {
    width: 684px;
    height: 218px;
}

#pics .flexslider a {
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/pic-frame.png) no-repeat;
    width: 218px;
    height: 218px;
    float: left;
    display: block;
    margin: 0 5px;
}

#pics .flexslider a img {
    width: 190px;
    height: 190px;
    margin: 14px;
}

#pics .flex-direction-nav a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    position: absolute;
}

#pics .flex-prev {
    top: 50%;
    left: 15px;
    width: 42px;
    height: 52px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/arrow-left.png) no-repeat;
    margin-top: -26px;
}

#pics .flex-next {
    top: 50%;
    right: 15px;
    width: 41px;
    height: 53px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/arrow-right.png) no-repeat;
    margin-top: -26px;
}

.gallery {
    margin: 20px 0 35px;
    overflow: hidden;
    min-height: 820px;
}

.gallery h2 {
    width: 274px;
    height: 21px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/gallery.png) no-repeat;
    margin-bottom: 5px;
}

.gallery a.more {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 120px;
    height: 21px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/see-more.png) no-repeat;
    float: right;
    margin-right: 82px;
}

.bat {
display: none;
    position: absolute;
    top: 240px;
    right: -35px;
    width: 218px;
    height: 181px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/bat.png) no-repeat;
    pointer-events: none;
}

.group {
}

.instagram {
    width: 665px;
    min-height: 570px;
    margin-left: 72px;
}

.instagram a {
    display: block;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 85px;
    height: 85px;
}

.instagram img {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    box-shadow: 0 0 5px rgba(0,0,0,0.45);
}


.instagram a:nth-child(2) ,
.instagram a:nth-child(4) ,
.instagram a:nth-child(9) ,
.instagram a:nth-child(11),
.instagram a:nth-child(12), 
.instagram a:nth-child(14),
.instagram a:nth-child(15) 
{
    width: 180px;
    height: 180px;
}

#pics .dog {
    right: -40px;
}

#pics .sparky {
    top: 935px;
}

/* ================================================================= overlays === */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
}

.entry {
    width: 765px;
    margin: 200px auto 0;
    position: relative;
}

.entry .close {
    color: #505050;
    position: absolute;
    display: block;
    top: 0;
    right: 10px;
    text-decoration: none;
}

.instructions {
    display: none;
    width: 655px;
    height: 231px;
    background: url(http://cdn.dolimg.com/franchise/frankenweenie/exhibit/images/bg-instr.png) no-repeat;
    position: absolute;
    top: 480px;
    left: 50%;
    margin-left: -327px;
    font-size: 20px;
    line-height: 1.2;
}

.instructions .upload {
    position: absolute;
    top: 65px;
    left: 120px;
    width: 500px;
}

.instructions .share {
    position: absolute;
    top: 145px;
    left: 120px;
    width: 500px;
}

.instructions span {
    text-transform: uppercase;
    color: #73ad29;
}

.instructions a {
    display: block;
    width: 30px;
    height: 26px;
    position: absolute;
    top: 0;
    right: 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* ================================================================= temp === */

#index .flex-nav-container {
    display: none;
}