/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
div.content {display: none;}


/* Controls the text for titles of images in slideshow */
div.content a {text-decoration: none;
			   color:#606;
			   font-weight:bold;} 

/* CSS for the page scroller text of slideshow */
div.navigation a {text-decoration: none;
				  color:#000;}
								 
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: none;
																color:#F90;
																font-weight:bold;}

div.controls a {padding: 5px;}

div.ss-controls {float: left;
				 margin-left:30px;}

div.nav-controls {float: right;
				  margin-right:30px;}

div.slideshow-container {position: relative;
						 clear: both;
						 height: 325px;}
						 
div.loader {position: absolute;
			top: 25px;
			left: 46px;
			background-image: url('loader.gif');
			background-repeat: no-repeat;
			background-position:center;
			width: 400px;
			height: 325px;}
			
div.slideshow {}

div.slideshow span.image-wrapper {display: block;
								  position: absolute;
								  top: 25px;
								  left: 46px;}
								  
div.slideshow a.advance-link {display: block;
							  width: 400px;
							  height: 325px; 
							  line-height: 325px; 
							 }
							  
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}

div.slideshow img {position: absolute;
				   top: 0px;
				   left: 0px;
			       border: 1px solid #ccc;}

div.caption-container {position: relative;
					   clear:left;
					   height: 60px;}
					   
span.image-caption {display: block;
					position: absolute;
					width: 400px;
					top: 30px;
					left: 10px;}
					
div.caption {padding: 12px;}

div.image-title {color:#606;
				 font-size: 1.4em;
				 text-align:center;
				 margin-left:85px;
				 text-decoration:underline;
				 font-style:italic;}
	
	
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
div.navigation {}

ul.thumbs {clear: both;
		   margin: 0;
		   padding: 0;}
		   
ul.thumbs li {float: left;
			  padding: 0;
			  margin: 5px 10px 5px 0;
			  list-style: none;}
			  
a.thumb {padding: 2px;
		 display: block;
		 border: 1px solid #ccc;}
		 
ul.thumbs li.selected a.thumb {}

a.thumb:focus {outline: none;}

ul.thumbs img {border: none;
			   display: block;}
			   
div.pagination {clear: both;}

div.navigation div.top {margin-bottom: 12px;
						height: 11px;}
						
div.navigation div.bottom {margin-top: 12px;}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
						display: block;
						float: left;
						margin-right: 2px;
						padding: 4px 7px 2px 7px;
						border: 1px solid #ccc;}
						
div.pagination a:hover {background-color: #eee;
						text-decoration: none;}
/**/						
div.pagination span.current {font-weight: bold;
							 background-color: #000;
							 color:#fff;}
							 
div.pagination span.ellipsis {border: none;
							  padding: 5px 0 3px 2px;}