/*--------------------------------------------------------------------------*/
/*                  DON PEARSE PHOTOGRAPHERS PORTFOLIO                      */
/*                http://www.donpearsephotographers.com                     */
/*--------------------------------------------------------------------------*/

ul#folioNav { opacity:0; list-style:none; position:absolute; top:70px; left:19px; width:250px; margin:0; padding:0; }

#folioNav li { color:#787878; color:#999; font:normal 10px/14px 'trebuchet ms'; display:block; margin:0; padding:5px 0 4px 10px; text-transform:uppercase; letter-spacing:.03em; }

#folioNav li:hover { background:#f9f9f5 url(../images/folioNav-over.jpg) repeat-y right top; display:block; padding:5px 0 4px 10px; color:#555!important; cursor:pointer; }

#folioNav #folio20 { margin-top:10px; display:block; } 

#slideshowWrapper { position:absolute; top:40px; right:20px; height:500px; width:680px; overflow:hidden; }

#slideshow { height:500px!important; width:680px!important; }

#slideshow img { display:none; }

.loading { background:url(../images/loader.gif) no-repeat center center; }

.introPhoto { opacity:0; position:absolute; top:40px; right:20px; width:680px; height:500px; overflow:hidden; }

#photoNav { position:absolute; top:-12px; left:210px; width:50px; display:block; }

#photoNav a#prev { width:20px; height:17px; overflow:hidden; background:url(../images/arrow-back.png) no-repeat left top;text-indent:-2000px; display:block; float:left; }

#photoNav a#next { width:20px; height:17px; overflow:hidden; background:url(../images/arrow-next.png) no-repeat left top; text-indent:-2000px; display:block; float:left; }

#photoNav a:hover { background-position:0 -17px!important; }

#title { position:absolute; top:22px; right:27px; width:400px; text-align:right; font:normal 11px tahoma; color:#777; }