div#portfolio-caption { float: right; width: 220px; }
div#portfolio-thumbs { float: left; }

div.portfolio-content {	display: none; float: left; width: 380px; }
div.portfolio-content a, div.navigation a { text-decoration: none; color: #777; }
div.portfolio-content  a:focus, div.portfolio-content  a:hover, div.portfolio-content  a:active { text-decoration: underline; }
div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }

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

div.slideshow { clear: both;  }
div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; }
div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; }
div.slideshow img { border: none; display: block; }
div.download { float: right; }
div.embox { float: right; margin-top: 47px; }

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. */
}

ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }

div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
}