#sliderFrame 

{

    position:relative;

    width:998px;

	height:308px;

    margin:auto;

	border:2px solid #ffffff;

	

	

    

	

}



#slider, #slider div.sliderInner {

    width:998px;height:308px;

	

}



#slider {

	background:#fff url(../img/loading.gif) no-repeat 50% 50%;

	position:relative;

	margin:0 auto;

    transform: translate3d(0,0,0);

   

}





#slider a.imgLink, #slider div.video {

	z-index:2;

	position:absolute;

	top:0px;left:0px;border:0;padding:0;margin:0;

	width:100%;height:100%;

}

#slider .video {

	background:transparent url(video.png) no-repeat 50% 50%;

}





#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {

	position:absolute;

	width:360px;

	height:45px;

	

	top:258px; 

	opacity:0.74;

	left:5px;

	z-index:3;

	overflow:hidden;

	font-size: 0;

}

#slider div.mc-caption-bg 

{

    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/

	background:#000000;

	

	/* or any other c;olors such as White, or: background:none; */

}

#slider div.mc-caption-bg2 {

    background:none;

	

}

#slider div.mc-caption h2{

	font: bold 32 Arial;

	margin-top:15px;

	color:#000;

	z-index:4;

	margin-left:50px;

    background:none;

}

#slider div.mc-caption {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:22px;

	color:#CCCCCC;

	z-index:4;

	margin-left:10px;

    background:none;

}

#slider div.mc-caption a {

	color:#FB0;

}

#slider div.mc-caption a:hover {

	color:#DA0;

}







#slider div.navBulletsWrapper  {

    top:280px;

	left:480px;/* Its position is relative to the #slider */

	text-align:right;

	

	border-radius:2px;

	opacity:0.7;

	width:140px;

	height:30px;

	position:relative;

	z-index:5;

}



/* each bullet */

#slider div.navBulletsWrapper div 

{

    width:11px; height:11px;

    font-size:0;color:White;/*hide the index number in the bullet element*/

    background:transparent url(../img/bullet.png) no-repeat;

    display:inline-block; *display:inline; zoom:1;

    overflow:hidden;cursor:pointer;

    margin: 0px 6px;

	margin-top:10px;/* set distance between each bullet*/

}



#slider div.navBulletsWrapper div.active {background-position:0 -11px;}





/* --------- Others ------- */



#slider div.loading 

{

    width:100%; height:100%;

    background:transparent url(loading.gif) no-repeat 50% 50%;

    filter: alpha(opacity=60);

    opacity:0.6;

    position:absolute;

    left:0;

    top:0; 

    z-index:9;

}



#slider img, #slider>b, #slider a>b {

	position:absolute; border:none; display:none;

}



#slider div.sliderInner {

	overflow:hidden; 

	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/

	position:absolute; top:0; left:0;

}



#slider>a, #slider video, #slider audio {display:none;}