/* CSS Document */

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    margin:0;
	width:610px;
	height:600px;
}

#slideshow DIV {
    position:absolute;
   top:0;
   left:0;
	width:100%;
	height:100%;
    z-index:8;
    opacity:0.0;
    height: 600px;
	filter: alpha(opacity=0);
	background-color: #25262b;
}

#slideshow DIV.active {
    z-index:10;
    opacity:0.0;
	margin:0;
	filter: alpha(opacity=0);
	background-color: #25262b;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
	display: block;
	margin:0;
   /* height: 600px;*/
    border: 0;
    margin-bottom: 10px;
	cursor: pointer;
}

/** 
 * Slideshow controls style rules.
}*/

.leftControl {
  float:left;
}
.rightControl {
  float: left ;
}

#controlContainer {
	width:120px;
	height:20px;
	text-align: center;
}

#controlContainer img {
	margin:0;
	padding: 2px 0 0 0;
}

#controlContainer p {
	margin:0;
	padding:0;
}
.numCaption {
	float: left;
	width: 50px;
	height: 10px;
	text-align: center;
}
.numCaption p {
	margin: 0;
	padding:0;
}

.caption {
	width:260px;
	font-size:12px;
	line-height:14px;
	margin-top:280px;
}