.visual-clear { clear: both; }

#pane { width: 640px; float: left; text-align: center; }
#pane .photo { display: block; text-align: center; padding: 0; margin: 0 auto; } 
#pane .photo { overflow: hidden; }
#pane .photo img { border: 20px solid white; }

#pane #meta { font-size: 80%; padding: 10px 10px 10px 10px; clear: both;
	    margin-top: 5px; color: #646464; text-align: left; }
#pane #meta dd { margin: 0; display: inline; }
#pane #meta a  { border: 1px solid #646464; color: #646464;
	padding: 0.2em 0.5em; text-decoration: none; }
#pane #meta a:hover { border: 1px solid #FFF; color: #FFF; }
#pane #meta .link { float: right; padding-left: 10px; }

#thumbs { margin-left: 660px; }
#thumbs a.photo img { border: 2px solid white; margin: 8px; }
#thumbs a.active img,
#thumbs a.photo:hover img:hover { border: 5px solid white; margin: 5px; }

#prevPage { display: block; width: 32px; height: 32px; 
	background: url(prev.gif) no-repeat; float: left; }
#nextPage { display: block; width: 32px; height: 32px; 
	background: url(next.gif) no-repeat; float: right; }
#firstPage { display: block; width: 20px; height: 32px; margin-left: 10px;
	background: url(first.gif) no-repeat; float: left; }
#lastPage { display: block; width: 20px; height: 32px; margin-right: 20px;
	background: url(last.gif) no-repeat; float: right; }
#prevPage span, #nextPage span, #firstPage span, #lastPage span { 
	display: none; }

#prevImage { display: block; float: left; 
	background: url(spacer.gif) no-repeat; }
#nextImage { display: block; float: right; 
	background: url(spacer.gif) no-repeat; }
#prevImage:hover { background: url(prevBlock.gif) left center no-repeat; } 
#nextImage:hover { background: url(nextBlock.gif) right center no-repeat; }

