body{
background-color:#000000;
}
*{
margin:0px;
padding:0px;
}
#scontainer{
width:740px;
height:auto;
position:relative;
}
.slideshow-container{
width:504px;
height:342px;
position:relative;
margin:0px;
padding:0px;
}
#scontainer #gallery{
float:left;
width:504px;
height:342px;
}

#slideshow{
	width:504px;
	height:342px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}
#slideshow img{
position:absolute;
top:0px;
left:0px;
border-color: #333;
}
.loader{
position:absolute;
top:0px;
left:0px;
}

#scontainer #thumbs{
float:right;
width:238px;
height:342px;
overflow:hidden;
position:absolute;
top:0;
left:504px;
}
#scontainer #thumbs .thumbs  {
list-style:none;
width:238px;
height:342px;
overflow:hidden;
}
#scontainer #thumbs .thumbs  li{
width:112px;
float:left;
padding:0 0 3px 6px;
}
.clear{
clear:both;
}

.image-title{
position:absolute;
top:0px;
left:0px;
}
.caption{
position:absolute;
top:0px;
left:0px;

z-index:1;
width:504px;
height:342px;
}
.caption .capta{
display:block;
position:absolute;
width:504px;
height:342px;
}
.caption .caption2{
position:absolute;
top:210px;
left:0;
width:504px;
background:url("./copy-bg.png") repeat scroll 0 0 transparent;
color:#FFFFFF;
}
.caption .caption2 a{
color:#FFFFFF;
text-decoration:none;
}
.caption .caption2 a:hover{
color: rgb(0, 153, 204);
}
#scontainer .caption .caption2 p{
padding:0px 31px 12px 31px;
font-size:12px;
}
#scontainer .caption .caption2 p.title{
font-size:14px;
padding-top:12px;
}

ul.thumbs li a{
width:110px;
height:110px;
display:block;
padding:1px;
}

ul.thumbs li.selected a.thumb {

	background: #fff;
	
}
ul.thumbs a:hover{
background: #fff;
}