<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Zoo Animal</title>
<style type ="text/css"> 

#bodycontainer
{
width: 80%;
min-width:600px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
}

#top
{
background-image: url(Images/headerimg.jpg);
background-repeat: repeat-x;
font-size: 30px;
font-weight: bold;
font-family:century gothic;
padding: .1em;
}

#text-center
{
text-align: center;
}

#leftnav
{
float: left;
width: 50px;
margin: 0;
padding: .5em;
}



#picture
{
opacity: .75;
text-align: center;
}

#content
{
border-left: 1px solid gray;
font-size: 17px;
margin-left: 100px;
padding: .5em;
max-width: 36em;
}

#footer
{
font-size: 15px;
font-weight: bold;
background-image: url(Images/footerimg.jpg);
background-repeat: repeat-x;
clear: both;
margin: 0;
padding: 1px;
color: #333;
}

#float-left
{
float: left;
}

#float-right
{
float: right;
}


#navlist
{
padding: 0px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 8em;
color: gray;
}

#navlist li
{
background-image: url(Images/Navimg.jpg);
list-style: none;
margin: 0px;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }
#navlist li a:hover
{
color: #000080;
background: #b1d5ed;
border-left: 5px yellow solid ;
}

#photo
{position: relative;
text-align: center; 
}


#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

</style>
</head>

<body bgcolor=#333333>
<div id="bodycontainer">
<div id="top">
<div id="picture">
<img src="Images/zoanlogoupdate.gif">
</div>
</div>

<div id="leftnav">
<div id="navcontainer">
<ul id="navlist">
	<li><a href="index.html">Home</a></li>
	<li><a href="biography.html">Biography</a></li>
	<li><a href="media.html">Media</a></li>
	<li><a href="links.html">Links</a></li>
</ul>

</div>
</div>


<div id="content">

<h2>Sounds</h2>

<div id="text-center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="400" height="168" >
        <param name="allowScriptAccess" value="sameDomain"/>
        <param name="movie" value="xspf_player.swf"/>
        <param name="quality" value="high"/>

        <param name="bgcolor" value="#E6E6E6"/>
    <embed src="xspf_player.swf?playlist_url=playlist.xspf"
    quality="high" bgcolor="#E6E6E6" name="xspf_player" allowscriptaccess="sameDomain"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/go/getflashplayer"
    align="center" height="168" width="400"> </embed>
</object>
</div>

</br>


<!--
<h2>Sights</h2>

<div id="text-center">
"My Lord" at Club Jager
</div>

<div id="photo">
<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/nDoxyyXsUzI&hl=en">
</param><param name="wmode" value="transparent">
</param><embed src="http://www.youtube.com/v/nDoxyyXsUzI&hl=en"
 type="application/x-shockwave-flash" wmode="transparent" width="425"
 height="355"></embed></object>
</div> 
-->


<p></p>
<h2>Wallpaper</h2>

<div id="float-left">

<a href="Images/IMG_2330.jpg">
<img src="Images/IMG_2330thumb.jpg">
</a>

</div>
<div id="float-right">

<a href="Images/IMG_2354.jpg">
<img src="Images/IMG_2354thumb.jpg">
</a>
</div>



<div id="footer">
<p>©2009 ZooAnimal</p>
</div>
</div>
</body>
</html>