/*
	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 { margin:20px; padding: 15px; color:red; border:2px dashed red; background-color:#fff;}
	noscript div p { font-size:12px; color:#444; line-height:18px; font-weight:bold;}
	noscript div p a { font-size:12px; color:red; line-height:18px; font-weight:bold; text-decoration:underline; }

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

	.coda-slider-wrapper { padding:0px; width:960px; height:520px; position:relative; display:block; left:0px;}
	.coda-slider { background: url(../images/site/bac-k.png) repeat-x #333; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {overflow: auto !important;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	/*.coda-slider {position:relative; width:960px; height:480px; border:1px solid #999; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999;  box-shadow:0 0 3px #999;}*/
	.coda-slider, .coda-slider .panel { width: 960px; height:480px; } 
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:960px}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left { position:absolute; left:0px;}
	.coda-nav-left a { position:absolute; top:1px; left:1px; width: 100px; height:478px; z-index:900; cursor:pointer;}
	.coda-nav-left a span { background:url(../images/site/arrow_left.png) no-repeat 0 0; display:none; position:absolute; width:55px; height:100px; left:30px; top:190px; cursor:pointer;}
	.coda-nav-left a:hover { background:url(../images/site/t4.png)}
	.coda-nav-left a:hover span { display:block; z-index:999;}
	
	.coda-nav-right { position:absolute; right:0px;}
	.coda-nav-right a { position:absolute; top:1px; right:1px; width: 100px; height:478px; z-index:900; cursor:pointer;}
	.coda-nav-right a span { background:url(../images/site/arrow_right.png) no-repeat 0 0; display:none; position:absolute; width:55px; height:100px; right:30px; top:190px; cursor:pointer;}
	.coda-nav-right a:hover { background:url(../images/site/t4.png)}
	.coda-nav-right a:hover span { display:block; z-index:999;}
	
	
	/* Tab nav */
	.coda-nav { background:none; position:absolute; z-index:90; bottom:0px; left:0px; width:480px !Important;}
	.coda-nav ul li a.current {font-weight:bold; background-color:#ccc !Important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
	.coda-nav ul li a.current span {border-bottom:0px solid #ff0000; color:#222;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px; width:960px;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 40px; text-align: center; background:url(../images/site/loading.gif) no-repeat center 0px; margin-top:200px; color:#999;  }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: block; margin:0px; overflow: hidden; width:500px !Important; left:0px;}
	.coda-nav ul li { display: inline }
	.coda-nav ul li a {color: #ccc; display: block; float: left; padding: 5px 8px 6px 8px; margin:0px 1px 0px 0px; text-decoration: none; border-left:0px dotted #444; cursor:pointer; font-weight:bold; font-size:12px; line-height:12px;}
	.coda-nav ul li:first-child a { border-left:none; }
	.coda-nav ul li a:hover {color:#222; background-color:#777; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both;}
	.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 }
	
	/* Tumbnails */
	.coda-nav ul li a span span { display:none;}
	.coda-nav ul li a:hover span span { position:absolute; width:100px; height:50px; top:-90px; left:20px; display:block; border:1px solid #222;}
	
	.recent .coda-nav ul li.tab1 a span span { background:url(../images/content/objects/tumb/001.png) #333;}
	.recent .coda-nav ul li.tab2 a span span { background:url(../images/content/recent/tumb/001.png) #333;}
	.recent .coda-nav ul li.tab3 a span span { background:url(../images/content/recent/tumb/002.png) #333;}
	.recent .coda-nav ul li.tab4 a span span { background:url(../images/content/recent/tumb/003.png) #333;}
	.recent .coda-nav ul li.tab5 a span span { background:url(../images/content/recent/tumb/004.png) #333;}
	.recent .coda-nav ul li.tab6 a span span { background:url(../images/content/recent/tumb/005.png) #333;}
	.recent .coda-nav ul li.tab7 a span span { background:url(../images/content/recent/tumb/006.png) #333;}
	.recent .coda-nav ul li.tab8 a span span { background:url(../images/content/recent/tumb/007.png) #333;}
	.recent .coda-nav ul li.tab9 a span span { background:url(../images/content/recent/tumb/008.png) #333;}
	.recent .coda-nav ul li.tab10 a span span { background:url(../images/content/recent/tumb/009.png) #333;}
	
	/*blue*/
	.blue .coda-nav ul li.tab1 a span span { background:url(../images/content/blue/tumb/001.png) #333;}
	.blue .coda-nav ul li.tab2 a span span { background:url(../images/content/blue/tumb/002.png) #333;}
	.blue .coda-nav ul li.tab3 a span span { background:url(../images/content/blue/tumb/003.png) #333;}
	.blue .coda-nav ul li.tab4 a span span { background:url(../images/content/blue/tumb/004.png) #333;}
	.blue .coda-nav ul li.tab5 a span span { background:url(../images/content/blue/tumb/005.png) #333;}
	.blue .coda-nav ul li.tab6 a span span { background:url(../images/content/blue/tumb/006.png) #333;}
	.blue .coda-nav ul li.tab7 a span span { background:url(../images/content/blue/tumb/007.png) #333;}
	
	/*objects*/
	/*.objects .coda-nav ul li.tab1 a span span { background:url(../images/content/objects/tumb/001.png) #333;}*/
	.objects .coda-nav ul li.tab1 a span span { background:url(../images/content/objects/tumb/002.png) #333;}
	.objects .coda-nav ul li.tab2 a span span { background:url(../images/content/objects/tumb/003.png) #333;}
	.objects .coda-nav ul li.tab3 a span span { background:url(../images/content/objects/tumb/004.png) #333;}
	.objects .coda-nav ul li.tab4 a span span { background:url(../images/content/objects/tumb/005.png) #333;}
	.objects .coda-nav ul li.tab5 a span span { background:url(../images/content/objects/tumb/006.png) #333;}
	.objects .coda-nav ul li.tab6 a span span { background:url(../images/content/objects/tumb/007.png) #333;}
	.objects .coda-nav ul li.tab7 a span span { background:url(../images/content/objects/tumb/008.png) #333;}
	.objects .coda-nav ul li.tab8 a span span { background:url(../images/content/objects/tumb/009.png) #333;}
	.objects .coda-nav ul li.tab9 a span span { background:url(../images/content/objects/tumb/010.png) #333;}
	
	/*red_dot*/
	.red_dot .coda-nav ul li.tab1 a span span { background:url(../images/content/red_dot/tumb/001.png) #333;}
	.red_dot .coda-nav ul li.tab2 a span span { background:url(../images/content/red_dot/tumb/002.png) #333;}
	.red_dot .coda-nav ul li.tab3 a span span { background:url(../images/content/red_dot/tumb/003.png) #333;}
	.red_dot .coda-nav ul li.tab4 a span span { background:url(../images/content/red_dot/tumb/004.png) #333;}
	.red_dot .coda-nav ul li.tab5 a span span { background:url(../images/content/red_dot/tumb/005.png) #333;}
	.red_dot .coda-nav ul li.tab6 a span span { background:url(../images/content/red_dot/tumb/006.png) #333;}
	.red_dot .coda-nav ul li.tab7 a span span { background:url(../images/content/red_dot/tumb/007.png) #333;}
	.red_dot .coda-nav ul li.tab8 a span span { background:url(../images/content/red_dot/tumb/008.png) #333;}
	.red_dot .coda-nav ul li.tab9 a span span { background:url(../images/content/red_dot/tumb/009.png) #333;}
	.red_dot .coda-nav ul li.tab10 a span span { background:url(../images/content/red_dot/tumb/010.png) #333;}
	.red_dot .coda-nav ul li.tab11 a span span { background:url(../images/content/red_dot/tumb/011.png) #333;}
	
	/*misc*/
	.misc .coda-nav ul li.tab1 a span span { background:url(../images/content/misc/tumb/001.png) #333;}
	.misc .coda-nav ul li.tab2 a span span { background:url(../images/content/misc/tumb/002.png) #333;}
	.misc .coda-nav ul li.tab3 a span span { background:url(../images/content/misc/tumb/003.png) #333;}
	.misc .coda-nav ul li.tab4 a span span { background:url(../images/content/misc/tumb/004.png) #333;}
	.misc .coda-nav ul li.tab5 a span span { background:url(../images/content/misc/tumb/005.png) #333;}
	.misc .coda-nav ul li.tab6 a span span { background:url(../images/content/misc/tumb/006.png) #333;}
	.misc .coda-nav ul li.tab7 a span span { background:url(../images/content/misc/tumb/007.png) #333;}