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

#photo_gallery{
	float:left;
	width:280px;
	position:relative;
	}

	.coda-slider-wrapper{
		 padding: 20px 0
		 }
		 
	.coda-slider{
		background: #ebebeb /* color of background of slider */
		}
	
	/* 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: 265px 
		} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
		width: 265px 
		}
	.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
		}
	
	.coda-nav{
		position:absolute;
		top:134px;
		left:0;
		z-index:999;
		background:url(../images/bg-gallery.png) repeat-y;
		height:16px;
		padding-left:5px;
		}
	
	
	/* Tab nav */
	.coda-nav ul li a.current{
		background:#39c /* color of background of tab on */
		}
	
	/* Panel padding */
	.coda-slider .panel-wrapper{
		padding: 0px;
		height:150px;
		}
	
	/* 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 if and only  want to change the position of tab 
	
	.coda-nav{
		float:left;
		position:absolute;
		top:14px;
		left:0;
		z-index:999;
		width:200px;
		display:block;
		}
		
	 */
	.coda-nav ul{
		clear: both; 
		display: block; 
		margin: auto; 
		overflow: hidden;
		margin:0;
		padding:5px 0 0 0;
		}
		
	.coda-nav ul li{
		display: inline
		}
		
	.coda-nav ul li a{
		background: #fff;
		color: #fff;
		display: block;
		float: left;
		margin-right: 1px;
		padding: 3px 6px;
		text-decoration: none
		}
	
	/* 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: block; 
		text-align: center; 
		text-decoration: none
		}