/* Banner Animation CSS */

div { margin:0; padding:0; overflow:hidden; }
div.frame { width:950px; height:200px; }
div.panel { width:475px; height:200px; }
.no-show { display:none; }
.floaty { float:left; }
.clear { clear:both; }

/* This div creates the gray border around the entire animation.  Total width is 968px. Remove if needed. */
#meta-uber { width:952px; height:202px; border:8px solid #EEEEEE; }

/* This div is 952px wide *including* the border.  If 950px width is needed, just remove the border.  This div *cannot* be removed. */
#uber { border:none; }

#panel-a { background:url(banner-papers.jpg) 0 0 no-repeat; }
#panel-b { background:url(banner-website.jpg) 0 0 no-repeat; }

#panel-a-text { margin-left:475px; background:url(text-turn-this.gif) 0 0 no-repeat; }
#panel-b-text { margin-left:-475px; background:url(text-into-this.gif) 0 0 no-repeat; }

#plane { background:url(banner-plane.gif) 0 0 no-repeat; margin-left:-950px; }
#tagline { background:url(banner-tagline.gif) 0 0 no-repeat; }

/* Arrow divs */
#a-1 { background:url(arrow-1.gif) 0 0 no-repeat; }
#a-2 { background:url(arrow-2.gif) 0 0 no-repeat; }
#a-3 { background:url(arrow-3.gif) 0 0 no-repeat; }
#a-4 { background:url(arrow-4.gif) 0 0 no-repeat; }
#a-5 { background:url(arrow-5.gif) 0 0 no-repeat; }
#a-6 { background:url(arrow-6.gif) 0 0 no-repeat; }