/* IMAGE GALLERY STYLES  */


#gallery {
	width:302px;
	position:relative;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

#gallery.floatLeft {
	float: left;

}
#gallery.floatLeft   ul {
	list-style:none;
	padding: 0;
	margin: 0;
	float: left;
}



#gallery.floatRight  {
	float: right;
}


#gallery b.default {
	left:42px;
	top:10px;
	width:300px;
	text-align:center;
}

#gallery b.default img {
	border:1px solid #FFFFFF;
	display:block;
	margin:0 auto 10px;
	float: right;
}

#gallery b.default span {
	display:block;
	width:300px;
	margin:0 auto;
	text-align: center;
	font: bold 11px verdana, arial, sans-serif;
	color: #6B7A16;
	padding-bottom: 10px;
}

	

#gallery #thumbnails td {
	text-align: center;
	color: #470F0F;
	font-weight: bold;
	padding-bottom: 10px;
	width: 295px;
}


#gallery ul {
	list-style:none;
	padding: 0;
	margin: 0;
	float: right;
}

#gallery ul li {
	display:inline;
	width:35px;
	height:35px;
	float:left;
	margin: 0 0 5px 7px;
}

#gallery ul li a {
	display:block;
	width:33px;
	height:33px;
	text-decoration:none;
	border:1px solid #c8c8c8;
}

#gallery ul li a img {
	display:block;
	width:33px;
	height:33px;
	border:0;
}

#gallery ul li a span {
	display:none;
}

#gallery ul li a:hover {
	white-space:normal;
	background:#470F0E;
	border:1px solid #c8c8c8;
}

#gallery ul li a:hover b {
	position:absolute;
	left:11px;
	top:1px;
	width:300px;
	height:200px;
	text-align:center;
}

#gallery ul li a:hover img {
	margin:0 auto 10px;
	width:auto;
	height:auto;
}

#gallery ul li a:hover span {
	display:block;
	width:300px;
	margin:0 auto;
	font: bold 11px verdana, arial, sans-serif;
	color: #6B7A16;
	padding-bottom: 10px;
}

#gallery ul li a:active, #gallery ul li a:focus {
	white-space:normal;
	background-color: #470F0E;	
}

#gallery ul li a:active b, #gallery ul li a:focus b {
	position:absolute;
	left:11px;
	top:1px;
	width:300px;
	height:200px;
	text-align:center;
	z-index:10;
}

#gallery ul li a:active img, #gallery ul li a:focus img {
	margin:0 auto 10px auto;
	width:auto;
	height:auto;
}

#gallery ul li a:active span, #gallery ul li a:focus span {
	display:block;
	width:300px;
	margin:0 auto;
	font: bold 11px verdana, arial, sans-serif;
	color: #6B7A16;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}

[if lt IE 7]> 
<style type="text/css" media="screen"> 
.vignette {
	width:302px;
	height:194px;
	border:none;
	padding:0px;
	margin:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='vignette.gif');

}


.vignette[class] {
	background-image: url(../images/vignette.gif);
	width: 302px;
	height: 194px;
	border: none;
	padding: 0px;
	margin: 0px;
	left: 10px;
	top: 0px;
	position: absolute;
}
}
</style> 
<![endif]


.vignette {
	width:302px;
	height:194px;
	border:none;
	padding:0px;
	margin:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='vignette.gif');

}


.vignette[class] {
	background-image: url(../images/vignette.gif);
	width: 302px;
	height: 194px;
	border: none;
	padding: 0px;
	margin: 0px;
	left: 10px;
	top: 0px;
	position: absolute;
}