<style type="text/css">
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}
/* slides styling */
.photo {width:720px; margin:0 auto 50px auto; text-align:left; position:relative; z-index:500;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:239px; 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 a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}
.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 url(lbox/close.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa;}
.photo ul.topic li a:hover ul li,
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
.photo ul.topic li a:hover ul li a,
.photo ul.topic li:hover 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 a:hover ul li a img,
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a img.large,
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
.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;}
.photo ul.topic li a:hover ul li a:hover img.large,
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
.photo ul.topic li:hover ul li a:focus,
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active
{position:static; outline:0;}
.photo ul.topic li:hover ul li a:focus img,
.photo ul.topic li:hover ul li a:active img,
.photo ul.topic li a:hover ul li a:active img
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}
.photo ul.topic li:hover ul li a:focus img.large,
.photo ul.topic li:hover ul li a:active img.large,
.photo ul.topic li a:hover ul li a:active img.large
{position:absolute; left:15px; top:20px; width:640px; height:480px; padding:0; background:#000; border:5px solid #fff; z-index:10;}
</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" tabindex="1"><img src="portrait1a.jpg" alt="" title="">
<img class ="large" src="portrait1.jpg" alt="" title=""></a></li>
<li><a href="#portrait2" tabindex="1"><img src="portrait2a.jpg" alt="" title="">
<img class ="large" src="portrait2.jpg" alt="" title=""></a></li>
<li><a href="#portrait3" tabindex="1"><img src="portrait3a.jpg" alt="" title="">
<img class ="large" src="portrait3.jpg" alt="" title=""></a></li>
<li><a href="#portrait4" tabindex="1"><img src="portrait4a.jpg" alt="" title="">
<img class ="large" src="portrait4.jpg" alt="" title=""></a></li>
<li><a href="#portrait5" tabindex="1"><img src="portrait5a.jpg" alt="" title="">
<img class ="large" src="portrait5.jpg" alt="" title=""></a></li>
<li><a href="#portrait6" tabindex="1"><img src="portrait6a.jpg" alt="" title="">
<img class ="large" src="portrait6.jpg" alt="" title=""></a></li>
<li><a href="#portrait7" tabindex="1"><img src="portrait7a.jpg" alt="" title="">
<img class ="large" src="portrait7.jpg" alt="" title=""></a></li>
<li><a href="#portrait8" tabindex="1"><img src="portrait8a.jpg" alt="" title="">
<img class ="large" src="portrait8.jpg" alt="" title=""></a></li>
<li><a href="#portrait9" tabindex="1"><img src="portrait9a.jpg" alt="" title="">
<img class ="large" src="portrait9.jpg" alt="" title=""></a></li>
<li><a href="#portrait10" tabindex="1"><img src="portrait10a.jpg" alt="" title="">
<img class ="large" src="portrait10.jpg" alt="" title=""></a></li>
<li><a href="#portrait11" tabindex="1"><img src="portrait11a.jpg" alt="" title="">
<img class ="large" src="portrait11.jpg" alt="" title=""></a></li>
<li><a href="#portrait12" tabindex="1"><img src="portrait12a.jpg" alt="" title="">
<img class ="large" src="portrait12.jpg" alt="" title=""></a></li>
<li><a href="#portrait13" tabindex="1"><img src="portrait13a.jpg" alt="" title="">
<img class ="large" src="portrait13.jpg" alt="" title=""></a></li>
<li><a href="#portrait14" tabindex="1"><img src="portrait14a.jpg" alt="" title="">
<img class ="large" src="portrait14.jpg" alt="" title=""></a></li>
<li><a href="#portrait15" tabindex="1"><img src="portrait15a.jpg" alt="" title="">
<img class ="large" src="portrait15.jpg" alt="" title=""></a></li>
<li><a href="#portrait16" tabindex="1"><img src="portrait16a.jpg" alt="" title="">
<img class ="large" src="portrait16.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
			 <li class ="topic"><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" tabindex="1"><img src="landscape1a.jpg" alt="" title="">
<img class ="large" src="landscape1.jpg" alt="" title=""></a></li>
<li><a href="#landscape2" tabindex="1"><img src="landscape2a.jpg" alt="" title="">
<img class ="large" src="landscape2.jpg" alt="" title=""></a></li>
<li><a href="#landscape3" tabindex="1"><img src="landscape3a.jpg" alt="" title="">
<img class ="large" src="landscape3.jpg" alt="" title=""></a></li>
<li><a href="#landscape4" tabindex="1"><img src="landscape4a.jpg" alt="" title="">
<img class ="large" src="landscape4.jpg" alt="" title=""></a></li>
<li><a href="#landscape5" tabindex="1"><img src="landscape5a.jpg" alt="" title="">
<img class ="large" src="landscape5.jpg" alt="" title=""></a></li>
<li><a href="#landscape6" tabindex="1"><img src="landscape6a.jpg" alt="" title="">
<img class ="large" src="landscape6.jpg" alt="" title=""></a></li>
<li><a href="#landscape7" tabindex="1"><img src="landscape7a.jpg" alt="" title="">
<img class ="large" src="landscape7.jpg" alt="" title=""></a></li>
<li><a href="#landscape8" tabindex="1"><img src="landscape8a.jpg" alt="" title="">
<img class ="large" src="landscape8.jpg" alt="" title=""></a></li>
<li><a href="#landscape9" tabindex="1"><img src="landscape9a.jpg" alt="" title="">
<img class ="large" src="landscape9.jpg" alt="" title=""></a></li>
<li><a href="#landscape10" tabindex="1"><img src="landscape10a.jpg" alt="" title="">
<img class ="large" src="landscape10.jpg" alt="" title=""></a></li>
<li><a href="#landscape11" tabindex="1"><img src="landscape11a.jpg" alt="" title="">
<img class ="large" src="landscape11.jpg" alt="" title=""></a></li>
<li><a href="#landscape12" tabindex="1"><img src="landscape12a.jpg" alt="" title="">
<img class ="large" src="landscape12.jpg" alt="" title=""></a></li>
<li><a href="#landscape13" tabindex="1"><img src="landscape13a.jpg" alt="" title="">
<img class ="large" src="landscape13.jpg" alt="" title=""></a></li>
<li><a href="#landscape14" tabindex="1"><img src="landscape14a.jpg" alt="" title="">
<img class ="large" src="landscape14.jpg" alt="" title=""></a></li>
<li><a href="#landscape15" tabindex="1"><img src="landscape15a.jpg" alt="" title="">
<img class ="large" src="landscape15.jpg" alt="" title=""></a></li>
<li><a href="#landscape16" tabindex="1"><img src="landscape16a.jpg" alt="" title="">
<img class ="large" src="landscape16.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
			 <li class ="topic"><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" tabindex="1"><img src="bird1.jpg" alt="" title="">
<img class ="large" src="bird1a.jpg" alt="" title=""></a></li>
<li><a href="#bird2" tabindex="1"><img src="bird2.jpg" alt="" title="">
<img class ="large" src="bird2a.jpg" alt="" title=""></a></li>
<li><a href="#bird3" tabindex="1"><img src="bird3.jpg" alt="" title="">
<img class ="large" src="bird3a.jpg" alt="" title=""></a></li>
<li><a href="#bird4" tabindex="1"><img src="bird4.jpg" alt="" title="">
<img class ="large" src="bird4a.jpg" alt="" title=""></a></li>
<li><a href="#bird5" tabindex="1"><img src="bird5.jpg" alt="" title="">
<img class ="large" src="bird5a.jpg" alt="" title=""></a></li>
<li><a href="#bird6" tabindex="1"><img src="bird6.jpg" alt="" title="">
<img class ="large" src="bird6a.jpg" alt="" title=""></a></li>
<li><a href="#bird7" tabindex="1"><img src="bird7.jpg" alt="" title="">
<img class ="large" src="bird7a.jpg" alt="" title=""></a></li>
<li><a href="#bird8" tabindex="1"><img src="bird8.jpg" alt="" title="">
<img class ="large" src="bird8a.jpg" alt="" title=""></a></li>
<li><a href="#bird9" tabindex="1"><img src="bird9.jpg" alt="" title="">
<img class ="large" src="bird9a.jpg" alt="" title=""></a></li>
<li><a href="#bird10" tabindex="1"><img src="bird10.jpg" alt="" title="">
<img class ="large" src="bird10a.jpg" alt="" title=""></a></li>
<li><a href="#bird11" tabindex="1"><img src="bird11.jpg" alt="" title="">
<img class ="large" src="bird11a.jpg" alt="" title=""></a></li>
<li><a href="#bird12" tabindex="1"><img src="bird12.jpg" alt="" title="">
<img class ="large" src="bird12a.jpg" alt="" title=""></a></li>
<li><a href="#bird13" tabindex="1"><img src="bird13.jpg" alt="" title="">
<img class ="large" src="bird13a.jpg" alt="" title=""></a></li>
<li><a href="#bird14" tabindex="1"><img src="bird14.jpg" alt="" title="">
<img class ="large" src="bird14a.jpg" alt="" title=""></a></li>
<li><a href="#bird15" tabindex="1"><img src="bird15.jpg" alt="" title="">
<img class ="large" src="bird15a.jpg" alt="" title=""></a></li>
<li><a href="#bird16" tabindex="1"><img src="bird16.jpg" alt="" title="">
<img class ="large" src="bird16a.jpg" alt="" title=""></a></li>
				</ul>
			 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
			 </li>
		  </ul>
		  <br class ="clear">
		  </div>