#show {
	width: 860px;
	height: 485px;
	border: 2px solid gray;
	float: right;
	margin-bottom: 80px;
	opacity: 1;
}
.slideshow-images {
	width: 860px !important;
	height: 485px !important;
}

#galleryframe a span {
	filter: alpha(opacity=100);
}

#galleryframe {
	position: relative;	/* allows absolute positioning of media within this div */
	padding-top: 15px;
	width: 100%;
	height: 390px;
	margin: 0;
	text-align: center;
	float: right;
	background: #fff;
}

#galleryframe ul {
	width: 336px;  /* sensitive to thumbnail size changes */
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
	background: #fff;
}

#galleryframe li {
	float: left;
}

/* in for ie I think, but can't remember why! */
#galleryframe a:hover, 
#continaer a:active, 
#galleryframe a:focus {
/*	background: transparent;*/
	text-decoration: none;
}

#galleryframe a img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.5;
	display: block; /* ie & pre-opera 9 shows underline if not in */
	border-style: none;
}

#galleryframe a:visited img {
	opacity: 0.5;
	filter: alpha(opacity=50); /* for IE */
	-moz-opacity: 0.50;
	-khtml-opacity: 0.5;
}

#galleryframe a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.0;
}

/* Adding the thumbnail images */
#galleryframe a, #galleryframe a:visited {
    display: block; 
/*    color: #000; */
    border: 1px solid #000; 
    margin: 7px; 
	cursor: default;
	height: 60px;
	width: 60px;
    }

/* change the thumbnail border color */
#galleryframe a:hover {
    border:2px solid #000;
	margin:  6px; 
    }

/* makes the fullsize images invisible by default */
#galleryframe a span {
	display: none;
}

/* styling the :hover span */
#galleryframe a:hover span {
	display: block;
	filter: alpha(opacity=100);
    position: absolute; 
    width: 350px;
    height: 350px;
    top: 14px;
    left: 0px;
    background: #000; /* best fix for IE problem with 'random' black pixels that are transparent!*/
    }

#galleryframe a:hover span div {
	background: white;
	color: #333333;
}

span.label {
	background: white;
	color: #333333;
}

#preview {
	float: left;
	position: absolute;
	top: 50%;
	height: 4em;
	margin-top: -75px;
	left: 0px;
	width: 350px;
/*	align: center;*/
	background: #fff;
}