/* Insignificant stuff, for demo purposes */
	body { padding: 20px }
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

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

	.coda-slider-wrapper { padding: 20px 0 }
	.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: 200px; overflow: auto !important; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width:700px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
		.coda-slider-wrapper {
	position:absolute;
	top: 50px;
	left: 50%;
	width:700px;
	margin-left: -350px; /*set to a negative number 1/2 of your width*/
	z-index:99;}
	
	 .panel-wrapper { margin-top:30px;

}
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 700px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {color: #fff; padding: 5px; width: 50px;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #10b1e8 }
	
	/* 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; line-height:50px; }
	.coda-nav ul li { display: inline; width:172px; }
	.coda-nav ul li a { color: #fff; display: block; float: left; text-decoration: none; width:172px; text-align:center; font-size:30px;}
	
	/* 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 { position:absolute; left: 0;			top: 200px;}
	.coda-nav-right { position:absolute; right:0; 			top: 200px;}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; font-size:14px; }
	#coda-nav-1 {
	width:860px;
	background-color: #333333;
	height: 50px;
	padding: 0PX 10px;
	position: fixed; 
	top:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	z-index:102;
		left: 50%;
	margin-left: -440px; /*set to a negative number 1/2 of your width +10 */

}
#coda-slider-1 { clear: both }
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:1px;
	display:none;
	color:#fff;
	z-index:101;
	}
.arrow { 
opacity: 0.2;
filter:alpha(opacity=20);
-moz-opacity:0.2;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;
}

.arrow:hover { 
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-khtml-opacity: 0.5;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
}