/*------------------------------------ Gallery ----------------------------------*/
#content-gallery {width:960px; height:550px; margin:auto;; font:12px Trebuchet MS; 
                  color:#837351;}
                  
#gallery-wraper {height:545px; width:920px; margin:25px auto; }
div.content { display:none;float:right; width:580px;}
div.content a, div.navigation a {text-decoration:none;}

/*----------------------------------- THUMBNAILS --------------------------------*/
#thumbs {margin-top:15px;}
#content-gallery ul.thumbs {clear:both; height:380px;overflow:hidden;}
#content-gallery ul.thumbs li {float:left; margin:5px 9px 5px 0; border:1px solid #ccc; background-image:none;padding:0;}
#content-gallery a.thumb {padding:2px; display:block;}
#content-gallery ul.thumbs li a:hover {border-color:#fff;}
#content-gallery ul.thumbs li.selected a.thumb {background:#fff;}
#content-gallery ul.thumbs img {border:none; display:block;}

/*--------------------------- TOP AND BOTTOM NAV-NUMBERS ------------------------*/
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div.navigation div.top {height:35px;}
div.navigation div.bottom {margin-top:15px;}
div.pagination {clear:both;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis 
    {display:block; float:left; padding:3px 7px 3px 7px; color:#fff; 
     font:12px Trebuchet MS; background-color:#1D1C17; margin-right:2px;}
div.pagination a:hover {background-color:#261B09; color:#f5f5f5; font:bold 12px Trebuchet MS;}
div.pagination span.current {font:bold 12px Trebuchet MS; color:#f5f5f5; 
                             background-color:#261B09;}

/*---------------------------- Button PLAY-PAUSE SLIDESHOW ----------------------*/
#controls {margin:30px 0px 5px 21px; float:left; width:123px; height:20px; 
           padding-right:10px; ;}
#controls .ss-controls {padding:3px 0 0 10px;}
#controls .ss-controls a {color:#fff; font:bold 12px Trebuchet MS;}

/*------------------------- Loading image for the BIG PHOTOS --------------------*/
div.loader {position:absolute; width:549px; height:413px;
            background-image:url('../img/loaderWhite.gif');
            background-repeat:no-repeat; background-position:center;}
	
/*------------------------------- BIG PHOTOS WRAPPER-----------------------------*/
div.slideshow-container {position:relative; clear:both; padding-left:18px;height:413px;}
div.slideshow span.image-wrapper 
    {display:block; position:absolute; padding:1px 3px 0 0;vertical-align:middle;}
div.slideshow { }
div.slideshow a.advance-link {
	display: block;
	width: 549px;
	height: 413px; /* This should be set to be at least the height of the largest image in the slideshow */
	 /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}

div.slideshow-container img {
	vertical-align:middle;
	padding:2px;
	border: 1px solid #ccc;
}