/**************************************************************

	SlideShow
	v 1.3

**************************************************************/
#imgSlideshow {
	width: 550px;
}
.slideshowContainer {
	width: 510px;
	margin-bottom: 5px;
	height:350px;
	border:8px solid #333;
	margin-bottom:30px;
	background-color:#666;
}
.slideshowController {
	position:relative;
	border-top:1px solid #333;
	margin:10px 20px 20px 0;
}
	.slideshowController .smallRounded{
		display:inline;
		width:auto;
		position:absolute;
		top:-10px;
	}
	.slideshowController .play{
		left:300px;
	}
	.slideshowController .pause{
		left:360px;
	}
	.slideshowController .previous{
		left:10px;
	}
	.slideshowController .next{
		left:480px;
	}
	.slideshowController .play a{
		padding-left:20px !important;
		background:#666 url(images/bg-portfolio-cpntroller.gif) no-repeat 6px -23px;
	}
	.slideshowController .pause a{
		padding-left:20px !important;
		background:#666 url(images/bg-portfolio-cpntroller.gif) no-repeat 6px 3px;
	}
	.slideshowController a, .slideshowController a:visited {
		display:inline;
		font-size:10px;
		color:#FFFFFF;
		padding:0 10px;
		background-color:#666;
		border:1px solid #333;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-opera-border-radius: 8px;
		-moz-border-radius: 8px;
	}
	.slideshowController a:hover {
		text-decoration:none;
		background-color:#FFCC00;
		color:#000000;
	}
.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}


#imgSlideshow {
				padding-top:10px;
			}
			#imgSlideshow #thumbnails img{
				padding:7px;
				background-color:#333;
				border:1px solid #666;
				margin:0 10px 10px 0;
			}