/*------------------------------------------------
BANNER (Slideshow - jQuery Cycle)
------------------------------------------------*/
.banner {width:925px; height:448px; border:0}
.banner div#pause-hover {z-index:9999;display:none;background: url(../images/banners/pause-hover.gif) no-repeat left top; width:14px; height:14px; padding:0; margin:10px 0 0 900px;position:absolute}
.banner .slideshow {float:none; width:925px; height:420px; background:gray}
.banner .slideshow a {text-decoration:none;}
.banner .slideshow a .caption {line-height:48px; z-index:11; position:absolute; display:block;height:48px; width:925px;float:none;top:372px/*524px*/; clear:both;}
.banner .slideshow a .caption h1 {font-size:24px; color:white; font-weight:normal; padding:0 15px;float:left}
.banner .slideshow a .caption h2 {font-size:20px; color:white; font-weight:normal; padding:0 15px;float:right}
.banner .slideshow a .caption-background { background-color:black; z-index:10; position:absolute; display:block;height:48px; width:925px;float:none;top:372px/*524px*/;}
.banner .slideshow a .caption-background
{  opacity:0.6 /*CSS3*/;
   -moz-opacity:0.6 /*Moz*/;
   -khtml-opacity: 0.6; /*Safari*/   
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";/*IE8 only*/
}
.banner .controls {height:28px; width:auto;text-align:center;margin:0 auto;}
.banner .controls #dots { text-align:center; width:auto; height:28px}
.banner .controls #dots a { display:inline-block; text-indent:-9999px;/*to hide page numbers*/; width:16px; height: 28px;margin-right:8px; margin-top:0;background:url(../images/banners/dot.png) no-repeat left center;}
.banner .controls .controls #dots a:hover, .banner .controls #dots a.activeSlide { background:url(../images/banners/dot-hover.png) no-repeat left center}