a {color:#039; text-decoration:none;}
a:hover {color:#930;}

#wrapper {width:100%;}
#main {max-width:810px; margin:30px auto 0 auto;}
h1 {margin:0; padding:0;}
#work, #play {display:block; width:400px; float:left;background:url(images/duckpond-front.jpg)  0 -417px no-repeat; color:#930;}
#work {margin-right:10px;}
#work a, #play a {display:block; padding:228px 0 6px 0;}
#work a:hover, #play a:hover {border-bottom:6px solid #930; padding-bottom:0;}
#play {background-position:-600px -417px;}
#play:hover {background-position:-600px 17px;}
#work:hover {background-position:0 17px;}
#work span, #play span {display:block; background-color:#fff;  padding:0.3ex 2px;}
#work a:hover span, #play a:hover span {background-color:rgba(255,255,255,0.7);}
#footer {position:absolute; bottom:6px; right:6px; font-size:75%; background:#fff;}