@charset "utf-8";
/* CSS Document */ 

#photopg_container {
	position:relative; 
	width:900px; 
	height:600px; 
	margin:20px auto 0 auto; 
	border:1px groove #aaa; 
	} 

#photopg_container ul { 	
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
#photopg_container h1 {
	font-family: tahoma; arial, sans-serif;
	}	
	
/* Remove the images and text from sight */ 
#photopg_container a.gallery span { 
	position:absolute; 
	width:1px; 
	height:1px; 
	top:5px; 
	left:5px; 
	overflow:hidden; 
	background:#fff; 
	} 	
	
/* Adding the thumbnail images */ 
#photopg_container a.gallery, #photopg_container a.gallery:visited { 
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
	cursor:default; 
	} 
#photopg_container a.slidea { 
	background:url(../images/thumbn_Czech_Polish_eggs.jpg); 
	height:84px; 
	width:112px; 
	} 
#photopg_container a.slideb { 
	background:url(../images/thumbn_Slovak_cornhuskdolls.jpg); 
	height:112px; 
	width:84px; 
	} 
	
#photopg_container a.slidec { 
	background: url(../images/thumbn_Czech_man_kroj_buttons.jpg); 
	height:112px; 
	width:84px; 
	}  		
	
#photopg_container a.slided { 
	background:url(../images/thumbn_Poznan_town_xmas07.jpg); 
	height:84px; 
	width:112px; 
	} 

* html #photopg_container a.slided { 
	width:84px; 
	w\idth:112px; 
	} 

#photopg_container a.slidee { 
	background: url(../images/thumbn_Poznan_xmastowntree07.jpg); 
	height:112px; 
	width:84px; 
	} 

#photopg_container a.slidef { 
	background: url(../images/thumbn_Tabor_09_2004.jpg); 
	height:112px; 
	width:84px; 
	} 

/* set the size of the unordered list to neatly house the thumbnails */ 
#photopg_container ul { 
	width:310px; 
	height:600px; 
	} 
#photopg_container li { 
	float:left; 
	} 	

/* move the thumbnails into the correct position */ 
#photopg_container ul { 
	margin:5px; 
	float:right; 
	}	
	
/* change the thumbnail border color */ 
#photopg_container a.gallery:hover { 
	border:1px solid #fff; 
	}	

/* styling the :hover span */ 
#photopg_container a.gallery:hover span { 
	position:absolute; 
	width:504px; 
	height:580px; 
	top:65px; 
	left:20px; 
	color:#000; 
	background:#fff; 
	} 	
	
#photopg_container a.gallery:hover img { 
	border:1px solid #fff; 
	float:left; 
	margin-right:5px; 
	}
	
#photopg_container a.slideb:hover img, #photopg_container a.slidei:hover img { 
	float:right; 
	}	
	
#photopg_container { 
	background:#fff url(../images/Photo%20Gallery%20Cover.jpg) 20px no-repeat; 
	}