/* --- [ modal window css ] --- */


/* --- [ window overlay ] ---*/

	.windowOverlay {	/* hdspaGallerific.css only */
			
					height:					100%;
					position:				fixed;
					overflow:				hidden;
					top:					0;
					left:					0;
					background-color:		#333;
					/*background:			url(../graphics/techno02.png);*/
					width:					100%;
					z-index:				2000;
					opacity:				0.8;
					filter:					Alpha(Opacity=80);		}
					
					
/* --- [ .tourDialog ] --- */

	.tourDialog {
		
					z-index:				2002;					}
					
					
/* --- [ dialog window ] --- */
								
	.dialogWindow {		/* hdspaGallerific.css only */											 
	
					color:					black;
					padding:				0;
					padding-bottom:			50px;
					width:					728px;
					z-index:				2001;
					position:				absolute;
					top:					10%;
					left:					23%;
					overflow:				visible;				}
					
					
/* --- [ dialog top, middle, bottom ] --- */
					
	.dialogTop {	/* hdspaGallerific.css only */																
	
					width:					728px;
					height:					22px;
					background:				url(../graphics/rec728topw728h22.png);			}
					
	.dialogMiddle {	/* hdspaGallerific.css only */
	
					width:					688px;
					padding:				10px 0px 0 40px;				
					background:				url(../graphics/rec728middlew728h12.png);	}					
					
	.dialogBottom {
	
					width:					728px;
					height:					22px;
					background:				url(../graphics/rec728bottomw728h22.png);		}
					
					
/* --- [ slideshow title ] --- */					
					
	div.slideShowTitle {	/* hdspaGallerific.css only */
	
					text-align:				center;
					font-family:			'trebuchet ms', arial, helvetica, sans-serif;
					font-weight:			bold;
					font-size:				13px;
					padding:				2px;
					border:					1px solid #fff;
					background-color:		#aaa;
					margin-right:			40px;
					margin-bottom:			10px;
					color:					#fff;					}
					
					
/* --- [ slideshow close graphic ] --- */					
										
 	#closeWindowDIV {	/* hdspaGallerific.css only */
 	
 					float:					right;
 					margin-right:			5px;
 					margin-top:				0px;
 					cursor:					pointer;				}
 					

					

	
					

					
/* --- [ thumbnail pagination ] --- */
					
	div.pagination a, div.pagination span.current, div.pagination span.ellipsis {

					display: 									block;
					float: 										left;
					margin-right: 								2px;
					padding: 									4px 4px 2px 4px;
					border: 									0px solid blue;
					color:										#555;
					background-color:							none;
					font-size:									12px;
					light-height:								18px;										}					
					
					
	div.pagination {
		
					clear:					both;															}
					
	div.pagination span.ellipsis {
		
					border: 									none;
					padding: 									5px 0 3px 2px;								}
					
	div.pagination a, div.pagination span.current {	/* transferred from galleriffic.css */
	
					display: 				block;
					float: 					left;
					margin-right: 			2px;
					padding: 				4px 4px 2px 4px;
					/*border: 				0px solid #ccc;*/		}
					
	div.pagination a:hover {	/* transferred from galleriffic.css */
	
					/*background-color: 	#eee;*/
					text-decoration: 		none;
					color:					blue;					}
					
					
	div.pagination span.current {	 /* transferred from galleriffic.css */
	
					color:										#000;										}
					
					
					

/* --- [ thumbnails ] --- */


	#thumbs-min ul.thumbs li.selected a.thumb {	/* part of minimal galleriffic styles */ /* transferred from galleriffic.css */
	
					background: 			none;
					color: 					#000;
					font-weight: 			bold;					}
					
	#thumbs-min ul.thumbs li {	/* part of minimal galleriffic styles ] --- */ /* transferred from galleriffic.css */
	
					float: 					none;
					padding: 				0;
					margin: 				0;
					list-style: 			none;					}
					
	#thumbs-min a.thumb {	/* transferred from galleriffic.css */
	
					padding: 				0px;
					display: 				inline;
					border: 				none;					}										
					 
	#thumbs {
		
					width:										184px;										}
					 
	ul.thumbs {
		
					clear: 										both;
					margin: 									0;
					padding: 									0;											}
					
	ul.thumbs li {
		
					float: 										left;
					padding: 									0;
					margin: 									4px 10px 4px 0;
					list-style: 								none;										}
					
	a.thumb {
	
					padding: 									2px;
					display: 									block;
					border: 									1px solid #fff;								}
					
	a.thumb img {	/* --- [ added by Rick to control thumbnail size ] --- */
		
					width:										75px;
					height:										60px;										}
					
	/*ul.thumbs li.selected a.thumb {
		
					background: 								#000;										}*/
					
	a.thumb:focus {
		
					outline: 									none;										}

	ul.thumbs img {
		
					border: 									none;
					display: 									block;										}

					

	
/* --- [ main image controls ] --- */


	div.content {	/* transferred from galleriffic.css */
	
					/* The display of content is enabled by a javascript generated style on the page.
	   				   This is so that the slideshow content won't display unless javascript is enabled. */
	   				   
					display: 				none;
					float:					left;	/* original galleriffic setting is float:right */
					width:					465px; 					}
									
	div.content a, div.navigation a {	/* transferred from galleriffic.css */
	
					text-decoration: 		none;
					color: 					#777;
					font-size:				12px;
					font-weight:			normal;
					font-family:			'trebuchet ms', arial, helvetica, sans-serif;					}
									
	div.content  a:focus, div.content  a:hover, div.content  a:active {		/* transferred from galleriffic.css */
	
					/* original galleriffic.css setting was text-decoration:underline only */	
					text-decoration: 		none;
					color:					white;					}
									
	div.controls {	/* transferred from galleriffic.css */
	
					margin-top:				5px;
					height:					22px;
					width:					460px;					}
									
	div.controls a {	/* transferred from galleriffic.css */
	
					padding:				5px;					}
										
	div.ss-controls {	/* transferred from galleriffic.css */ 
	
					float:					left;					}
									
	div.nav-controls {	 /* transferred from galleriffic.css */ 
	
					float:					right;					}
					
					
/* --- [ slideshow loading graphic ] ---*/
				
	div.loader {	/* transferred from galleriffic.css */

					position:				absolute;
					top:					0;
					left:					0;
					background-image: 		url('../graphics/loader.gif');
					background-repeat: 		no-repeat;
					background-position: 	center;
					width: 					452px;
					height: 				356px;	/* should be at least the height of the largest image in slideshow */ 		}
					
					
/* --- [ main slideshow image ] --- */					

	div.slideshow { /* transferred from galleriffic-3.css | originally div.slideshow had no settings */
	
					clear: 					both;					}
					
	div.slideshow-container {
		
					position: relative;
					clear: both;
					height: 356px; /* This should be set to be at least the height of the largest image in the slideshow */		}					
										
	div.slideshow span.image-wrapper { /* transferred from galleriffic.css */
					
					/*float: 					left;*/
					display:				block;
					padding-bottom: 		0px;
					padding-top:			1px;
					position:				absolute;
					top:					0;
					left:					0;

					/* below are the original galleriffic-3.css settings
					 * display:block; position:absolute; top:0; left:0;
					 */																				}
					 
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
		
					text-decoration: 		none;													}					 
									
	div.slideshow a.advance-link {	/* transferred from galleriffic.css */
	
					padding: 				2px;
					padding-left:			0px;
					display: 				block;
					border: 				1px solid #fff;
					overflow:				hidden;
					width:					456px; /* set to width of large images */
					height:					356px; /* set to height of large images */
					text-align:				left;													}
					
	div.slideshow img {	/* transferred from galleriffic.css */
	
					border:					none;
					/*display:				block;*/
					width:					452px;					
					height:					356px;
					/* original galleriffic-3.css had the following settings
					 * vertical-align:middle; border:1px solid #ccc; */								}
					 
					 
					 
