/*
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 */
.panel h2.title{margin-bottom:10px ;}
noscript div{background:#ccc;border:1px solid #900;margin:20px 0;padding:15px}
/* Most common stuff you'll need to change */
.coda-slider-wrapper{padding:10px 0;}
/*.coda-slider{background:#CCC;background-image:-webkit-gradient(linear,left top,left bottom,from(#B3B3B3),to(#E6E6E6),color-stop(0.5,#ccc));-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;padding:1em;position:absolute;top:5px;left:22px;margin-bottom:5em;} */
.coda-slider{background:#CCC; background-image: url(../images/backgrounds/fabric_1.png);;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;padding:1em;position:absolute;top:5px;left:22px;margin-bottom:5em;}


/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider{height:200px;overflow:auto !important;padding-right:10px}
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider,.coda-slider .panel{width:895px;}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider,.coda-slider-wrapper.arrows .coda-slider .panel{width:600px}
.coda-slider-wrapper.arrows .coda-slider{margin:0 10px}
/* Arrow styling */
.coda-nav-left a,.coda-nav-right a{background:#000;color:#fff;padding:5px;width:100px}
/* Tab nav */
.coda-nav ul li a.current{background:#fff url(../images/interface/DownTriangle.gif) no-repeat top center ;padding-top:15px;color:#EBAA1E;}
.coda-nav ul{min-width:600px;position:relative;left:4%;}
.xtrig{padding-top:15px;}
.coda-nav ul li a{min-width:12%;text-align:center;padding-top:15px;}
/* Panel padding */
.coda-slider .panel-wrapper{padding:10px}
/* Preloader */
.coda-slider p.loading{padding:20px;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}
.coda-nav ul li{display:inline}
.coda-nav ul li a{background:#000;color:#fff;display:block;float:left;margin-right:1px;padding:3px 6px;text-decoration:none;}
/* Miscellaneous */
.coda-slider-wrapper{clear:both;overflow:auto}
.coda-slider{float:left;overflow:hidden;position:relative}
.coda-slider .panel{display:block;float:left}
.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}
/*My Modifications */
#slider_nav{position:relative;left:15%;font-size:2em;color:#4C4C4C;background-color:#FFF;max-width:690px;min-width:690px;padding:.2em;text-align:center;}
#slider_nav a{color:#4C4C4C;text-decoration:none;padding-top:5px;padding-bottom:5px;width:20%;min-width:20%;}
#slider_nav a:hover{background-color:#B3B3B3;}