body,
body * {
    vertical-align: baseline;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
}

div#wrapper {
    background-color: red; /* cosmetic */
    height: 0px; /* set to taste */

    /* required */
    position: absolute;
    overflow: visible;
    display: block;
    width: 100%;
    left: 0px;
    top: 50%;
}
div#center {
    background-color: #666; /* cosmetic */
    border: 3px solid #FFF; /* cosmetic */

    overflow: auto; /* set to taste */

    position: absolute; /* required */
    left: 50%; /* required */

    margin-left: -150px; /* half of width */
    width: 300px; /* width of div */

    height: 250px; /* height of div */
    top: -125px; /* half of height */
}
#ad {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    margin: auto;
    background-image: url("img/Frame0.png");
}


#content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    overflow: hidden;
}


#clickthrough-button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 400;
}



#btn2{
    position: absolute;
    z-index: 500;
    width: 102px;
    height: 20px;
    top: 225px;
    left: 157px;
}

.border{
    width: 298px;
    height: 248px;
    border: 1px solid #000000;
    z-index: 100;
    float: left;

}

.canvas_size {
    position: absolute;
    background-repeat: no-repeat;
    width: 300px;
    height: 250px;
}





.bg{
    background-image: url("img/bg.png");
    z-index: -1
}


.watchBtn{
    z-index: 500;
    width: 102px;
    height: 20px;
    top: 225px;
    left: 157px;
    background-image: url("img/watch.png");

}



.btn{
    background-image: url("img/btn.png");
}

.conductor{
    background-image: url("img/conductor.png");
}

.director{
    background-image: url("img/director.png");
}

.normaLogo{
    background-image: url("img/normaLogo.png");
}

.ROH_Logo{
    background-image: url("img/ROH_Logo.png");
    top: 15px;
    left: 10px;
}

.ROH_Logo_2{
    background-image: url("img/ROH_Logo_2.png");
}

.royalOperaText{
    background-image: url("img/royalOperaText.png");
}

.spookeyGirl{
    background-image: url("img/spookeyGirl.png");
}


.tickets{
    background-image: url("img/tickets.png");
}

.writer{
    background-image: url("img/writer.png");
}

.beam{
        background-image: url("img/beam.png");
}


.subHead1{
    background-image: url("img/subHead1.png");
}

.subHead2{
    background-image: url("img/subHead2.png");

}

.subHead3{
    background-image: url("img/subHead3.png");

}