ul.tabs { margin: 0; padding: 0; height: 65px; }
ul.tabs li { float: left; list-style-type: none; margin-left: 2px; }
ul.tabs a { display: block; height: 45px; width: 160px; }

#scrollableport { width: 647px; overflow: hidden; position: relative; height: 420px; }
#panes { margin-left: 2px; height: 420px; position: absolute; width: 10000px; }
#panes div { width: 710px; float: left; }

a#port1 { background:url(http://www.aperiostudios.com/images/icons/demoreel09.jpg) no-repeat; }
a#port1:hover { background:url(http://www.aperiostudios.com/images/icons/overlay/demoreel09.jpg) no-repeat}
a#port2 { background:url(http://www.aperiostudios.com/images/icons/eddies09.jpg) no-repeat; }
a#port2:hover { background:url(http://www.aperiostudios.com/images/icons/overlay/eddies09.jpg) no-repeat;}
a#port3 { background:url(http://www.aperiostudios.com/images/icons/musicvideo.jpg) no-repeat; }
a#port3:hover { background:url(http://www.aperiostudios.com/images/icons/overlay/musicvideo.jpg) no-repeat;}
a#port4 { background:url(http://www.aperiostudios.com/images/icons/impactled.jpg) no-repeat; }
a#port4:hover { background:url(http://www.aperiostudios.com/images/icons/overlay/impactled.jpg) no-repeat;}