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. */
    float: right;
    width: 750px;
	 display:block;
}

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 {
    margin: 5px 0 5px 0;
    height: 35px;
}
div.controls a {
	margin: 4px;
   font: normal 11px Verdana;
}

div.ss-controls {
    float: left;
    margin: 0 0 0 10px;
}
div.ss-controls a.play {
	background: url(../images/Play.png) 0 0 no-repeat;
	width: 65px;
	height: 24px;
	text-indent: -1000px;
	display: block;
}
div.ss-controls a.pause {
	background: url(../images/Pause.png) 0 0 no-repeat;
	width: 65px;
	height: 24px;
	text-indent: -1000px;
	display: block;
}
div.ss-controls a.play:hover, div.ss-controls a.pause:hover {
 background-position: 0 -24px;
}
 
div.nav-controls {
    float: right;
    margin: 0 10px 0 0;
}
div.nav-controls a.prev {
	background: url(../images/Prev.png) 0 0 no-repeat;
	width: 65px;
	height: 24px;
	text-indent: -1000px;
	display: block;
	float: left; 
}
div.nav-controls a.next {
	background: url(../images/Next.png) 0 0 no-repeat;
	width: 65px;
	height: 24px;
	text-indent: -1000px;
	display: block;
	float: right; 
}

div.nav-controls a.prev:hover, div.nav-controls a.next:hover {
	background-position: 0 -24px;
}

div.loader {
    background: url(loader.gif) center no-repeat;
    width: 750px;
	 height: 300px;
}
div.slideshow {
    clear: both; 
}
div.slideshow span.image-wrapper {
float: left;
}
div.slideshow a.advance-link {
    display: block;
}
div.slideshow img {
    border: none;
    display: block;
}

div.download {
    float: right;
}

div.embox {
    clear: both;
    text-align: right;
    padding: 5px;
    font: normal 11px Verdana;
    color: #565656;
}

div.image-title {
    font-weight: bold;
    font-size: 1.4em;
}

div.image-desc {
    line-height: 1.3em;
    padding-top: 12px;
}

div.navigation {
    /* the navigation style is set by a javascript generated style on the page.
    this is so that the javascript specific styles won't be applied unless javascript is enabled. */
    width: 750px;
    display: block;
    float: left;
    margin: 0 0 40px 0;
}
/* The navigation style is set by a javascript generated style on the page.
    This is so that the javascript specific styles won't be applied unless javascript is enabled. */
ul.thumbs {
    display: block;
    padding: 0;
    width: 750px;
    margin: 0 auto;
}

ul.thumbs li {
    float: left;
    padding: 0;
    margin: 6px 6px 0 0px;
    list-style: none;
	 text-align: center;
}

a.thumb {
    padding: 4px 0;
    display: block;
    border: 1px solid #3E3E3E;
	 font: normal 11px Verdana;
	 width: 22px;
	 
}

ul.thumbs li.selected a.thumb {
	 border: 1px solid #003fff;
	 color: #003fff;
}

a.thumb:focus {
    outline: none;
}

ul.thumbs img {
    border: none;
    display: block;
}

div.pagination {
    display: block;
    width: 750px;
    clear: both;
}

div.navigation div.top {
    display: none;
    float: left;
    margin: 10px 0 10px 10px;
	 text-align: center;
}

div.pagination a, div.pagination span.current {
    margin-right: 2px;
    padding: 2px 5px 3px 5px;
    font: normal 10px Verdana;
}

div.pagination a:hover {
    background: #040404;
    text-decoration: none;
    color: #fff;
}

div.pagination span.current {
    border: 1px solid #6E6E6E;
    color: #fff;
}