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

ul.gallery {
	width: 600px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;

	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	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: 12px;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #000; display: block;}




/* Logo Sidebar */

ul.gallery_sidebar {
	width: 260px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery_sidebar li {
	float: left;
	margin: 2px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;

	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery_sidebar li a.thumb {
	width: 120px; /*--Width of image--*/
	height: 44px; /*--Height of image--*/
	padding: 2px;
	
	cursor: pointer;
}
ul.gallery_sidebar li span { /*--Used to crop image--*/
	width: 120px; /*--Width of image--*/
	height: 44px;
	overflow: hidden;
	display: block;
}
ul.gallery_sidebar li a.thumb:hover {
	background: #901408; /*--Hover effect for browser with js turned off--*/
}
ul.gallery_sidebar li h2 {
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0; padding: 0px;
	background: #f0f0f0;
	
}
ul.gallery_sidebar li a {text-decoration: none; color: #000; display: block;}