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

/*
/*---------------------------------
 *  News slider > Minimal
 *---------------------------------*/
.newslider-minimal{width:280px;height:140px;}

/* Navbar */
.newslider-minimal .sliderkit-panels{float:left;position:relative; width:295px;}
.newslider-minimal .sliderkit-panel{height:140px; text-align:center;}
.newslider-minimal .sliderkit-panel a{display:block; color:#666666}
.newslider-minimal .sliderkit-panel a:hover{text-decoration:none;}



.newslider-minimal .sliderkit-panels2{float:left;position:relative; width:295px;}
.newslider-minimal .sliderkit-panel2{height:140px; text-align:left;}
.newslider-minimal .sliderkit-panel2 a{display:block; color:#666666}
.newslider-minimal .sliderkit-panel2 a:hover{text-decoration:none;}




.newslider-minimal .sliderkit-panels3{float:left;position:relative; width:295px;}
.newslider-minimal .sliderkit-panel3{height:140px; text-align:left;}
.newslider-minimal .sliderkit-panel3 a{display:block; color:#fff}
.newslider-minimal .sliderkit-panel3 a:hover{text-decoration:none;}

/* Buttons > Disable */
.newslider-minimal .sliderkit-legend{float:left;}

 *

/*
 *  CAROUSEL
 *  ------------------------------------------------
 

/*---------------------------------
 *  Carousel > Demo #2
 *---------------------------------*/
.carousel-demo2{width:970px;height:90px;}

/* Navbar */
.carousel-demo2 .sliderkit-nav{left:0;bottom:0;width:955px;height:66px;padding:15px 10px;background:#333333;}
.carousel-demo2 .sliderkit-nav-clip ul li{float:left;margin:0 10px 0 0;}
.carousel-demo2 .sliderkit-nav-clip ul li a{display:block;width:96px;height:64px;overflow:hidden;margin:0;opacity:0.8; 	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	 border:solid 3px #CCCCCC}
.carousel-demo2 .sliderkit-nav-clip ul li a:hover{opacity:1; 	
	-moz-transform: scale(.8);
	-moz-transform-origin: bottom top;
	-webkit-transform: scale(.8);
	-webkit-transform-origin: bottom top;
	transform: scale(.8);
	transform-origin: bottom top;
	height: 64px;
	 border:solid 3px #CCCCCC}

/* Navbar buttons */
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:15px;height:100px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{left:20px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next{right:20px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a{background-position:-40px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a{background-position:-60px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-40px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-60px center;}

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