/* @override 
	http://www.creative-process.com/david/evo/assets/templates/davids/home-coda-slider.css
	http://www.creative-process.com/david/assets/templates/davids/home-coda-slider.css
*/

/*
	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: 20px;
	 }
	 
	.panel h2.title { 
	margin-bottom: 10px; 
	}
	
	noscript div { 
	background: #ccc; 
	margin: 20px 0; 
	padding: 15px;
}

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

	.coda-slider-wrapper { 
	padding: 14px 0 0; 
	}
	
	.coda-slider { 
	background: transparent;
	}
	
	/* 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: 300px;
	} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 300px;
	}
	
	.coda-slider-wrapper.arrows .coda-slider { 
	margin: 0 0 0 136px;
	 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {
	display: block; 
	text-align: center; 
	text-decoration: none;
	letter-spacing: -4px;
	font: 34px/37px Georgia, "Times New Roman", Times, serif;
	position: fixed;
	vertical-align: middle;
	background-color: transparent;
}
.coda-nav-left a{
	color: #545050; 
	left: 99px;
	top: 412px;
	background-image: url(/david/assets/images/goleft.png);
	width: 62px;
	height: 45px;
} 

.coda-nav-right a {
	color: #480b00; 
	left: 459px;
	text-align: center;
	top: 399px;
	background: url(/david/assets/images/goright.png) no-repeat 9px 0;
	width: 110px;
	height: 83px;
	line-height: 69px;
}




.coda-nav-right a:hover, .coda-nav-left a:hover {
	color: #da1100;
	text-decoration: none;
	font-weight: bold;
}

.coda-nav-right a:hover{
	background-image: url(/david/assets/images/goneright.png);
}

.coda-nav-left a:hover {
	background-image: url(/david/assets/images/goneleft.png);
}
	
	/* Tab nav */
	.coda-nav ul li a.current { 
	background: #a21a00;
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { 
	padding: 0;
	width: 300px;
	height: 550px;
}
	
	/* 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: visible; 
	}
	
	.coda-slider { 
	float: left; 
	overflow: visible; 
	position: relative;
	top: 18px;
}
	
	.coda-slider .panel { 
	display: block; 
	float: left 
	}
	.coda-slider .panel-container { 
	position: relative; 
	}
	
	.coda-nav-left, .coda-nav-right { 
	float: left;
	position: relative;
	bottom: 18px;
	z-index: 100;
	background-image: url(/david/assets/images/goright.png);
}