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



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

	.slideshow-container
	{
		margin:0 auto;
		padding: 0;	
		width:100%;
		margin-top: 10px;
	}
	.center
	{ 
		/*center content area */
		position: relative;
		margin:0 auto;
		width:950px;
		padding:0px 20px;
	}
	.slide-border
	{
		float: left;
		border:1px solid black !important;
		padding: 10px;
	}
	
	.coda-slider-wrapper 
	{
		margin: 10px 0 0 0;padding: 0px 0; width: 950px; border: 0px solid red;
	}
		
	.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: auto; overflow: auto !important; padding-right: 20px }*/
	
	/* Change the width of the entire slider (without dynamic arrows) 
	.coda-slider, .coda-slider .panel { width: 642px;}*/
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel 
	{ width: 950px;height: auto;}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-left-arrow
	{
		border:0pt none;
		outline: 0pt none;
		margin-top:110px;
		margin-left:6px;
		cursor: pointer;
		color:#666666;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;		
		width: 100px;
	}
	.coda-right-arrow
	{
		border:0pt none;
		outline: 0pt none;
		margin-top:110px;
		margin-left:6px;
		cursor: pointer;
		color:#666666;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;		
		width: 100px;
	}
	.coda-nav-left a
	{
		width: 40px;
		height: 40px;
		border:0pt none;
		outline: 0pt none;
		text-decoration: none;		
	} 	
	.coda-nav-right a 
	{
		width: 40px;
		height: 40px;
		border:0pt none;
		outline: 0pt none;
		text-decoration: none;		
	}	
	.coda-nav-left
	{
		float :left;
		position: absolute;
		margin: -100px 0 0 355px;
		left: 0;
		top: 0;
	}	
	.coda-nav-right
	{
		float :left;
		position: absolute;
		margin: -100px 0 0 507px;
		left: 0;
		top: 0;
	}
	.pause-play
	{
		
		margin: 0 0 0 0;
		padding: 15px 0 0 20px;
		width: 10px;
		height: 10px;
		*margin-top:110px;
	}
	.coda-play
	{
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: none;
	}
	.coda-pause
	{
		width: 10px;
		height: 10px;
		outline: 0pt none;
		cursor: pointer;
		display: none;
	}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider { padding: 0px; height: auto; }	
	
	/* 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;height: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative;}
	.coda-slider .panel { display: block; float: left;/*height: 500px !important;*/}
	.coda-slider .panel-container { float: left;margin: 35px 0 0 0;}
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	.panel-wrapper
	{
		text-align: center;
		height: 100% !important;		
		margin-bottom: 50px;
	}	
	.content	
	{
		width: auto !important;		
	}
	.content img
	{
		border:3px solid #CECEB5;		
		max-width: 800px;
		max-height: 450px;
	}
	.image-loader
	{
		width: 950px;
		height: 100%;
		left: 0px;
		top: 0px;
		background: #fff url('images/start.gif');		
		text-align: center;
		position: absolute;
		display: none;
	}
	.image-loader img
	{
		margin: 180px 0 0 0;		
	}
	.video-border
	{
		float: left;
		height: auto !important;
		width: auto !important;		
		margin: 0 0 0 220px;
		border:3px solid #CECEB5;
	}
	.video-container
	{	
		float: left;
		width: 500px;
		height: 500px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: #000;
		cursor: pointer;
	}
	.flash-border
	{
		float: left;
		height: auto !important;
		width: auto !important;		
		margin: 0 0 0 170px;
		border:3px solid #CECEB5;
	}
	.flash-container
	{
		float: left;
		width: 600px;
		height: auto !important;
		margin: 0;
		padding: 0;		
	}
	.sliderCount
	{
		float :left;
		width: 75px;
		height: 15px;
		position: absolute;
		margin: 10px 0 0 454px;
		color:#999999;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		border-left: 2px solid #999999;
		border-right: 2px solid #999999;
		left: 0;
		top: 0;
		text-align :center;		
	}
	.current-slider
	{
		padding: 0 0px 0 3px;
	}
	.slide-count-mid
	{
		padding: 0 8px 0 8px;
	}
	.total-slider
	{
		padding: 0 8px 0 0px;
	}
	.slider-desc, .movie-slider-desc, .flash-slider-desc
	{
		height: 80px;		
	}
	.movie-slider-desc
	{
		clear: both;
		float: left;
		margin: 0 0 0 220px;		
	}
	.flash-slider-desc
	{
		clear: both;
		float: left;
		margin: 0 0 0 170px;	
	}	
	.title, .movie-slider-desc .title, .flash-slider-desc .title
	{
		font-size:12px;
		font-family: verdana, arial, helvetica, sans-serif;		
		text-decoration:none;
		font-weight: bold;
		font-style: italic;
		color: #666666;
		margin-bottom: 0;
		padding-bottom: 0;
		white-space: nowrap;
	}
	.title, .flash-slider-desc .title
	{
		text-align: left;
	}
	.caption, .movie-slider-desc .caption, .flash-slider-desc .caption
	{		
		font-size:10px;
		font-family: verdana, arial, helvetica, sans-serif;		
		text-decoration:none;
		color: #666666;
		white-space: nowrap;
	}
	.slider-desc .title, .slider-desc .caption
	{
		margin: 10px 0 0 0;
		padding: 0px 0;
		width: 950px;
		margin:0 auto;
	}
	.slider-desc p
	{
		margin: auto !important;
		text-align: left;
	}