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

	.coda-slider-wrapper { padding: 0 27px;overflow:hidden;height:300px;}
	.coda-slider { color:#FFF;}
	
	/* 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: 940px; color:#FFF;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px 0;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

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

	/
	
	/* 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 }
	
	#slider h2,#slider p{
	  color:#FFF;
	  font-family:Arial,sans-serif;
	  margin-top:0;
	}
	#slider h2{
	  margin-bottom:20px;
	font-size:24px;
	margin:20px 0 10px 0;
	  text-shadow:0 -2px 2px #000000;
	}
	#slider-container{
  -moz-border-radius:5px;
  border:1px solid #000000;
  margin-bottom:40px;
}
#slider{
  -moz-border-radius:5px;
  border:1px solid #656565;
  border:1px solid rgba(255,255,255,0.27);
  min-height:300px;
  background: #0C0C0C url(../images/slider_bg.png) repeat-x;
  position:relative;
}
#slider_left_arrow{
  position:absolute;
  top:131px;
  left:-19px;
}
#slider_right_arrow{
  position:absolute;
  top:131px;
  right:-19px;
}
#slider-content div.panel img{
  border:1px solid #FFF;
}

#slider-content div.panel div.left{
  width:475px;
  margin-left:20px;
  margin-right:25px;
}
#slider-content div.panel div.right{
  width:420px;
  float:left;
}