/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

.no-slider {display:none;}

/* Most common stuff you'll need to change */

.coda-slider-wrapper {clear: both; overflow:visible; width:897px; padding:0; margin:0 0 0 91px;}
.coda-slider-wrapper-inside {position:relative; width:897px; height:323px;}
.coda-slider {background:none; width:937px; height:323px; margin:0px; overflow:hidden; float:left; position:relative;}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 323px; overflow:none; padding:0;}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider .panel {width:937px; position:relative; display:block; float:left;} 

.panel .slider-caption {position:absolute; right:2px; bottom:5px; padding:0 0 8px 0; background:url(images/template/caption-bottom.png) no-repeat bottom right;}
.panel h2 {margin:0; padding:5px 45px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:35px; text-transform:uppercase;
color:rgb(255,255,255); text-shadow: 1px 1px 1px rgb(0,0,0); background:rgb(65,65,65); background:rgba(65,65,65,.6);}
.panel h2 a {color:rgb(255,255,255); text-decoration:none;}
.panel h2 a:hover {color:rgb(200,200,200); color:rgba(255,255,255,.5);}
.panel .caption-right {background:url(images/template/caption-right.gif) repeat-y right;}
.panel .caption-top {background:url(images/template/caption-top.png) no-repeat top right;}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:897px; padding:0; overflow:hidden;}
.coda-slider-wrapper.arrows .coda-slider {margin:0;}

/* Arrow styling */
.coda-nav span {display:none;}


/* Panel padding */
.coda-slider .panel-wrapper {padding:0;}

/* Preloader */
.coda-slider p.loading {padding:0px; text-align: center;}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden; position:absolute; right:10px; bottom:75px; z-index:100;}
.coda-nav ul li {display: inline;}
.coda-nav ul li a {display: block; float: left; margin-right:0; padding:0; text-decoration:none; height:29px; width:29px; padding:0; 
background:url(images/template/slider-nav-A.png) no-repeat 0 0;}
.coda-nav ul li a.current {height:29px; width:29px; padding:0; background:url(images/template/slider-nav-B.png) no-repeat 0 0;}

/* Miscellaneous */

.coda-slider .panel-container {position: relative;}
.coda-nav-left, .coda-nav-right {float: left;}
.coda-nav-left a, .coda-nav-right a {display: block; text-align: center; text-decoration: none;}