/*
	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.
*/

/* Insignificant stuff, for demo purposes */

.panel h2.title { margin-bottom: 10px }
noscript div { background: #ccc; border: 1px solid #900; }

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

.coda-slider-wrapper { background: #151313 url(http://www.designworkstiles.com/img/dw-bg.gif) repeat; width: 939px; overflow: hidden;  padding-top: 0; height: 580px;  }
.coda-slider { background: #151313 url(http://www.designworkstiles.com/img/dw-bg.gif) repeat; text-align: center; width: 800px; overflow: hidden; }
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 800px; } 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 800px; }
.coda-slider-wrapper.arrows .coda-slider { }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: transparent;  color: #B5055D; width: 68px; outline: none; /*height: 500px;*/ margin-top: 210px; font-size: 40px; }
.coda-nav-left a:hover, .coda-nav-right a:hover { border-bottom: none; color: silver;  }


/* Tab nav */
.coda-nav ul li a.current { background: #39c; }
	
/* Panel padding */
.panel-wrapper { position: relative; height: 580px; }/*height required in Safari for proper display on 1st frame*/
	
/* 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 }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #151313; color: gold; 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 }
#coda-hover { position: absolute; top: 0; left: 0; margin-right: 40px; margin-bottom: 20px; }
#coda-hover p { font-size: 14px Helvetica, Tahoma, Arial, sans-serif; line-height: 1.5em; margin: 1em 0; }
#coda-overlay { display: block; width: 350px; height: 460px; background: url(http://www.designworkstiles.com/img/trans-bk.png) repeat; padding: 20px; text-align: left; }
#coda-overlay h2 { font-size: 18px; color: #FFF; }
#coda-overlay h3 { font-size: 16px; margin: 1em 0; color: #FFF; }
#coda-overlay ul { margin-left: 20px; width: 280px; }
#coda-overlay li { padding: 4px; font-size: 14px; border-bottom: 1px solid #38341b; }
#coda-overlay li a { font-size: 14px; }
#coda-overlay li a:hover { font-size: 16px; }

/*tooltip*/
span.more-info { color: gold; font: 12px Helvetica, Tahoma, Arial, sans-serif; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; padding: 4px 6px; background: url(http://www.designworkstiles.com/img/trans-bk.png) repeat; display: block; }
.link { position: relative; background: #000; }
.link a span.hover { display: none; }
.link a:hover { font-size: 99%; font-color: #FFF; }
.link a:hover span.hover { display: block; position: absolute; margin-top: 0px; width: 440px; padding: 10px; z-index: 100; color: gold; background: url(http://www.designworkstiles.com/img/trans-bk.png) repeat; text-align: left; text-decoration: none; height: 500px; font-size: 14px; }
.link a:hover span.hover p { font-size: 14px; }
.link a:hover span p { width: 400px; background: none; }
a { text-decoration: none; border: 0; }