/* Most common stuff you'll need to change */
.coda-slider-wrapper { padding: 11px; }
.coda-slider { background: #fff }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 260px; overflow: auto !important; padding: 0 }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 408px } 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 408px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 0; width: 50px }
/* Tab nav */
.coda-nav ul li a.current { background: #83c6ff}
/* 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 */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden;padding:0px; margin:0px; }
.coda-nav ul li { display: inline;  }
.coda-nav ul li a { background: #000; color: #fff; display: block;float: left;  margin: 1px; padding: 0; text-decoration: none ;width: 56px; font:18pt "Clarendon", Arial, Helvetica, sans-serif;}
/* 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 }

h4{ margin: 10px 10px 0 10px; color:#FFF; font-size:22pt; letter-spacing:-1px; font-weight: bold;  }
.boxgrid{ width: 406px; height: 245px; margin: 0; float:left; background:#161613; border: 0; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt Arial, Helvetica, sans-serif; }
.boxcaption{ font-family:"Clarendon", Arial, Helvetica, sans-serif;float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {top: 260;left: 0;}
.caption .boxcaption {	top: 220;left: 0;}