body {
    margin: 0px;
}

/* ~ OVERALL BANNER SPECS ~ */

#ad{
    display: block;
    border: rgb(145, 153, 153) 1px solid;
    overflow: hidden;
    width: 300px;
    height: 600px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing:border-box;
}

#banner{
    position: relative;
    display: block;
    width: 300px;
    height: 600px;
    background-color: #FFF;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
}

/* ~ LAYER PROPERTIES ~ */

#bg{
    background:url(bg.jpg) center no-repeat;
    width: 600px;
    height: 1200px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 1;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

#blue{
    background:#00aae7;
    width: 444px;
    height: 397px;
    position: absolute;
    top: -70px;
    left: 0px;
    opacity: 1;
    z-index: 3;
    -ms-transform: skewY(17deg); /* IE 9 */
    -webkit-transform: skewY(17deg); /* Safari prior 9.0 */
    transform: skewY(17deg); /* Standard syntax */
}

#navy{
    background:#0f2c4d;
    width: 523px;
    height: 80px;
    position: absolute;
    top: 69px;
    left: -195px;
    opacity: 0;
    z-index: 3;
    -ms-transform: skewY(15deg); /* IE 9 */
    -webkit-transform: skewY(15deg); /* Safari prior 9.0 */
    transform: skewY(15deg); /* Standard syntax */
}


#white{
    background:#fff;
    width: 444px;
    height: 397px;
    position: absolute;
    top: 327px;
    left: 0px;
    opacity: 1;
    z-index: 4;
    -ms-transform: skewY(17deg); /* IE 9 */
    -webkit-transform: skewY(17deg); /* Safari prior 9.0 */
    transform: skewY(17deg); /* Standard syntax */
}

#lblue{
    background:#00aae7;
    width: 523px;
    height: 80px;
    position: absolute;
    top: 396px;
    left: -195px;
    opacity: 0;
    z-index: 3;
    -ms-transform: skewY(15deg); /* IE 9 */
    -webkit-transform: skewY(15deg); /* Safari prior 9.0 */
    transform: skewY(15deg); /* Standard syntax */
}


#line1{
    background:url(line1.jpg) center no-repeat;
    width: 600px;
    height: 1200px;
    position: absolute;
    top: -230px;
    left: -250px;
    opacity: 1;
    z-index: 4;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

#line2{
    background:url(line2.jpg) center no-repeat;
    width: 600px;
    height: 1200px;
    position: absolute;
    top: -318px;
    left: 65px;
    opacity: 1;
    z-index: 4;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

#cta{
    background:url(cta.jpg) center no-repeat;
    width: 120px;
    height: 38px;
    position: absolute;
    top: 603px;
    left: 81px;
    opacity: 0;
    z-index: 6;
    /*transform: scale(0.5);
    transform-origin: 0% 0%;*/
}

#logo{
    background:url(logo.jpg) center no-repeat;
    width: 600px;
    height: 1200px;
    position: absolute;
    top: 205px;
    left: 0px;
    opacity: 1;
    z-index: 5;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

#cbutton{
    background:url(cbutton.jpg) center no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: -14px;
    opacity: 0;
    z-index: 5;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}