div.content { display: none; float:none; width: 502px; margin:auto; text-align:center;}
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.nav-controls { width:502px; position:absolute; right:0; bottom:0; font-size:1.143em;}

div.nav-controls a.prev { width:59px; height:36px; display:block; float:left; padding:0; position:relative; z-index:11; background:url(prev.png) no-repeat left top; text-indent:-9999px; }
	
div.nav-controls a.next { background:url(next.png) no-repeat left top; width:59px; height:36px; text-indent:-9999px; display:block; float:right;
	padding:0; position:relative; z-index:11; margin-right:5px; }

div.slideshow-container { position: relative; height:320px; width:502px; margin-bottom:5px;}

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

div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; width: 502px; height: 470px; }

div.slideshow a.advance-link { display: block; width: 502px; height: 324px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding:0; margin:0;}

	div.slideshow a.advance-link img { padding:0; margin:0; display:block; position:absolute; top:0; left:0;text-decoration:none; border:none; width:502px; height:324px;}
	
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.download { float: right; }
div.caption-container { position: relative; clear: left; height:122px; }

span.image-caption { display: block; position: absolute; width: 502px; top: 0; left: 0; }
div.caption { padding:32px 0 0 0; }
	div.caption h4 { margin-bottom:12px; }
	div.image-title strong { color:#ffeaa8; }
	
div.navigation { position:relative; overflow:hidden; height:124px; width:502px; margin:auto;}

ul.thumbs { clear: both; margin: 0; padding: 0; width:502px; height:77px; overflow:hidden; }
	ul.thumbs li { float: left; padding: 0; list-style: none; vertical-align:top; margin:5px 5px 0 0; width:120px; height:77px; }

a.thumb:focus { outline: none; text-decoration:none; border:none; }

@media only screen and (max-width: 995px) { body{min-width:768px;}
	div.nav-controls { width:370px;}
	div.slideshow-container { height:236px; width:370px;}
	div.slideshow span.image-wrapper { width: 370px; height: 238px;}
	div.slideshow a.advance-link{ width: 370px; height: 238px;}
	div.slideshow a.advance-link img{ width:370px; height:238px;}
	ul.thumbs li{ margin:5px 5px 0 0; width:120px; height:77px;}
  
}

@media only screen and (max-width: 479px) { body{min-width:260px;}
	div.content { width:260px;}
	div.nav-controls { width:260px;}
	div.slideshow-container { width:260px; height:236px;}
	div.slideshow span.image-wrapper { width: 260px; height: 238px;}
	div.slideshow a.advance-link{ width: 260px; height: 238px;}
	div.slideshow a.advance-link img{ width:260px; height:238px;}
	ul.thumbs li{ margin:5px 10px 0 0; width:128px; height:128px;}
}