﻿/*
Source

http://www.cssplay.co.uk/menu/photo_simple
http://www.cssplay.co.uk/menu/photo_scroll
*/

#gallery 
{
	width:420px;
	height:400px;
	background-color:#fafafa;
	border:1px #BD763E solid;
	padding:15px;
	margin:0 auto;
}
#gallery ul 
{
	list-style:none;
	padding:0;
	margin:0;
	width:180px;
	position:relative;
	float:left;
}
#gallery ul li 
{
	display:inline;
	width:52px;
	height:52px;
	float:left;
	margin:0 0 5px 5px;
}
	
#gallery ul li a 
{
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;
	border:1px solid #BD763E;
}
	
#gallery ul li a img 
{
	display:block;
	width:50px;
	height:50px;
	border:0;
}
	
#gallery ul li a:hover 
{
	white-space:normal;
	border-color:#BD763E;
	z-index:100;
}

#gallery ul li a:hover img, #gallery ul li a:focus img
{
	position:absolute;
	left:200px;
	top:0px;
	width:200px;
	height:auto;
	border:1px solid #BD763E;
	z-index:10;
}
