#menu {display:block; height:90px; min-height:90px; margin:10px 0px 0px 0px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {display:block; float:left; margin-left:9px;}

#menu li.op1 {background:transparent url(head/home.gif) no-repeat;}
#menu li.op2 {background:transparent url(head/artwork.gif) no-repeat;}
#menu li.op3 {background:transparent url(head/photography.gif) no-repeat;}
#menu li.op4 {background:transparent url(head/writing.gif) no-repeat;}
#menu li.op5 {background:transparent url(head/band.gif) no-repeat;}
#menu li.op6 {background:transparent url(head/interview.gif) no-repeat;}
#menu li.op7 {background:transparent url(head/happy.gif) no-repeat;}
#menu li.op8 {background:transparent url(head/hello.gif) no-repeat;}
#menu li.op9 {background:transparent url(head/music.gif) no-repeat;}

#menu a {display:block; width:80px;  padding-top:50px; color:#000; text-decoration:none; text-align:center; color:#def; font:normal 0.9em verdana, arial, sans-serif;}

#menu a#link1 {background:transparent url(head/home_over.gif) -100px -90px no-repeat;}
#menu a#link2 {background:transparent url(head/artwork_over.gif) -100px -90px no-repeat;}
#menu a#link3 {background:transparent url(head/photography_over.gif) -100px -90px no-repeat;}
#menu a#link4 {background:transparent url(head/writing_over.gif) -100px -90px no-repeat;}
#menu a#link5 {background:transparent url(head/band_over.gif) -100px -90px no-repeat;}
#menu a#link6 {background:transparent url(head/interview_over.gif) -100px -90px no-repeat;}
#menu a#link7 {background:transparent url(head/happy_over.gif) -100px -90px no-repeat;}
#menu a#link8 {background:transparent url(head/hello_over.gif) -100px -90px no-repeat;}
#menu a#link9 {background:transparent url(head/music_over.gif) -100px -90px no-repeat;}

#menu a#link1:hover {background-position:0 0; z-index:10; color:#0af;}
#menu a#link2:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link3:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link4:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link5:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link6:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link7:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link8:hover {background-position:0 0; z-index:10; color:#fff;}
#menu a#link9:hover {background-position:0 0; z-index:10; color:#fff;}

#menu {display:block; width:740px; height:100px;}