Hallo sitepoint, first time poster here.

So i recently started working on my portfolio. I want to make my first page a big logo which is seperated into to three rollover buttons.

Here is what i want my logo to look like...

ON STATE: http://i.imgur.com/Qlp91ZK.jpg
OFF STATE: http://i.imgur.com/SqW6YUt.jpg

The top and bottom of the K i would like to be a rollover image aswell.

How do i archieve this effect?
I know how to make regular rollover buttons in a menu bar, but this i cant get my head around..

Help is much appreciated