﻿ /* begin gallery styling */
#jgal {
	list-style: none;
	width: 250px;
	position:relative;
	display: block;
	height: 590px;
}
#jgal li { opacity: .5; float: left; display: block; width: 49px; height: 49px; background-position: 50% 50%; cursor: pointer;  border: 1px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 80px; left: 300px; display: none; border: 3px solid #fff; outline: 1px solid #ddd;  cursor: auto;}
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

.imagelist{
	width: 210px;
	vertical-align:top;
}

.art{
	vertical-align:top;
	text-align:center;
}

.listimg{
	padding: 10px;
	vertical-align:top;
	width:70px;
	height: 47px;
}

.listimg img{
	text-align:center;
	padding:2px;
	border:1px solid #333;
	opacity: .5;
	cursor: pointer;
}

.listimg img:hover{
	opacity: .99;
}

.prevnext{
	cursor: pointer;
}

.featurebox{
}

#featured{
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
}

.featuredescription{
	padding:4px;
	margin: 10px 0 0 0;
	text-align:center;
}

.featuretitle{
	font-weight:bold;
}

[if IE]>
.ie_layout {
  height: 0;
  he\ight: auto;
  zoom: 1;
}
<![endif]â€“>
