/*
     AnythingSlider v1.4
 
     By Chris Coyier: http://css-tricks.com
     with major improvements by Doug Neiner: http://pixelgraphics.us/
     based on work by Remy Sharp: http://jqueryfordesigners.com/
 */
 
 /******* SET DEFAULT DIMENSIONS HERE ********/
 div.anythingSlider {
 	width: 100%;
 	height: 300px;
 	margin: 0 auto;
 }
 
 /****** SET COLORS HERE *******/
 /* Default State */
 div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
 	background-color: white;
 }
 
 
  
 div.anythingSlider .anythingWindow {
 	/*border-top: 3px solid #777;
 	border-bottom: 3px solid #777;*/
 }
 /* Active State */
 div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a.cur {
 	background-color: #ed9b43;
 }
 div.anythingSlider.activeSlider .anythingWindow {
 	border-color: #7C9127;
 }
 
 /**** DO NOT CHANGE BELOW THIS LINE ****/
 /* anythingSlider viewport window */
 div.anythingSlider .anythingWindow {
 	overflow: hidden;
 	position: relative;
 	width: 100%;
 	height: 100%;
 }
 /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */
 div.anythingSlider {
 	position: relative;
 	padding: 0 0px 0px 0px;
 }
 /* anythingSlider base UL */
 ul.anythingBase {
 	background: transparent;
 	list-style: none;
 	position: absolute;
 	top: 0; left: 0;
 	margin: 0;
 }
 ul.anythingBase li.panel {
 	background: transparent;
 	display: block;
 	float: left;
 	padding: 0;
 	margin: 0;
 }
 
 /* Navigation Arrows */
 div.anythingSlider .arrow {
 	top: 50%;
 	position: absolute;
 	display: block;
 }
 div.anythingSlider .arrow a {
 	display: block;
 	height: 120px;
 	margin-top: -60px;
 	width: 45px;
 	text-align: center;
 	outline: 0;
 	background: url(../images/arrows.png) no-repeat;
 	text-indent: -9999px;
 }
 div.anythingSlider .forward { right: 0; }
 div.anythingSlider .back { left: 0; }
 div.anythingSlider .forward a { background-position: 0 -40px; }
 div.anythingSlider .back a { background-position: -88px -40px; }
 div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
 div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
 
 /* Navigation Links */
 div.anythingSlider .thumbNav { margin-left: auto; margin-right:auto; width:1000px; position:relative; top:-25px; z-index:999; }
 div.anythingSlider .thumbNav li { display: inline; }
 div.anythingSlider .thumbNav a {
 	color: black;
 	font: 0px/0px verdana, Serif;
 	display: inline-block;
 	text-decoration: none;
 	padding: 2px 5px;
 	height: 5px;
 	margin: 0 5px 0 0;
 	background: white;
 	text-align: center;
 	outline: 0;
 	border:2px solid #c0c0c0;
 	
 }
 div.anythingSlider .thumbNav a:hover { background-color: #ed9b43; }
 
 /* slider autoplay right-to-left, reverse order of nav links to look better */
 div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
 div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
 /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
 
 /* Autoplay Start/Stop button */
 div.anythingSlider .start-stop {
 	display:none;
 	z-index: 10;
 	
 	color: white;
 	padding: 2px 5px;
 	width: 40px;
 	text-align: center;
 	text-decoration: none;
 	float: right;
 	-moz-border-radius-bottomleft: 5px;
 	-moz-border-radius-bottomright: 5px;
 	-webkit-border-bottom-right-radius: 5px;
 	-webkit-border-bottom-left-radius: 5px;
 }
 div.anythingSlider .start-stop.playing { background-color: red; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0 }
 
 /* Demo specific css */
  *                      { margin: 0; padding: 0; }
  
  a, a img               { border: 0; text-decoration: none; }
  
  #page-wrap             { width: 100%; background: white; margin: 0px auto; position: relative; height:300px; }
  

  
  ul                     { margin: 0 0 0px 0; }
  ul li                  { font: 15px Georgia, Serif; margin: 0 0 8px 0; }
  
  #dl                    { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
  #dl:hover              { background: #666; }
  
  /* For Specific Slides */
  #textSlide             { padding: 10px 30px; }
  #textSlide h3          { font: 20px Georgia, Serif; }
  #textSlide h4          { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
  #textSlide ul          { list-style: disc; margin: 0 0 0 25px; }
  #textSlide ul li       { display: list-item; }
  
  .quoteSlide            { padding: 30px; }
  .quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
  .quoteSlide p          { text-align: center; }
  
  /* Set second slider panel sizes */
  #slider2 .panel1       { width: 500px; height: 350px; }
  #slider2 .panel2       { width: 450px; height: 420px; }
  #slider2 .panel3       { width: 680px; height: 317px; }
  #slider2 .panel4       { } /* left undefined to show it defaults to wrapper size */
#slider2 .panel5       { width: 680px; height: 317px; }