/*
	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.
*/

/* Most common stuff you'll need to change */

    /* Use this to keep the slider content contained in a box even when JavaScript is disabled */
    .coda-slider-no-js .coda-slider { height: 305px; }

    /* Change the width of the entire slider (without dynamic arrows) */
    .coda-slider-wrapper, .coda-slider, .coda-slider .panel { width: 695px; height: 305px; }

    /* Arrow styling */
    .coda-nav-left, .coda-nav-right { top: 123px; width: 61px; height: 56px; }
    .coda-nav-left a, .coda-nav-right a { color: #090; width: 100%; height: 100%; cursor: pointer; }
    .coda-nav-left a { background: url(../images/slide-arrow-left.png) no-repeat; }
    * html .coda-nav-left a { /* IE6 */ filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slide-arrow-left.png', sizingmethod='crop')"); background: none; }
    .coda-nav-right a { background: url(../images/slide-arrow-right.png) no-repeat; }
    * html .coda-nav-right a { /* IE6 */ filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slide-arrow-right.png', sizingmethod='crop')"); background: none; }

    /* Tab nav */
    .coda-nav { bottom: 6px; right: 4px; width: auto; height: 26px; }
    .coda-nav a { background: url(../images/slider-button-sprite.png) no-repeat; width: 29px; height: 26px; }
    * html .coda-nav a { /* IE6 */ background-image: url(../images/slider-button-sprite-IE.png); }
    .coda-nav .tab1 a { background-position: 0 -1px; }
    .coda-nav .tab2 a { background-position: -32px -1px; }
    .coda-nav .tab3 a { background-position: -64px -1px; }
    .coda-nav .tab1 a.current { background-position: 0 -28px; }
    .coda-nav .tab2 a.current { background-position: -32px -28px; }
    .coda-nav .tab3 a.current { background-position: -64px -28px; }

    /* Panel padding */
    .coda-slider .panel-wrapper { }

    /* Preloader */
    .coda-slider p.loading { padding: 20px; text-align: center; }

    /* Custom slide styles and content */
    .slide-01 { background: url(../images/slide1-bg.jpg) no-repeat; }
    .slide-01 h2 img { position: absolute; left: 318px; top: 20px; }
    .slide-01 p { position: absolute; left: 330px; top: 225px; width: 300px; color: #fff; font: bold 14px/18px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); }
    .slide-01 .btn img { position: absolute; left: 48px; top: 20px; }

    .slide-02 { background: url(../images/slide2-bg.jpg) no-repeat; }
    .slide-02 h2 img { position: absolute; left: 21px; top: 20px; }
    .slide-02 blockquote img { position: absolute; left: 418px; top: 57px; }
    .slide-02 .btn img { position: absolute; left: 397px; top: 211px; }
    .slide-02 em img { position: absolute; left: 21px; top: 278px; }

    .slide-03 { background: url(../images/slide3-bg.jpg) no-repeat; }
    .slide-03 h2 img { position: absolute; left: 344px; top: 20px; }
    .slide-03 p { position: absolute; left: 357px; top: 65px; width: 300px; color: #fff; font: bold 14px/18px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); }
    .slide-03 .btn img { position: absolute; left: 352px; top: 129px; }

    /* Override site styles */
    .coda-slider-wrapper#coda-slider-wrapper-1 h2,
    .coda-slider-wrapper#coda-slider-wrapper-1 ul,
    .coda-slider-wrapper#coda-slider-wrapper-1 li,
    .coda-slider-wrapper#coda-slider-wrapper-1 p { margin: 0; padding: 0; }
    .coda-slider-wrapper#coda-slider-wrapper-1 a { color: #386481; text-decoration: none; }

/* Don't change anything below here unless you know what you're doing */

    .coda-slider-wrapper { position: relative; }

    /* Tabbed nav */
    .coda-nav { position: absolute; z-index: 2; }
    .coda-nav ul { clear: both; float: right; display: block; margin: 0; padding: 0; overflow: hidden; }
    .coda-nav li { display: inline; }
    .coda-nav a { display: block; float: left; text-decoration: none; margin-right: 3px; text-indent: -9999px; }

    /* Miscellaneous */
    .coda-slider-wrapper { clear: both; overflow: auto; }
    .coda-slider { float: left; overflow: hidden; position: relative; }
    .coda-slider .panel { display: block; float: left; position: relative; }
    .coda-slider .panel-container { position: relative; }

    /* Arrow positioning */
    .coda-nav-left, .coda-nav-right { position: absolute; z-index: 2; }
    .coda-nav-left { left: 0; }
    .coda-nav-right { right: 0; }
    .coda-nav-left a, .coda-nav-right a { display: block; text-decoration: none; text-indent: -9999px; }
    .coda-nav-left a:focus, .coda-nav-right a:focus { outline: 0 none; }
