/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

IMG.filler {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
	
/*set a border on the images to prevent shifting*/
 #gallery_01f img{border:2px solid white;}
 
 /*Change the colour*/
 .active img{border:2px solid #333 !important;}
 
 imagetextbackground{
position:fixed;
	z-index: 1000; 
	top: 306px; 
	left:1px;
	height: 20px; 
	width: 120px; 
	overflow: hidden; 
	background-color: #ffffff; 
	layer-background-color: #000000; 
	border: 1px none #000000; 
	opacity:.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

imagetextbackground:hover{
	top: 240px; 
	height:80px;
	width: 440px; 
	left:1px;
	overflow-y: hidden;
    overflow-x: hidden;
    background-color: #ffffff; 
	opacity:.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}


imageTitleText{
	position:fixed;
	z-index: 1000; 
	top: 306px; 
	left:6px;
	height: 20px; 
	width: 120px; 
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	overflow: hidden; 
}

imageTitleText:hover{
	top: 240px; 
	height:80px;
	width: 435px; 
	left:1px;
	overflow-y: scroll;
    overflow-x: hidden;
	background-color: #ffffff; 
	opacity:.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}