/*
	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; margin: 20px 0; padding: 15px }

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

	.coda-slider-wrapper { padding:  0 ;}
	.coda-slider { background: #ffffff; /*#ebebeb*/ }


.coda-slider img {
/*
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
*/

/*border-radius: 5px 5px 0 0;*/
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 312px; overflow: auto !important; padding-right: 20px }

	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 945px; height:312px;}

	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 945px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0; }

	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 30px }

	/* Tab nav */

	.coda-nav ul li a.current {
		background-color: #007CC3;
/*		box-shadow:inset 1px 1px 2px #000, 0 0 0 1px #efefef;*/
		color: transparent;
         }

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0; }

	/* 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;
		z-index:1;
		position:absolute;
		top:285px;
		left:790px;
         }
	.coda-nav ul li { display: inline;}
	.coda-nav ul li a {
	display: block;
	float:left;
	margin-right:6px;
	width: 14px;
	text-decoration: none;
	color: transparent;
	background:#bbbbbb;
	font-size: 0;
	line-height:1px;
	height:14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow:inset 1px 1px 2px #000;
	-moz-box-shadow:inset 1px 1px 2px #000;
	box-shadow:inset 1px 1px 2px #000;
        }

	.coda-nav ul li a:hover{
		background-color: #007CC3;
		box-shadow:inset 0px 0px 0px #000, 0 0 0 1px #4c4c4c;
/*
		box-shadow:inset 1px 1px 2px #000, 0 0 0 1px #efefef;
*/
		color: transparent;
	}

	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto ; position:relative; overflow:hidden;}
	.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: none; text-align: center; text-decoration: none }



/* 2013 new style by Vincent 2013.03.08 */
.coda-nav ul {
  position:absolute;
  width:auto;
  height:16px;
  padding: 7px 2px 7px 7px;
/*  bottom:30px;*/
  top:270px;
  left:15px;
  z-index:500;
  border: solid 1px #222;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #373737;
  background-image: linear-gradient(bottom, rgb(45,45,45) 0%, rgb(63,63,63) 100%);
  background-image: -o-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(63,63,63) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(63,63,63) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(63,63,63) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(63,63,63) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(45,45,45)),
  	color-stop(1, rgb(63,63,63))
  );
  -webkit-box-shadow: inset 0 0 1px 0 rgba(255,255,255,.10), inset 0 1px 0 0 rgba(255,255,255,.1);
     -moz-box-shadow: inset 0 0 1px 0 rgba(255,255,255,.10), inset 0 1px 0 0 rgba(255,255,255,.1);
          box-shadow: inset 0 0 1px 0 rgba(255,255,255,.10), inset 0 1px 0 0 rgba(255,255,255,.1);
  opacity: .70;
}

.coda-nav ul:hover {
  opacity: 1;
}
.coda-nav ul li a {
  display: block;
  float:left;
  margin-right:5px;
  width: 16px;
  height:16px;
  text-indent: -9999em;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  background-color: #e7e7e7;
  background-image: linear-gradient(bottom, rgb(231,231,231) 25%, rgb(179,179,179) 100%);
  background-image: -o-linear-gradient(bottom, rgb(231,231,231) 25%, rgb(179,179,179) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(231,231,231) 25%, rgb(179,179,179) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(231,231,231) 25%, rgb(179,179,179) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(231,231,231) 25%, rgb(179,179,179) 100%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.25, rgb(231,231,231)),
  	color-stop(1, rgb(179,179,179))
  );
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,1);
     -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,1);
          box-shadow:inset 0 1px 1px rgba(0,0,0,1);
}
.coda-nav ul li a.current,
.coda-nav ul li a.current:hover {
  cursor: default;
  background-color: #007CC3;
  background-image: linear-gradient(bottom, rgb(0,124,195) 0%, rgb(46,163,230) 100%);
  background-image: -o-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(46,163,230) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(46,163,230) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(46,163,230) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(46,163,230) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(0,124,195)),
  	color-stop(1, rgb(46,163,230))
  );

}