body {}

#ad_container {
    position: absolute;
    width: 988px;
    height: 320px;
    overflow: hidden;
    background: transparent;
    top: 0px;
    left: 0px;
}

#collapse_container {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    /*    border: 1px solid #3c3c3c;*/
    background: #000000;
    top: 0px;
    left: 688px;
}

#intro_container {
    width: 988px;
    height: 320px;
    position: absolute;
    top: 0px;
    visibility: visible;
    background-color: transparent;
    cursor: pointer;
}

#expand_container {
    width: 988px;
    height: 320px;
    position: absolute;
    top: 0px;
    visibility: visible;
/*  background: url('../images/exp_bg.png') no-repeat;*/
    cursor: pointer;
    overflow: hidden;
    display: none;
}

#expand_all {
    width: 946px;
    height: 288px;
    position: absolute;
/*    border: 2px solid #ffffff;*/
top: 0px;
left: 0px;
    visibility: visible;
    cursor: pointer;
}

#output {
    width: 988px;
    height: 320px;
}

#buffer {
    display: none;
}

#output2 {
    width: 988px;
    height: 320px;
}

#buffer2 {
    display: none;
}

#video_holder {
    position: absolute;
    top: 0px;
    left: 0px;
}

#videoCont {
    position: absolute;
    top: 0px;
    left: 0px;
}

#endplate {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

#auto_close {
    position: absolute;
    width: 45px;
    height: 45px;
    overflow: hidden;
    top: 0px;
    left: 943px;
    background: url('../images/auto_close.png') no-repeat;
    cursor: pointer;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#art {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('../images/art.png') no-repeat;
    visibility: visible;
    opacity: 1;
    /*
    -ms-transform: scale(1.9);
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
*/
}

#date {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('../images/date_b.png') no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#tagline {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('../images/tagline.png') no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
    display: none;
}

#title {
    position: absolute;
    width: 300px;
    height: 250px;
    top: -2px;
    left: 0px;
    background: url('../images/title.png') no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#cta_holder {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    /*    overflow: hidden;*/
    visibility: hidden;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-in .5s opacity;
    -moz-transition: ease-in .5s opacity;
    -o-transition: ease-in .5s opacity;
    -ms-transition: ease-in .5s opacity;
}

#cta_bg {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('../images/cta_bg.png') no-repeat;
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#cta_text {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('../images/cta_text.png') no-repeat;
    visibility: visible;
    cursor: pointer;
    opacity: 0;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

/*
#video_player {
    width: 948px;
    height: 290px;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}
*/

#exp_pers {
    width: 988px;
    height: 320px;
    position: absolute;
    top: 0px;
    left: 0px;
/*    background: url('../images/exp_pers.png') no-repeat;*/
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}
/*

#video_holder {
    width: 948px;
    height: 290px;
    position: absolute;
    top: -1px;
    left: -1px;
    visibility: visible;
    opacity: 1;
    background-color: black;
    overflow: hidden;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-in .5s opacity;
    -moz-transition: ease-in .5s opacity;
    -o-transition: ease-in .5s opacity;
    -ms-transition: ease-in .5s opacity;
}
*/

#exp_close {
    position: absolute;
    width: 33px;
    height: 33px;
      top: 0px;
    left: 943px;
    background: url('../images/exp_close.png') no-repeat;
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    transition: ease-out .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#soundIcon {
    cursor: pointer;
    position: absolute;
    width: 23px;
    height: 18px;
top: 267px;
left: 204px;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    display: block;
    transition: ease-out .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#pauseIcon {
    position: absolute;
    width: 23px;
    height: 18px;
    top: 267px;
    left: 178px;
    cursor: pointer;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transition: ease-out .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#btn_mute {
    position: absolute;
    width: 23px;
    height: 18px;
    top: 0px;
    background: url('../images/mute.png') no-repeat;
    visibility: hidden;
}

#btn_unmute {
    position: absolute;
    width: 23px;
    height: 18px;
    top: 0px;
    background: url('../images/unmute.png') no-repeat;
    visibility: hidden;
}

#btn_pause {
    position: absolute;
    width: 23px;
    height: 18px;
    top: 0px;
    background: url('../images/pause.png') no-repeat;
    visibility: hidden;
}

#btn_play {
    position: absolute;
    width: 23px;
    height: 18px;
    top: 0px;
    background: url('../images/play.png') no-repeat;
    visibility: hidden;
}

#replay_holder {
    position: absolute;
    width: 948px;
    height: 290px;
    top: -1px;
    left: -1px;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-in .5s opacity;
    -moz-transition: ease-in .5s opacity;
    -o-transition: ease-in .5s opacity;
    -ms-transition: ease-in .5s opacity;
}

#replay_bot {
    position: absolute;
    width: 948px;
    height: 290px;
    top: 0px;
    left: 0px;
/*    background: url('../images/exp_replay_bot.png') no-repeat;*/
    visibility: hidden;
    cursor: pointer;
    opacity: 1;
}

#replay_mid {
    position: absolute;
    width: 948px;
    height: 290px;
    top: 0px;
    left: 0px;
/*    background-color: black;*/
    visibility: hidden;
    opacity: 0;
    transition: ease-in .5s opacity;
    -webkit-transition: ease-out .5s opacity;
    -moz-transition: ease-out .5s opacity;
    -o-transition: ease-out .5s opacity;
    -ms-transition: ease-out .5s opacity;
}

#replay_top {
    position: absolute;
    width: 948px;
    height: 290px;
    top: 0px;
    left: 0px;
/*    background: url('../images/exp_replay_top.png') no-repeat;*/
    visibility: hidden;
    cursor: pointer;
    opacity: 1;
}