<style type="text/css">
#info {background:#f8f8f8; border:0;}
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}
/* slides styling */
.photo {width:635px; height:550px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; 
color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}
.photo ul.topic li.active a
{color:#000; background:#bbb;}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}
.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; 
padding:40px 60px; border:20px solid #bbb; z-index:1;}
.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; 
padding:40px 60px; border:20px solid #aaa; z-index:100;}
.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
</style>
<div class ="photo">
		  <ul class ="topic">
			 <li><a class ="set" href="#Portraits">Portraits<!--[if gte IE 7]><!--></a><!--<![endif]-->
			 <!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
				    <li><a href="portrait1.jpg"><img src="portrait1a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait2.jpg"><img src="portrait2a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait3.jpg"><img src="portrait3a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait4.jpg"><img src="portrait4a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait5.jpg"><img src="portrait5a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait6.jpg"><img src="portrait6a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait7.jpg"><img src="portrait7a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait8.jpg"><img src="portrait8a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait9.jpg"><img src="portrait9a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait10.jpg"><img src="portrait10a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait11.jpg"><img src="portrait11a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait12.jpg"><img src="portrait12a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait13.jpg"><img src="portrait13a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait14.jpg"><img src="portrait14a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait15.jpg"><img src="portrait15a.jpg" alt="" title=""></a></li>
				    <li><a href="portrait16.jpg"><img src="portrait16a.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
			 <li class ="active"><a class ="set" href="#Landscapes">Landscapes<!--[if gte IE 7]><!--></a><!--<![endif]-->
			 <!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
    <li><a href="landscape1.jpg"><img src="landscape1a.jpg" alt="" title=""></a></li>
    <li><a href="landscape2.jpg"><img src="landscape2a.jpg" alt="" title=""></a></li>
    <li><a href="landscape3.jpg"><img src="landscape3a.jpg" alt="" title=""></a></li>
    <li><a href="landscape4.jpg"><img src="landscape4a.jpg" alt="" title=""></a></li>
    <li><a href="landscape5.jpg"><img src="landscape5a.jpg" alt="" title=""></a></li>
    <li><a href="landscape6.jpg"><img src="landscape6a.jpg" alt="" title=""></a></li>
    <li><a href="landscape7.jpg"><img src="landscape7a.jpg" alt="" title=""></a></li>
    <li><a href="landscape8.jpg"><img src="landscape8a.jpg" alt="" title=""></a></li>
    <li><a href="landscape9.jpg"><img src="landscape9a.jpg" alt="" title=""></a></li>
    <li><a href="landscape10.jpg"><img src="landscape10a.jpg" alt="" title=""></a></li>
    <li><a href="landscape11.jpg"><img src="landscape11a.jpg" alt="" title=""></a></li>
    <li><a href="landscape12.jpg"><img src="landscape12a.jpg" alt="" title=""></a></li>
    <li><a href="landscape13.jpg"><img src="landscape13a.jpg" alt="" title=""></a></li>
    <li><a href="landscape14.jpg"><img src="landscape14a.jpg" alt="" title=""></a></li>
    <li><a href="landscape15.jpg"><img src="landscape15a.jpg" alt="" title=""></a></li>
    <li><a href="landscape16.jpg"><img src="landscape16a.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
			 <li><a class ="set" href="#Flowers">Flowers<!--[if gte IE 7]><!--></a><!--<![endif]-->
			 <!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
				    <li><a href="#flower1"><img src="flower1.jpg" alt="" title=""></a></li>
				    <li><a href="#flower2"><img src="flower2.jpg" alt="" title=""></a></li>
				    <li><a href="#flower3"><img src="flower3.jpg" alt="" title=""></a></li>
				    <li><a href="#flower4"><img src="flower4.jpg" alt="" title=""></a></li>
				    <li><a href="#flower5"><img src="flower5.jpg" alt="" title=""></a></li>
				    <li><a href="#flower6"><img src="flower6.jpg" alt="" title=""></a></li>
				    <li><a href="#flower7"><img src="flower7.jpg" alt="" title=""></a></li>
				    <li><a href="#flower8"><img src="flower8.jpg" alt="" title=""></a></li>
				    <li><a href="#flower9"><img src="flower9.jpg" alt="" title=""></a></li>
				    <li><a href="#flower10"><img src="flower10.jpg" alt="" title=""></a></li>
				    <li><a href="#flower11"><img src="flower11.jpg" alt="" title=""></a></li>
				    <li><a href="#flower12"><img src="flower12.jpg" alt="" title=""></a></li>
				    <li><a href="#flower13"><img src="flower13.jpg" alt="" title=""></a></li>
				    <li><a href="#flower14"><img src="flower14.jpg" alt="" title=""></a></li>
				    <li><a href="#flower15"><img src="flower15.jpg" alt="" title=""></a></li>
				    <li><a href="#flower16"><img src="flower16.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
			 <li><a class ="set" href="#Trees">Trees<!--[if gte IE 7]><!--></a><!--<![endif]-->
			 <!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
				    <li><a href="#tree1"><img src="tree1.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree2.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree3.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree4.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree5.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree6.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree7.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree8.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree9.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree10.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree11.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree12.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree13.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree14.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree15.jpg" alt="" title=""></a></li>
				    <li><a href="#tree1"><img src="tree16.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
			 <li><a class ="set" href="#Birds">Birds<!--[if gte IE 7]><!--></a><!--<![endif]-->
			 <!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
				    <li><a href="#bird1"><img src="bird1.jpg" alt="" title=""></a></li>
				    <li><a href="#bird2"><img src="bird2.jpg" alt="" title=""></a></li>
				    <li><a href="#bird3"><img src="bird3.jpg" alt="" title=""></a></li>
				    <li><a href="#bird4"><img src="bird4.jpg" alt="" title=""></a></li>
				    <li><a href="#bird5"><img src="bird5.jpg" alt="" title=""></a></li>
				    <li><a href="#bird6"><img src="bird6.jpg" alt="" title=""></a></li>
				    <li><a href="#bird7"><img src="bird7.jpg" alt="" title=""></a></li>
				    <li><a href="#bird8"><img src="bird8.jpg" alt="" title=""></a></li>
				    <li><a href="#bird9"><img src="bird9.jpg" alt="" title=""></a></li>
				    <li><a href="#bird10"><img src="bird10.jpg" alt="" title=""></a></li>
				    <li><a href="#bird11"><img src="bird11.jpg" alt="" title=""></a></li>
				    <li><a href="#bird12"><img src="bird12.jpg" alt="" title=""></a></li>
				    <li><a href="#bird13"><img src="bird13.jpg" alt="" title=""></a></li>
				    <li><a href="#bird14"><img src="bird14.jpg" alt="" title=""></a></li>
				    <li><a href="#bird15"><img src="bird15.jpg" alt="" title=""></a></li>
				    <li><a href="#bird16"><img src="bird16.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
		  </ul></div>