body {
    margin: 0px;
}

/* ~ OVERALL BANNER SPECS ~ */

#ad{
    display: block;
    overflow: hidden;
    width: 1034px;
    height: 90px;
    -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: 1034px;
    height: 90px;
    background-color: #FFF;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
}

/* ~ LAYER PROPERTIES ~ */

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

#blue{
    background:#00aae7;
    width: 1034px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: -509px;
    opacity: 1;
    z-index: 4;
    -ms-transform: skewX(-53.5deg); /* IE 9 */
    -webkit-transform: skewX(-53.5deg); /* Safari prior 9.0 */
    transform: skewX(-53.5deg); /* Standard syntax */
}


#white{
    background:#fff;
    width: 1500px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 380px;
    opacity: 1;
    z-index: 6;
    -ms-transform: skewX(-54deg); /* IE 9 */
    -webkit-transform: skewX(-54deg); /* Safari prior 9.0 */
    transform: skewX(-54deg); /* Standard syntax */
}

#navy{
    background:#0f2c4d;
    width: 1034px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: -606px;
    opacity: 0;
    z-index: 2;
    -ms-transform: skewX(131deg); /* IE 9 */
    -webkit-transform: skewX(131deg); /* Safari prior 9.0 */
    transform: skewX(131deg); /* Standard syntax */
}

#rblue{
    background:#00aae7;
    width: 1034px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 731px;
    opacity: 0;
    z-index: 1;
    -ms-transform: skewX(131deg); /* IE 9 */
    -webkit-transform: skewX(131deg); /* Safari prior 9.0 */
    transform: skewX(131deg); /* Standard syntax */
}


#line1{
    background:url(line1.png) center no-repeat;
    width: 2068px;
    height: 180px;
    position: absolute;
    top: -50px;
    left: 0;
    opacity: 1;
    z-index: 5;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

#line2{
    background:url(line2.png) center no-repeat;
    width: 2068px;
    height: 180px;
    position: absolute;
    top: 65px;
    left: 0;
    opacity: 1;
    z-index: 5;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

#cta{
    background:url(cta.jpg) center no-repeat;
    width: 133px;
    height: 32px;
    position: absolute;
    top: -30px;
    right: -5px;
    opacity: 0;
    z-index: 9;
}

#logo{
    background:url(logo.png) center no-repeat;
    width: 2068px;
    height: 180px;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 1;
    z-index: 9;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

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