#s3slider {
   width: 100%; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 100%; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
margin:0;
padding:0;
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 960px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear { clear: both; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
.left { top: 0; left: 0; width: 224px !important; height: 200px; }
.right { right: 0; bottom: 0; width: 224px !important; height: 200px; }



div.wrap { width : 100%;margin : 0 auto;text-align : left;}
div.wrap a { color:#ffffff; }

div#top div#nav {float : left;clear : both;width : 100%;height : 52px;margin : 22px 0 0;}
div#top div#nav ul {float : left;width : 100%;height : 52px;list-style-type : none;}
div#nav ul li {float : left;height : 52px;}
div#nav ul li a {border : 0;height : 52px;display : block;line-height : 52px;text-indent : -9999px;}
div#nav ul li a {background : url(/images/nav.png) no-repeat;}

div#video-header {height : 300px;margin : -1px 0 0;}

div#header {margin :0 auto;}
div#header div.wrap {height : 300px; }
div#header div#slide-holder {z-index : 40;width : 960px;height : 300px;position : absolute;}
div#header div#slide-holder div#slide-runner {top : 0;width : 960px;height : 300px;overflow : hidden;position : absolute;}
div#header div#slide-holder img {margin : 0;display : none;position : absolute;width : 960px;}
div#header div#slide-holder div#slide-controls {left : 0;width : 960px;height : 45px;display : none;position : absolute;/*background : url(/images/slide-bg.png) 0 0;*/}
div#header div#slide-holder div#slide-controls p.text {float : left;color : #fff;display : inline;font-size : 10px;line-height : 16px;margin : 15px 0 0 20px;text-transform : uppercase;}
div#header div#slide-holder div#slide-controls p#slide-nav {float : right;height : 24px;display : inline;margin : 11px 15px 0 0;}
div#header div#slide-holder div#slide-controls p#slide-nav a {float : left;width : 24px;height : 24px;display : inline;font-size : 11px;margin : 0 5px 0 0;line-height : 24px;font-weight : bold;text-align : center;text-decoration : none;background-position : 0 0;background-repeat : no-repeat;}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -24px;}
div#header div#slide-holder div#slide-controls p#slide-nav a {background-image : url(/images/silde-nav.png);}

div#header2 {margin : -1px 0 0;}
div#header2 div.wrap {height : 200px;/*background : url(/images/header-bg.png) no-repeat 50% 0;*/}
div#header2 div#slide-holder {z-index : 40;width : 243px;height : 200px;position : absolute;}
div#header2 div#slide-holder div#slide-runner {top : 0;left : 0;width : 243px;height : 200px;overflow : hidden;position : absolute;}
div#header2 div#slide-holder img {margin : 0;display : none;position : absolute;}
div#header2 div#slide-holder div#slide-controls {left : 0;width : 243px;height : 25px;display : none;position : absolute;background : url(/images/slide-bg.png) 0 0;}
div#header2 div#slide-holder div#slide-controls p.text {float : left;color : #fff;display : inline;font-size : 10px;line-height : 16px;margin : 5px 0 0 20px;text-transform : uppercase;}
div#header2 div#slide-holder div#slide-controls p#slide-nav {float : right;height : 24px;display : inline;margin : 11px 15px 0 0;}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {float : left;width : 24px;height : 24px;display : inline;font-size : 11px;margin : 0 5px 0 0;line-height : 24px;font-weight : bold;text-align : center;text-decoration : none;background-position : 0 0;background-repeat : no-repeat;}
div#header2 div#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -24px;}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {background-image : url(/images/silde-nav.png);}