h3{clear: both}
/* ------------------------------------------------------------------------------------------------ */
/* jquery tools scrollable
/* ------------------------------------------------------------------------------------------------ */
	.ScrollableGallery .scrollable{
		float:left;
		position:relative;
		overflow:hidden;
		/*width: 535px;*/
		width: 420px;
		margin: 0px auto 0px auto;
	
		/*border:1px solid #ccc;
		background:url(../img/scrollable-photo-gallery/h300.png) repeat-x;*/
	}
	
	.ScrollableGallery .scrollable ul.items {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		overflow:hidden
	}
	
	.ScrollableGallery .scrollable ul.items li {
		float:left;
		margin:2px 2px 2px 2px;
		background-color:#fff;
		padding:1px;
		border:1px solid #ccc;
		cursor:pointer;
		width:75px;
		height:75px;
		overflow:hidden
	}
	
	
	.ScrollableGallery .scrollable ul.items li.active {
		border:1px solid #000;
		z-index:9999;
		position:relative;
	}
	
	/* prev, next, prevPage and nextPage buttons */
	.ScrollableGallery a.browse {
		display:block;
		width:30px;
		height:30px;
		float:left;
		margin:25px 10px;
		cursor:pointer;
		font-size:1px;
	}
	
	.ScrollableGallery a.right{clear:right; margin-right: 0px;background: url(../img/scrollable-photo-gallery/icGearNext30x30.gif) 0 0 no-repeat;}
	.ScrollableGallery a.right:hover{background: url(../img/scrollable-photo-gallery/icGearNext30x30.gif) 0 0 no-repeat;}
	.ScrollableGallery a.right:active{background: url(../img/scrollable-photo-gallery/icGearNext30x30.gif) 0 0 no-repeat;}
	.ScrollableGallery a.left{margin-left: 0px;background: url(../img/scrollable-photo-gallery/icGearPrevious30x30.gif) 0 0 no-repeat;} 
	.ScrollableGallery a.left:hover{background: url(../img/scrollable-photo-gallery/icGearPrevious30x30.gif) 0 0 no-repeat;}
	.ScrollableGallery a.left:active{background: url(../img/scrollable-photo-gallery/icGearPrevious30x30.gif) 0 0 no-repeat;}
	.ScrollableGallery a.disabled{visibility:hidden !important;} 	
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* jquery tools photo overlay
/* ------------------------------------------------------------------------------------------------ */	
	/* the overlayed element */
		.PhotoGalleryOverlay {
			/* must be initially hidden */
			display:none;
			
			/* place overlay on top of other elements */
			z-index:10000;
			
			/* styling */
			background-color:#333;
			
			width:675px;	
			min-height:200px;
			border:1px solid #666;
			
			/* CSS3 styling for latest browsers */
			-moz-box-shadow:0 0 90px 5px #000;
			-webkit-box-shadow: 0 0 90px #000;	
		}
		
		/* close button positioned on upper right corner */		
		.PhotoGalleryOverlay .close{
			background-image:url(../img/scrollable-photo-gallery/close.gif);
			position:absolute;
			right:-15px;
			top:-15px;
			cursor:pointer;
			height:35px;
			width:35px;		
		}
		.PhotoGalleryOverlay .close[class]{
			background-image:url(../img/scrollable-photo-gallery/close.png);
		}
		
		/* the large image. we use a gray border around it */
		.PhotoGalleryOverlay #img {
			border:1px solid #666;
		}
		
		/* "next image" and "prev image" links */
		.PhotoGalleryOverlay .next, .PhotoGalleryOverlay .prev {
			
			/* absolute positioning relative to the overlay */
			position:absolute;
			top:40%;	
			border:1px solid #666;	
			cursor:pointer;
			display:block;
			padding:10px 20px;
			color:#fff;
			font-size:11px;
		}
		
		.PhotoGalleryOverlay .prev {
			left:-61px;
			border-left:0;
		}
		
		.PhotoGalleryOverlay .next {
			right:-63px;
			border-right:0;
		}
		
		.PhotoGalleryOverlay .next:hover, .PhotoGalleryOverlay .prev:hover {
			text-decoration:underline;
			background-color:#000;
		}
		
		/* when there is no next or previous link available this class is added */
		.PhotoGalleryOverlay .disabled {
			visibility:hidden;		
		}
		
		/* the "information box" */
		.PhotoGalleryOverlay .info {
			position:absolute;
			bottom:0;
			left:0;	
			padding:10px 15px;
			color:#fff;
			font-size:11px;
			border-top:1px solid #666;
		}
		
		.PhotoGalleryOverlay .info strong.title{
			display:block;	
		}
		
		.PhotoGalleryOverlay .info em.description{
			display: block;
			font-style: normal
		}
		
		/* progress indicator (animated gif). should be initially hidden */
		.PhotoGalleryOverlay .progress {
			position:absolute;
			top:45%;
			left:50%;
			display:none;
		}
		
		/* everybody should know about RGBA colors. */
		.PhotoGalleryOverlay .next, .PhotoGalleryOverlay .prev, .PhotoGalleryOverlay .info {
			background:#333 !important;
			background:rgba(0, 0, 0, 0.6) url(../img/scrollable-photo-gallery/h80.png) repeat-x;		
		}
	/* /the overlayed element */
/* ------------------------------------------------------------------------------------------------ */