div#container {
	width: 880px;
	padding:30px;
	position:absolute;
	margin-top: 0px;
	background: transparent;
	z-index:999999;
	height:489px;
	overflow: hidden;
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 488px;
	background: transparent;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
	
}
div.content a:focus, div.content a:hover {
	text-decoration: underline;
}

div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

 /* AWARDS LARGE IMAGE CONTAINER */
div.slideshow-container {
	position: relative;
	clear: both;
	width: 550px;
	height: 370px;
	margin-top:73px;
	background: transparent;
	display:block;
	overflow: hidden;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/loading.gif') no-repeat center;
	width: 550px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow {background: transparent;}

/* IMAGE WRAPPER */
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: 550px;
	overflow: hidden;
}

div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	background: transparent;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle;border: 1px none #ccc;}

/* AWARDS CAPTION AND DESCRIPTION */
div.caption-container{	
	position: relative;
	clear: left;
	height: 0px;
	text-align:left;
	background: transparent;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	margin-top:0px;
	background: transparent;
	text-align: center;
	
}
div.caption {padding: 0px;background: transparent;}

/* AWARDS TITLE CAPTION */
div.image-title {font: normal 10pt 'GothamBookRegular';color: #000; text-shadow: none; text-decoration:none;background:#fff;}
div.image-desc {padding-top: 5px;color: #ffffff;font: normal 9pt 'GothamBookRegular';}


div.navigation {background:transparent;}/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */

ul.thumbs {clear: both;margin: 0;padding: 0;overflow: hidden;background:transparent; width: 330px; height:424px;}
ul.thumbs li {float: left;padding: 0;margin: 0px 10px 10px 0;list-style: none; width: 96px; height: 96px;}
a.thumb {padding: 2px;display: block;border: 1px solid #000;}

ul.thumbs li.selected a.thumb {background: #3c3c3c}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.navigation div.top {margin-bottom: 12px;height: 0px;}
div.navigation div.bottom {margin-top: 12px;}


div.pagination {clear: both; height:24px; background: transparent; position: absolute; top:486px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 3px;
	color: #ffffff;
	font: normal 8pt 'GothamBookRegular';
	padding: 4px 7px 2px 7px;
	border: 1px solid #313131;
	background: #313131;
}
div.pagination a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px 3px 8px;
	border: 1px none #ccc;	
}
div.pagination span.current {
	font-weight: bold;
	background: #000;
	border: 1px solid #000;	
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}