<html>
	<head>
		<title>Yvette Holzwarth</title>
<style type="text/css">
body {
  background-color: gray;
}
ul#music {
list-style: none;
background: url(paintart.jpg) no-repeat 0 0;
position: relative;
width: 1022px;
height: 503.38px;
margin: 0;
padding: 0;
}
ul#music li {
position: absolute;
}
ul#music li a{
 display: block;
 height: 100%;
text-decoration: none;
}
#sun {
width: 182.32px;
height: 159.08px;
top: 0px;
left: 839.68px;
}
ul#music li#sun a:hover {
 background: url(paintsun.jpg);
}
#clouds {
width: 694.46px;
height: 181.01px;
top: 0px;
left: 144px;
}
ul#music li#clouds a:hover {
 background: url(paintclouds.png);
}
#flower {
width: 802.5px;
height: 237.86px;
top: 205px;
left: 219px;
}
ul#music li#flower a:hover {
 background: url(paintflowers.png);
}
#river {
width: 1020.96px;
height: 238.43px;
top: 265px;
left: 1px;
}
ul#music li#river a:hover {
 background: url(paintriver.png);
}
ul#music li a span {
 display: none;
}

ul#music li a:hover span{
 display: block;
 padding: 5px;
 width: 100px;
 background: #000;
 position: relative;
 top: 0%;
 font: 12px Times New Roman, serif;
 opacity: .25;
 filter:alpha(opacity=25);
 color: #FFF;
}

ul#music li#flower  a:hover span {
  left: 25%;
}
ul#music li#river  a:hover span {
  top: 50%;
}
</style>
	</head>

	<body>
<a href="http://www.yvetteholzwarth.com"><img src="yhimages/homebutton.png" BORDER=0 width=90 height=80; div style="float:right"/></a>

<center>
<ul id="music">
<li id="sun"><a href="sunmusic.html"> </a></li>

<li id="clouds"><a href="cloudmusic.html"></a></li>

<li id="flower"><a href="flowermusic.html"></a></li>

<li id="river"><a href="rivermouthmusic.html"></a></li>

</ul>
                   
<p style="font: 16 pt Times New Roman, serif; color:ffff00"> 
Lyrics from Chinese Folk Poems <br>
Music composed by Yvette Holzwarth
<br/>
</center>

	</body>
</html>
