/*|**********************************************************|*/
/*| Gallery ajax/php script created by Barry Goodman 07/6/09 |*/
/*| http://barrygoodman.co.uk/downloads	                     |*/				 
/*|**********************************************************|*/


/* container for the whole gallery */
#galall
{
	width:600px;
	height:338px;
	margin:auto;
	clear:both;
	text-align:center;
}



/* main image and its container div */

/* height is only set so the picture stays in correct proportions*/
/*add width to force a set size*/
#galmain
{
	width:600px;
	height:245px;
	margin:auto;
	text-align:center;
	
	/* !tooltips addition! */
	position: relative; /* (contain #galmaintooltip) */
	border: 1px solid #fff; /* (has layout) */
}

#galmainimg
{
	border:2px #e4ef27 solid;
	margin: 0px auto;
}

/* !tooltips addition! */
#galmainimgoverlay { /* div: overlays the main image for the mouseovers */
	position: absolute;
	top: 0px;
	left: 50%;
	width: 500px;
	height: 245px;
	margin-left: -250px;
	z-index: 8000;
}



/*div- contains all thumbs and the nav arrows*/
#galslider
{
	width:600px;
	/* height:115px; */
	margin:auto;
	position:relative;	
	overflow:hidden;
	
	/* !tooltips addition! */
	height: 200px;
	margin-top: -85px;
}

/*image reel (div) shows the correct number of images*/
#galthumbs
{
	width:500px;	
	/* height:90px; */
	overflow:hidden;
	margin:auto;

	/*ie fix for overflow*/
	position:relative;
	top:0px;
	left:0px;
	/*end ie fix*/

	/* !tooltips addition! */
	height: 200px;
}

/*thumnail table*/
#galslide
{
	margin:auto;
	/* margin-top:5px; */

	/* !tooltips addition! */
	 margin-top: 90px;
}


/*thumnail images*/
.galthumb
{
	/*
	height:75px;
	width:90px;
	*/
	border:2px solid #e4ef27;
	margin:1px;
	position:inline;
}

a:hover .galthumb
{
	/*/ for all other browsers*/
	opacity: .75;
	/*/ for IE5-7*/
	filter: alpha(opacity=75);
	/*/ for IE8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}



/*nav arrow divs*/
#galprevarr, #galnextarr
{
	/* height:105px; */
	width:50px;
	text-align:center;
	/*background:#fff;*/
	z-index: 2;	
	position:absolute;
	
	/* !tooltips addition! */
	margin-top: 85px;
}

/*position the boxes*/
#galprevarr
{
	left:0px;
	top:0px;	
}

#galnextarr
{	
	right:0px;
	top:0px;
}

/*set images to the middle of the boxes*/
#galprevarr img, #galnextarr img
{
	margin:auto;
	border:none;
	margin-top:25px;
}

#galprevarr #galprevarrimg:hover, #galnextarr #galnextarrimg:hover
{
	cursor:pointer;
}

#galprevarr #galprevarrimg_out, #galnextarr #galnextarrimg_out
{
	/*/ for all other browsers*/
	opacity: .4;
	/*/ for IE5-7*/
	filter: alpha(opacity=40);
	/*/ for IE8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}



/* !tooptips addition! */

#galmaintooltip { /* div: the tooltip on the main gallery image */
	position: absolute;
	top: 20px;
	left: 40px;
	width: 150px;
	padding: 20px;
	background: #e4ef27;
	border: 1px solid #999;
	color: #666;
	display: none; /* (hide initially) */
}

.galthumbtipcont { /* div: the container divs for the gallery thumb tooltips */
	position: relative;
}
.galthumbtip { /* div: the tooltips on the gallery thumbs */
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 78px;
	z-index: 5000;
	padding: 3px;
	background: #e4ef27;
	border: 1px solid #999;
	color: #666;
	font-size: 8pt;
	line-height: 9pt;
	display: none; /* (hide initially) */	
}