@charset "utf-8";
/* CSS Document */

ul.gallery {
	width: 740px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
	float:left;
}
ul.gallery li {
	float: left;
	margin: 10px 24px 25px 0; padding: 0;
	text-align: center;
	border: 1px solid #494A39;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.gallery li.last {
	float: left;
	margin: 10px 0px 25px 0; padding: 0;
	text-align: center;
	border: 1px solid #494A39;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.gallery li a.thumb {
	width: 165px; /*--Width of image--*/
	height: 165px; /*--Height of image--*/
	padding: 0px;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 165px;
	height: 165px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}