.bwgallerycount

{

	background: #08844A;

	clear: both;

	border: 1px solid #12258C;

	border-top: 1px dashed white;

	width: 650px;

	margin: 0 auto;

	text-align: center;

	color: white;

}



.photos {

	overflow: hidden;

	border: 1px solid #12258C;

	border-bottom: 0;

	padding: 10px 0 0 0;

	width: 650px;

	margin: 0 auto;

	text-align: center;

	background: #ff9 url('../images/galleryblend.png') repeat-x;

}

.photos  p.nummain{

	font: 14pt verdana;
	margin: 0 0 10px 0;
	padding: 0;
	color:#08844A;

}



.photos img.logo {margin: 0 auto; display:block;}





.photos div img {

	padding: 0;

	margin: 0 auto;

	margin-bottom: 5px;

	border: 1px solid #12258C;

	height: 350px;

}



.photos ul.thumbs {

	margin: 0;

	padding: 0 0 0 0;

	list-style: none;

	width: 390px;

	float: left;

}

.photos ul.thumbs li{

	height: 80px;

	margin: 0 10px 0 0;

	padding: 0;

	float: left;

	position: relative;

	border: 1px solid #08844A;

	text-align: center;

}

.photos ul.thumbs li img {

height: 80px;

border: 0;

	

}





.photos ul.thumbs li:hover {

	border: 1px solid red;

	-moz-opacity:.75;

	filter:alpha(opacity=75);

	opacity:.75;

}

















.stepcarousel{

position: relative; /*leave this value alone*/

border: 0;

overflow: scroll; /*leave this value alone*/

width: 650px; /*Width of Carousel Viewer itself*/

height: 90px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 2px; /*margin around each panel*/

/* width: 250px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

#content .photos ul li{

	background: transparent;
	margin: 0;
	padding: 0;
}