@charset "UTF-8";
/* CSS Document */
/*Gallery pages*/
.gallery_content {
	position:relative; 
	width:200px;
	top:540px;
	left:280px;
	color:#000;
	z-index:2000;
}

#gallery_images {
	position:relative; 
	width:800px;
	height:720px;
	margin:0px auto;
	background:url(../images/footer_white.jpg) bottom no-repeat;
}

#gallery_images img.portrait  {
	border:0;
	margin-top:10px;
	}
#gallery_images img.landscape  { 
	border:0;
	margin-top:0px;
	margin-left:0px;
	}	
/* Gallery small images */
#gallery_images .thumbs {
	position:absolute;
	left:0px;
	margin:10px 3px 0px 3px;
	display:block;
	width:60px;
	}
/* KUVATEKSTI */
#gallery_images a.gallery:hover span {
	display:block; 
	position:absolute; 
	width:402px; 
	height:50px; 
	top:480px; 
	left:500px; 
	font-style:normal;
	font-size:1.1em;
	color:#b15903;  
	z-index:100;
	}
/* KUVATEKSTI ekarivi */
#gallery_images a.gallery:hover span:first-line {
	font-style:normal; 
	font-size:1em;
	line-height:18px;
	color:#024103;
	} 
	
#gallery_images a.gallery:active, 
#gallery_images a.gallery:focus {
	border:1px solid #000;
	}
/* kuva laatikko */
#gallery_images a.gallery:active em, 
#gallery_images a.gallery:hover em {
	display:block; 
	position:absolute; 
	width:500px; 
	height:460px; 
	top:0px;
	left:100px;
	padding:0px 3px; 
	border:none; 	
	z-index:50;
	}
	
#gallery_images h4 {
	clear:both;
	position:absolute;
	left:300px;
	top:100px;
	font-size:14px;
	color:#024103;
	padding:0px;
	text-align:left;
	width:200px; 
	}
	
#gallery_images h4 em {
	font-size:12px; 
	color:#555;
	line-height:25px;
	display:block;
	padding-top:15px;
	}
	
/* nappuloiden asettelu */
a.gallery, a.gallery:visited {
	display:block;
	display:inline;
	float:left;
	color:#111; 
	text-decoration:none; 
	border:1px solid #777; 
	margin: 0px; 
	margin-bottom:15px;
	z-index:150;
	}
	
a.slidea { background:url(../images/webdesign/thumbs/lappi.jpg) no-repeat; width:60px; height:46px;}
a.slideb { background:url(../images/webdesign/thumbs/finnpilot.jpg) no-repeat;width:60px; height:46px;}
a.slidec { background:url(../images/webdesign/thumbs/utp.jpg) no-repeat;width:60px; height:46px;}
a.slided { background:url(../images/webdesign/thumbs/jarkipalaa.jpg) no-repeat;width:60px; height:46px;}

a.slidee { background:url(../images/webdesign/thumbs-PI.jpg) no-repeat; width:60px; height:46px;}
a.slidef { background:url(../images/webdesign/thumbs-tivoli.jpg) no-repeat;width:60px; height:46px;}
a.slideg { background:url(../images/webdesign/thumbs-transmeri.jpg) no-repeat;width:60px; height:46px;}
a.slideh { background:url(../images/webdesign/thumbs-tasoristeys.jpg) no-repeat;width:60px; height:46px;}

a:hover.slidea { background:url(../images/webdesign/thumbs/lappi.jpg) no-repeat; width:60px; height:46px;}
a:hover.slideb { background:url(../images/webdesign/thumbs/finnpilot.jpg) no-repeat;width:60px; height:46px;}
a:hover.slidec { background:url(../images/webdesign/thumbs/utp.jpg) no-repeat;width:60px; height:46px;}
a:hover.slided { background:url(../images/webdesign/thumbs/jarkipalaa.jpg) no-repeat;width:60px; height:46px;}

a:hover.slidee { background:url(../images/webdesign/thumbs-PI.jpg) no-repeat; width:60px; height:46px;}
a:hover.slidef { background:url(../images/webdesign/thumbs-tivoli.jpg) no-repeat;width:60px; height:46px;}
a:hover.slideg { background:url(../images/webdesign/thumbs-transmeri.jpg) no-repeat;width:60px; height:46px;}
a:hover.slideh { background:url(../images/webdesign/thumbs-tasoristeys.jpg) no-repeat;width:60px; height:46px;}


a.gallery em, a.gallery span {display:none; }

a.gallery:hover {border:1px solid #024103;}