/* --- [ caption, image title, download ] --- */					 
					
	div.download {	/* transferred from galleriffic.css */
	
					display:				none; /* added by Rick */
					float:					right;
					/* original galleriffic-3.css had the following settings
					 * float:right */																}
					 
					
	/*div.embox { /* transferred from galleriffic.css
	
					clear:					both;
					margin-top:				10px;
					border:					1px solid #fff;	
					/*background-color:		#eee;
					padding:				12px;
					margin-right:			40px;					}*/
					
					
	div.image-title {	/* set to display:none because the image title was not used in this implementation */

					display:				none;
					font-weight:			bold;
					font-size:				1.4em;
					/* orignal settings in galleriffic-3.css were:
					 * line-height:1.3em, font-weght:normal, font-size:1.4em
					 */																				}
					

	div.image-desc {

					/* original settings in galleriffic-3.css */
					font-weight:			normal;
					line-height:			1.3em;
					color:					#555;													}


	
	/*.slideShowImageDescription {

					border:					1px solid #fff;
					margin-right:			40px;
					margin-left:			185px;
					margin-top:				11px;
					padding:				15px;
					text-align:				justify;											}*/
					
					
	span.image-caption {

					color:					#555;  /* customize caption color */	
					display: 				block;
					position: 				absolute;
					width: 					465px; /* original in galleriffic-3.css was 550px */
					top: 0;
					left: 0;																	}					
					
	div.caption	{
	
					font-family:			'trebuchet ms', arial, helvetica, sans-serif;
					font-size:				12px;
					width:					450px;
					/* original galleriffic had only the following settings: */
					height:					30px;
					padding-top:			15px;
					padding-left:			5px;												}
					
	div.caption-container {
		
					position: 				relative;
					clear: 					left;
					height: 				75px;												}					
								

					
					
/* --- [ navigation ] --- */

	div.navigation {
					/* The navigation style is set using jQuery so that the javascript specific
					 * styles won't be applied unless javascript is enabled. */
					width:										184px;
					float:										left;										}
					
	div.navigation div.top { /* transferred from galleriffic-3.css */
	
					margin-bottom:			0px;
					height:					23px;					}
					
	div.navigation div.bottom {	/* transferred from galleriffic-3.css */
	
					margin-top:					12px;					}