/*
	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; 
		font-size: 18px; 
	}
	
	.panel p { 
		font-family: Georgia, serif; 
		font-size: 14px; 
		color: rgb(1,10,15);
	}
	
	.panel small { 
		color: rgb(207,45,45); 
		font-size: 12px; 
		font-family: Georgia, serif; 
	}
	
	.panel li { 
		margin-left:20px; 
		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: 0; 
		position: relative; 
		z-index: 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;
	}
	
/* Change the width of the entire slider (without dynamic arrows) */
	
	.coda-slider, 
	.coda-slider .panel { 
		width: 600px; 
		background: rgb(255,255,255); 
		min-height:450px; 
	} 
	
/* 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 { 
		background: #000; 
		color: #fff; 
		padding: 5px; 
		width: 10px; 
		position: absolute; 
		left: 0; 
		top: 200px; 
		z-index: 2000; 
	}
	
	.coda-nav-right a { 
		background: #000; 
		color: #fff; 
		padding: 5px; 
		width: 10px; 
		position: absolute; 
		right: 0; 
		top: 200px; 
		z-index: 1000; 
	}
	
	/* Tab nav */
	.coda-nav ul li a.current { 
		background: #39c;
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { 
		padding: 20px;
	}
	
	/* 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 { 
		list-style: none; 
		margin:0;
		display:inline
	}
	
	.coda-nav ul li a { 
		display: inline;
		float: left; 
		background: rgb(0,9,18); 
		color: #fff; 
		margin-right: 0; 
		padding: 0; 
		text-decoration: none; 
		font-size: 21px; 
		width: 200px; 
		text-align: center; 
		height: 50px; 
		line-height: 50px;
	}
	
	.coda-nav ul li a:hover { 
		background: #39c;
	}
	
/* 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;
	}