How would I change the logo to an image map?

[Seven Skins]

You can use div's with position: relative css.
But the divs will all be rectangular not like image map.

<style type="text/css">
.wrap { width: 400px; height: 200px; background: #FFFACD; }
.aa { width: 20px; height: 20px; background: red; position: relative; top: 10px; left: 20px;}
.bb { width: 20px; height: 20px; background: blue; position: relative; top: 60px; left: 240px;}
.cc { width: 20px; height: 20px; background: green; position: relative; top: 90px; left: 140px;}
</style>
<div class="wrap">
<div class="aa"></div>
<div class="bb"></div>
<div class="cc"></div>
</div>