/*
	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
	{
		display: none; 
	}
	
	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: 0;
	}
	
	.coda-slider 
	{
		background: #ebebeb;
	}
	
	/* 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: 20px;
	}
		
	.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 
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper
	{ 
		padding: 0; 
	}
	.coda-slider .panel-wrapper
	{
		position: relative;
	}
	
.coda-slider .panel-wrapper .description
{
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);/* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);/* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);/* IE6-9 */
	background: linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);/* W3C */
	
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	
	padding: 3px 5px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 300px;
	
	color: #333;
	font-size: 10px;
	line-height: 1.6;
	text-transform: uppercase;
}
	
	/* Preloader */
	.coda-slider p.loading 
	{
		padding: 20px; 
		text-align: center;
	}
	
	/* Don't change anything below here unless you know what you're doing */
	
	/* 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;
	}	
	
	
	
	
.coda-slider-wrapper
{
	position: relative;
}

.coda-slider img
{
	display: block;
}

.coda-nav
{
	position: absolute;
	right:10px;
	bottom: 10px;
	width: auto !important;
	max-width: 300px;
}

.coda-nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: none !important;
}

.coda-nav ul li
{
	display: inline-block;
	margin: 2px 0 0 2px;
}
.IE7 .coda-nav ul li
{
	display: inline;
	zoom: 1;
}

.coda-nav ul li a
{
	background-color: rgba(255, 255, 255, 0.5);
	
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	
	display: block;
	width: 18px;
	
	color: #333;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
}
.IE7 .coda-nav ul li a,
.IE8 .coda-nav ul li a
{
	background-image: url(about:blank);/* makes the whole a element clickable */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff', GradientType=1);
}
.coda-nav ul li a.current
{
	background-color: #FFF;
}