/*
	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 */

	

body { 
	padding: 30px 
}



.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: 0px 0 
}
	


.coda-slider { 
	background: #FFE0BF
}



/* 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: 774px 
} 
	
	


/* Change margin and width of the slider (with dynamic arrows) */
	
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 776px 
}
	


.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: #543d2c;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #13171A;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #13171A;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #13171A;
	
	
}
	
	


/* 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: inline;
	margin: auto;
	overflow: hidden 
}
	

.coda-nav ul li { 
	display: inline 
}
	


.coda-nav ul li a { 
	
	
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;	

	background: #543d2c; 
	color: #fff; 	
	display: inline; 
	float: left; 
	margin-right: 12px; 
	padding: 0px 15px 2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #13171A;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #13171A;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #13171A;
	
	text-decoration: none 
}

.coda-nav ul li a:hover {

	background: #543d2c;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;

	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #13171A;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #13171A;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #13171A
	
}



/* 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: none; 
	text-align: center; 
	text-decoration: none 
}