/*  
 *  sliderkit-core.css
 *	> Core CSS styles
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2011 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none;position:relative;/*overflow:hidden;*/text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}

/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}



/* This code can be reduced and pasted in any other CSS file :

Here is a compact version :
-------------------------------

.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

*/





/*---------------------------------
 *  Carousel > Demo #4
 *---------------------------------*/
.carousel-demo4{width:1349px;height:380px; margin:0px auto; margin-left: -174px;}

/* Navbar */
.carousel-demo4 .sliderkit-nav{left:0;bottom:0;width:1349px;height:340px;}
.carousel-demo4 .sliderkit-nav-clip ul li{/*width:290px !important; */float:left;margin:17px 0px 0 0; padding:0 23px; overflow: hidden;}
.carousel-demo4 .sliderkit-nav-clip ul li a{display:block;overflow:hidden;margin:0 0px;opacity:0.9;}
.carousel-demo4 .sliderkit-nav-clip ul li a:hover{opacity:1;}

/* Buttons */
.carousel-demo4 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:71px;height:540px;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-prev{left:40px; top:55px; margin-top: 35px;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-next{right:27px; top:55px; margin-top: 35px;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-prev a{background: url(../design/left_arrow_2.png) no-repeat; opacity:1;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-next a{background: url(../design/right_arrow_2.png) no-repeat; opacity:1;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo4 .sliderkit-nav .sliderkit-nav-prev a:focus{ opacity:0.8;}
.carousel-demo4 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo4 .sliderkit-nav .sliderkit-nav-next a:focus{ opacity:0.8;}

/* Buttons > Disable */
.carousel-demo4 .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}