.slideshow
{
margin-left: -4px;
}
#slideshow {
	margin:0 auto;
	width:927px;
	height:402px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
	width:801px;
	height:402px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  	width:781px;
	height:402px;
}
/* special for ar-raudhah, an-na'im and al-firdaus banner */
#slideshow .ar_raudhah, #slideshow .an_naim, #slideshow .al_firdaus{
    position:relative;
	height:402px;
}

#slideshow .ar_raudhah img, #slideshow .an_naim img, #slideshow .al_firdaus img{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow .ar_raudhah img.active, #slideshow .an_naim img.active, #slideshow .al_firdaus img.active {
    z-index:10;
}

#slideshow .ar_raudhah img.last-active, #slideshow .an_naim img.last-active, #slideshow .al_firdaus img.last-active{
    z-index:9;
}
 
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:63px;
margin-top: 170px;
	height:402px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
.ssbutton
{
    z-index: 9999;
    position: absolute;
    right: 80px;
    top: 20px;
}
.ssbutton ul
{
    margin: 0;
    padding: 0;
}
.ssbutton ul li
{
    display: inline;
    z-index: 9999;
}
.ssbutton ul li a
{
    z-index: 9999;
}
.ssbutton ul li a img
{
    border: none;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/slideshow/left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/slideshow/right.gif) no-repeat 0 0;
}