@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------------------------- */
/* BASE AD - typically, we do not mess with this section
/* -------------------------------------------------------------------------- */
body, body * {
    vertical-align: baseline;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
}

/* Div layer for the entire banner. */
#adkit_container {
    position: absolute;
    width: 298px;
    height: 248px;
    border: #9b9b9b 1px solid;
    top: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    display: none;
}

#adkit_content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

/* Invisible button for background clickthrough. */
#adkit_background_exit {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 400;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

/* -------------------------------------------------------------------------- */
/* Your ad styles here */
#bg {
    background: url(bg.jpg) no-repeat;
    width: 300px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
}

#bg2 {
    background: url(bg2.jpg) no-repeat;
    width: 300px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#bg3 {
    background: url(bg3.jpg) no-repeat;
    width: 300px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#cta {
    background: url(cta.png) no-repeat;
    width: 146px;
    height: 31px !important;
    position: absolute;
    top: 189px;
    left: 116px;
    z-index: 100;
    opacity: 0;
}

#cta.active {
    background-position: 0 -31px;
}

#logo {
    background: url(logo.png) no-repeat;
    width: 62px;
    height: 62px;
    position: absolute;
    top: 172px;
    left: 28px;
    z-index: 100;
    opacity: 0;
}

#text1 {
    background: url(text1.png) no-repeat;
    width: 212px;
    height: 78px;
    position: absolute;
    top: 22px;
    left: 47px;
    z-index: 100;
    opacity: 0;
}

#text2 {
    background: url(text2.png) no-repeat;
    width: 219px;
    height: 110px;
    position: absolute;
    top: 23px;
    left: 48px;
    z-index: 100;
    opacity: 0;
}

#text3 {
    background: url(text3.png) no-repeat;
    width: 160px;
    height: 38px;
    position: absolute;
    top: 88px;
    left: 70px;
    z-index: 100;
    opacity: 0;
}

#text4 {
    background: url(text4.png) no-repeat;
    width: 205px;
    height: 44px;
    position: absolute;
    top: 23px;
    left: 48px;
    z-index: 100;
    opacity: 0;
}

#train {
    background: url(train.png) no-repeat;
    width: 300px;
    height: 146px;
    position: absolute;
    top: 62px;
    left: 0;
    z-index: 100;
    opacity: 0;
}