/* APM 
cross-fading_disjointed_image_rollover.css */

/* Layout */
#container {margin:25px 0 0 0; padding:0; border:0; width:600px; height:351px; position:relative;}
#sectionHeader {margin:0; padding:0; border:0; width:600px; height:52px;background-image:url(header.jpg); background-repeat:no-repeat; position:relative;  background-position:0 0}
#sectionTop * {margin:0; padding:0; border:0 solid; list-style:none}
#sectionTop {background-image:url(top.jpg); background-repeat:no-repeat; position:relative; width:600px; height:276px; overflow:hidden}

/* Disjointed image positioning (css-sprite) */
.top1 {background-position:0 0}
.top2 {background-position:0 -276px}
.top3 {background-position:0 -552px}
.top4 {background-position:0 -828px}
.top5 {background-position:0 -1104px}
.top6 {background-position:0 -1380px}
.top7 {background-position:0 -1656px}
.top8 {background-position:0 -1932px}

/* Buttons layout */
#sectionTop ul {width:114px; height:276px; position:absolute; top:0; right:0}
#sectionTop a {background-image:url(buttons.jpg); display:block; width:114px; height:35px; text-indent:-200em}

/* Button graphics positioning(css-sprite) */
a#top1 {background-position:0 0} /* locked on as per brief */
a#top2 {background-position:0 -34.5px}
a#top3 {background-position:0 -69px}
a#top4 {background-position:0 -103.5px}
a#top5 {background-position:0 -138px}
a#top6 {background-position:0 -172.5px}
a#top7 {background-position:0 -208px}
a#top8 {background-position:0 -242.5px}
a#top1:hover,
a#top1:focus {background-position:114px 0}
a#top2:hover,
a#top2:focus {background-position:114px -34.5px}
a#top3:hover,
a#top3:focus {background-position:114px -69px}
a#top4:hover,
a#top4:focus {background-position:114px -103.5px}
a#top5:hover,
a#top5:focus {background-position:114px -138px}
a#top6:hover,
a#top6:focus {background-position:114px -172.5px}
a#top7:hover,
a#top7:focus {background-position:114px -208px}
a#top8:hover,
a#top8:focus {background-position:114px -242.5px}

/* Overlay - Required by the JavaScript */
#overlay {position:absolute; width:486px; height:276px; top:0; left:0; cursor:pointer}