/* http://www.menucool.com */



/*slider frame*/

#sliderFrame {position:relative;}      



#slider, #slider div.sliderInner {



    width:1200px;height:266px;/* Must be the same size as the slider images */

}



#slider 

{

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

	position:relative;

	margin:0 auto; /*center-aligned*/

    transform: translate3d(0,0,0);

}



/* the link style (if slide image is wrapped in a link) */

#slider a.imgLink, #slider .video {

	

	position:absolute;

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

	width:1200px;height:266px;

}

#slider .video {

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

}



/* Caption styles */

/* Not set as each slide has no caption in this demo. */





/* ------ built-in navigation bullets wrapper ------*/

#slider div.navBulletsWrapper  {

	display:none;

}





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



#slider div.loading 

{

    width:963px; height:455px;

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

    filter: alpha(opacity=60);

    opacity:0.6;

    position:absolute;

    left:0;

    top:0; 

    }



#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;}







/*----------- navigation buttons on both sides of the slider -----------*/

.group1-Wrapper 

{

    position:absolute;

    

    top:120px;

    margin-left:50%;/* position it in the middle of #sliderFrame */

    width:1px;

}







/* ----------- navigation buttons in the nav bar ---------- */

a.group2-Prev, a.group2-Next, a.group2-Play, a.group2-Pause 

{

    width:20px; height:20px; 

    background:transparent url(navbuttons.gif); 

    display:inline-block; 

    *display:inline;zoom:1;/*IE hack*/

    margin-left:4px; margin-right:4px;

    cursor:pointer;

}

a.group2-Pause{background-position:0 0;}

a.group2-Play {background-position:0 -20px;}

a.group2-Next {background-position:0 -40px;}

a.group2-Prev {background-position:0 -60px;} 



a.group2-Pause:hover{background-position:20px 0;}

a.group2-Play:hover {background-position:20px -20px;}

a.group2-Next:hover {background-position:20px -40px;}

a.group2-Prev:hover {background-position:20px -60px;}