/** 
 *  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 > Horizontal
 *---------------------------------*/	
  
.newslider-horizontal {width:100%;max-width:950px;height:585px; background-color:#FFFFFF;}

/* Nav */
.sliderkit-nav {position:absolute;bottom:0;width:100%;max-width:900px;height:99px;}
.sliderkit-selected {background-image:url(../_images/slider-arrow2.png); background-position:center top; background-repeat:no-repeat;}


/* ---------- gallery styles start here ----------------------- */

.gallery {list-style: none; margin: 0; padding: 0;}
.gallery li {float:left;height:79px;width:50px;padding:10px 0 0 0;margin:0 auto;}
.gallery li a {padding:0 0 0 6px;}


/* Panel */
.sliderkit-panels{position:absolute;left:0;width:100%;max-width:950px;height:496px;overflow:hidden;}
.sliderkit-panel{left:0;top:0;width:100%;max-width:950px;height:585px;padding:0px;}

#panel01-bg {background-image:url(../_images/osmondgroup-bg01.png); background-position:center top; background-repeat:no-repeat;}
#panel02-bg {background-image:url(../_images/osmondgroup-bg02.jpg); background-position:center top; background-repeat:no-repeat;}
#panel03-bg {background-image:url(../_images/osmondgroup-bg03.jpg); background-position:center top; background-repeat:no-repeat;}
#panel04-bg {background-image:url(../_images/osmondgroup-bg04.jpg); background-position:center top; background-repeat:no-repeat;}
#panel05-bg {background-image:url(../_images/osmondgroup-bg05.jpg); background-position:center top; background-repeat:no-repeat;}
#panel06-bg {background-image:url(../_images/osmondgroup-bg06.jpg); background-position:center top; background-repeat:no-repeat;}
#panel07-bg {background-image:url(../_images/osmondgroup-bg07.jpg); background-position:center top; background-repeat:no-repeat;}
#panel08-bg {background-image:url(../_images/osmondgroup-bg08.jpg); background-position:center top; background-repeat:no-repeat;}
#panel09-bg {background-image:url(../_images/osmondgroup-bg09.jpg); background-position:center top; background-repeat:no-repeat;}
#panel10-bg {background-image:url(../_images/osmondgroup-bg10.jpg); background-position:center top; background-repeat:no-repeat;}
#panel11-bg {background-image:url(../_images/osmondgroup-bg11.jpg); background-position:center top; background-repeat:no-repeat;}
#panel12-bg {background-image:url(../_images/osmondgroup-bg12.jpg); background-position:center top; background-repeat:no-repeat;}
#panel13-bg {background-image:url(../_images/osmondgroup-bg13.jpg); background-position:center top; background-repeat:no-repeat;}
#panel14-bg {background-image:url(../_images/osmondgroup-bg14.jpg); background-position:center top; background-repeat:no-repeat;}
#panel15-bg {background-image:url(../_images/osmondgroup-bg15.jpg); background-position:center top; background-repeat:no-repeat;}
#panel16-bg {background-image:url(../_images/osmondgroup-bg16.jpg); background-position:center top; background-repeat:no-repeat;}
#panel17-bg {background-image:url(../_images/osmondgroup-bg17.jpg); background-position:center top; background-repeat:no-repeat;}
#panel18-bg {background-image:url(../_images/osmondgroup-bg18.jpg); background-position:center top; background-repeat:no-repeat;}
#panel19-bg {background-image:url(../_images/osmondgroup-bg19.jpg); background-position:center top; background-repeat:no-repeat;}

/* News block */

.transbox-panel02 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:290px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel03 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:290px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel04 {margin-left:650px; margin-top:280px; padding:0px; display:block;width:270px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel05 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:240px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel06 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:245px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel07 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:245px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel08 {margin-left:670px; margin-top:280px; padding:0px; display:block;width:255px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel09 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:255px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel10 {margin-left:690px; margin-top:280px; padding:0px; display:block;width:235px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel11 {margin-left:680px; margin-top:280px; padding:0px; display:block;width:245px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel12 {margin-left:630px; margin-top:280px; padding:0px; display:block;width:295px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel13 {margin-left:685px; margin-top:280px; padding:0px; display:block;width:240px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel14 {margin-left:670px; margin-top:280px; padding:0px; display:block;width:255px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel15 {margin-left:670px; margin-top:280px; padding:0px; display:block;width:255px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel16 {margin-left:625px; margin-top:280px; padding:0px; display:block;width:300px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel17 {margin-left:10px; margin-top:280px; padding:0px; display:block;width:270px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel18 {margin-left:650px; margin-top:280px; padding:0px; display:block;width:270px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.transbox-panel19 {margin-left:650px; margin-top:280px; padding:0px; display:block;width:270px;height:85px;background-color:#ffffff; border-left:solid #FFFFFF 15px; border-top:solid #FFFFFF 10px; border-bottom:solid #FFFFFF 10px; z-index:1000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}


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

Here is a compact version of the SliderKit Core:
-------------------------------*/

.sliderkit{position:relative;}
.sliderkit-nav{z-index:10;}
.sliderkit-nav-clip {margin:0 auto;}
.sliderkit-nav-clip ul li a{display:block;}
.sliderkit-panel{position:absolute;}




