div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:442px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
display: none;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}

div.slideshow a.advance-link {
	display: block;
}
div.slideshow img {
	border: none;
	display: block;
        width: 440px;
        height: 292px;
}

ul.thumbs {
	clear: both;
	margin: 0 0 0 0px;
	padding: 0;
        width: 430px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
a.thumb {
	display: block;
}

ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
        width: 86px;
        height: 58px;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

#caption{

}

.download a{
position: relative;
display: block;
width: 440px;
height: 292px;
margin-top: -292px;
z-index: 999 !important;
text-indent: -9999em;
}

.download a:hover{
background: url(/images/zoomIcon.png) no-repeat 190px 120px;
}


.active{
width: 86px;
height: 58px;
background: transparent url(/images/thumbBg.gif);
position: relative;
z-index: 999;
top: -58px;
display: none;
}