/*
    anythingSlider v1.2
    
    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/
*/


.photo-gallery                         { width: 900px; height: 276px; position: relative; margin: 0 0 15px 20px; background:#eee;}
.photo-gallery .wrapper                { width: 620px; overflow: auto; height: 276px; margin: 0; position: absolute; top: 0; left: 0; background:url(../images/gallery_bg.png) no-repeat;}

                                       /* Width below is max for Opera */
.photo-gallery .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.photo-gallery ul li				   { position:relative; display: block; float: left; padding: 0; height: 276px; width: 620px; margin: 0; }	
.photo-gallery div.showDes	   		   { position:absolute; background:white; bottom:25px; left:0; font-size:3em; color:#ec7e1a; padding:10px 20px; line-height:1.1em; text-shadow:0px 1px white;}	
.photo-gallery div.showDes a,
.photo-gallery div.showDes a:visited   { color:#EC7E1A;} 

.photo-gallery div.showDes a span.wArr {color:#aaaaaa;}
.photo-gallery div.showDes a span.wArr:hover {color:black}


.photo-gallery div.showDes span.readmore  	   {position:absolute; display:block; width:93px; height:28px; top:15px; right:20px;}

.photo-gallery div.showDes span.readmore a,     
.photo-gallery div.showDes span.readmore a:visited	   {display:block; width:93px; height:28px; background: url(../img/homeReadMore.png) no-repeat 0 0;} 

.photo-gallery div.showDes span.readmore a:hover,     
.photo-gallery div.showDes span.readmore a:active	   {color:#ec7e1a;} 

.photo-gallery .arrow                  { display: none; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.photo-gallery .forward                { background-position: 0 0; right: -20px; }
.photo-gallery .back                   { background-position: -67px 0; left: -20px; }
.photo-gallery .forward:hover          { background-position: 0 -200px;}
.photo-gallery .back:hover             { background-position: -67px -200px; }

#thumbNav                               { width:278px; float:right; text-align:left;}
#thumbNav a   	                        { position:relative; font-size:1.2em; text-align:left; color: #444; display: block; padding: 9px 10px 0 10px; height:60px; margin:0; background:url(../img/gallery_nav_li_bg.jpg) repeat-x 0 -69px #d2d2d2; line-height:1.4em; text-shadow:0px 1px white;}
#thumbNav a span						{ display:block; color:#ee872b; text-align:left; font-size:1.4em; margin-bottom:3px;}
#thumbNav a span.ind					{display:none;}

#thumbNav a:hover                       { }
#thumbNav a.cur                         { background:url(../img/gallery_nav_li_bg.jpg) repeat-x 0 0 #ec7e1a !important; text-shadow:0px 1px #f0b986;}
#thumbNav a.cur span					{ color:#222 !important;}
#thumbNav a.cur span.ind 				{ display:block !important; position:absolute; top:0; left:-16px; width:16px; height:69px; background:url(../img/gallery_nav_arrow.png) no-repeat;}

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.photo-gallery .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.photo-gallery .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }