#ad-2 {
    width: 300px;
    height: 250px;
    /*margin: 40px auto 0;*/
    background-image: url(LN-future_panoramic-bg_300x250.jpg);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    /*box-shadow: 1px 1px 4px rgba(0,0,0,0.4);*/

    font-family: 'Lato', sans-serif;
    color:#ffffff;
    letter-spacing: 2px;
    text-align: center;
    padding:0;
    line-height: .75;
    cursor:pointer;

}

#ad-2 #logo {
    background-image: url(LN-future_logo_300x250.gif);
    background-repeat:no-repeat;
    margin: 0 0 0 0;
    width: 300px;
    height: 39px;

}


sup {
    font-size:9px;
    float:right;
    margin: -3px 0 0 1px;

}

/* Fade in Stuff */

/* Fade Screen 1 */

@-webkit-keyframes fadeScreen1 {
    0%{opacity:0;}
    4%, 29%{opacity:1;}
    33%, 100%{opacity:0;}
}

@-moz-keyframes fadeScreen1 {
    0%{opacity:0;}
    4%, 29%{opacity:1;}
    33%, 100%{opacity:0;}
}

@keyframes fadeScreen1 {
    0%{opacity:0;}
    4%, 29%{opacity:1;}
    33%, 100%{opacity:0;}
}

#ad-2 .fade-screen1 {
    opacity:0;
    -webkit-animation:fadeScreen1 15s 3, ease-in;
    -moz-animation:fadeScreen1 15s 3, ease-in;
    animation:fadeScreen1 15s 3, ease-in;
}

/* Fade Screen 2 */

@-webkit-keyframes fadeScreen2 {
    0%, 33%{opacity:0;}
    37%, 62%{opacity:1;}
    66%, 100%{opacity:0;}
}

@-moz-keyframes fadeScreen2 {
    0%, 33%{opacity:0;}
    37%, 62%{opacity:1;}
    66%, 100%{opacity:0;}
}

@keyframes fadeScreen2 {
    0%, 33%{opacity:0;}
    37%, 62%{opacity:1;}
    66%, 100%{opacity:0;}
}

#ad-2 .fade-screen2 {
    opacity:0;
    -webkit-animation:fadeScreen2 15s 3, ease-in;
    -moz-animation:fadeScreen2 15s 3, ease-in;
    animation:fadeScreen2 15s 3, ease-in;

}

/* Fade Screen 3 */

@-webkit-keyframes fadeScreen3 {
    0%, 66%{opacity:0;}
    70%, 94%{opacity:1;}
    98%, 100%{opacity:0;}
}

@-moz-keyframes fadeScreen3 {
    0%, 66%{opacity:0;}
    70%, 94%{opacity:1;}
    98%, 100%{opacity:0;}
}

@keyframes fadeScreen3 {
    0%, 66%{opacity:0;}
    70%, 94%{opacity:1;}
    98%, 100%{opacity:0;}
}

#ad-2 .fade-screen3 {
    opacity:0;
    -webkit-animation:fadeScreen3 15s 3, ease-in;
    -moz-animation:fadeScreen3 15s 3, ease-in;
    animation:fadeScreen3 15s 3, ease-in;

}




/* Arrow doesn't go away in IE - this fixes that*/
@keyframes arrow-8 {
   0%, 66%{opacity:0;}
    70%, 94%{opacity:1;}
    98%, 100%{opacity:0;}
}

#ad-2 .arrow8 {
    animation:arrow-8 15s 3, ease-in;

}

/* Animate Start Today */
@-webkit-keyframes stayToday {
    0%, 0%{opacity:0;}
    1%, 98%{opacity:0;}
    99%, 100%{opacity:1;}
}

@-moz-keyframes stayToday {
    0%, 0%{opacity:0;}
    1%, 98%{opacity:0;}
    99%, 100%{opacity:1;}
}

@keyframes stayToday {
    0%, 0%{opacity:0;}
    1%, 98%{opacity:0;}
    99%, 100%{opacity:1;}
}

#ad-2 .stay-Today {
    /*opacity:1;*/
    -webkit-animation:stayToday 46s 1, ease-in;
    -moz-animation:stayToday 46s 1, ease-in;
    animation:stayToday 46s 1, ease-in;
}





/* Arrow doesn't go away in IE - this fixes that*/
@keyframes stayArrow {
    0%, 0%{opacity:0;}
    1%, 98%{opacity:0;}
    99%, 100%{opacity:1;}
}

#ad-2 .stay-arrow {
    animation:stayArrow 46s 1, ease-in;

}

/******************************************/
/* SCREEN 1 */
/******************************************/

#ad-2 #screen1 {
    margin: 64px auto 0;
    width:300px;
    height:200px;
    position:absolute;
}

#ad-2 #screen1 h1 {
    font-size: 32px;
    margin:0 0 0 0;

    -webkit-animation-delay: 0.0s;
    -moz-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

#ad-2 #screen1 h2 {
    font-size: 56px;
    margin:12px 0 0 0;

    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}


#ad-2 #screen1 h3 {
    font-size: 43px;
    margin:12px 0 0 0;

    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
 }


/******************************************/
/* SCREEN 2 */
/******************************************/

#ad-2 #screen2 {
    margin: 63px auto 0;
    width:300px;
    height:200px;
    position:absolute;
}

#ad-2 #screen2 h1 {

    font-size: 19px;
    letter-spacing: 3px;
    margin:-4px 0 0 0;

    -webkit-animation-delay: 0.0s;
    -moz-animation-delay: 0.0s;
    animation-delay: 0.0s;
}
#ad-2 #screen2 h3 {

    font-size: 41px;
    margin: 12px 0 0 0;

    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#ad-2 #screen2 h2 {

    font-size: 34px;
    margin:12px 0 0 0;

    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
/*#ad-2 #screen2 h2 strong {
	font-size: 38.5px;
}*/


/******************************************/
/* SCREEN 3 */
/******************************************/

#ad-2 #screen3 {
    margin: 47px auto 0;
    width:300px;
    height:200px;
    position:absolute;
}

#ad-2 #screen3 h1 {
    font-size: 23px;
    margin: 0 0 11px 44px;
    float:left;
    
    -webkit-animation-delay: 0.0s;
    -moz-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

#ad-2 #screen3 h2 {
    font-size: 23px;
    margin: 0px 0 2px 0;
    clear:both;
    
    
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#ad-2 #screen3 h3 {
    font-size: 21px;
    margin: 9px 0 2px 0;
    
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#ad-2 #screen3 h4 {
    font-size: 49px;
    margin: 11px 0 0 -1px;
   
    
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}





/******************************************/
/* START TODAY */
/******************************************/

#ad-2 #startToday {
   margin: 80px auto 0;
    width:300px;
    height:200px;
    position:absolute;

}

#ad-2 #startToday h1 {
    font-size: 20px;
    margin: 0 0 10px 0px;
    font-weight: 300;
    
}

#ad-2 #startToday h2 {
    font-size: 27px;
    margin: 0 0 2px 15px;
    letter-spacing:.06em;
    float:left;
    clear:both;
}

.text {
	font-size: 20px;
	letter-spacing: 0px;
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
}

#ad-2 .arrow {
    background: url(LN-future_arrow_300x250.png) no-repeat 0% 0%;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: -1px auto 0 15px;
    position:absolute;

}

#ad-2:hover .arrow {
    background-position: 100% 0;


}

#ad-2:hover .arrow {
    background-position: 100% 0;

}

#ad-3-ie {
    display:none;
}