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


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

.coda-slider-wrapper { padding: 0 0 0 0; margin-left:14px; display:inline; float:left; }
.coda-slider {  }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 141px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width:531px; height: 141px; } 

/* 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; display:hidden; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; display:hidden; }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; display:hidden; }

/* Tab nav */
.coda-nav ul li a.current { background: #34363E; }

/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px }

/* Preloader */
.coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
#bottom-nav {
	background-color: #FFFFFF;
	height:31px;
	width:531px;
	float:left;
}

.coda-nav ul { clear: both; display: block; margin: 0; overflow: hidden; float:left; }
.coda-nav ul li { display: inline;  margin: 0; float:left; }
.coda-nav ul li a:link, .coda-nav ul li a:visited  { 
	background: #FFFFFF;
	margin: 0;		 
	color: #3F424C; 
	display: block;
	height:31px;
	line-height:31px; 
	float: left;  
	padding-left: 15px; 
	padding-right: 15px; 
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}

.coda-nav ul li a:hover, .coda-nav ul li a:visited:hover  { 
	background: #34363E;
	margin: 0;		 
	color: #FFFFFF; 
	display: block;
	height:31px;
	line-height:31px; 
	float: left;  
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}

/* 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; margin:0; }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
.slider_pic {
	float:left;
	width:200px;
	height:141px;
}
	
.slider_summary {
	float:left;
	width:300px;
	margin: 18px 0 0 15px;
	color: #3F424C;	
	font-size:11px;	
	line-height:18px;
}
	
.slider_link {
	float:right;
	width:150px;
	height:35px;
	margin-right:20px;	
	margin-top:6px;	
}

.slider_link a:link, .slider_link a:visited {
	float:right;
	width:150px;
	height:35px;	
	background-image: url(../images/web/click_more.png);
	background-repeat:no-repeat;	
}

.slider_link a:hover, .slider_link a:visited:hover {
	float:right;
	width:150px;
	height:35px;	
	background-image: url(../images/web/click_more.png);
	background-repeat:no-repeat;		
}