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

div#pgcontent {
	margin:auto;
	width:787px;
	height:550px;
	background:#FFFFFF;
}
/* credits: www.freecssmenus.co.uk */
#pg { 
width:734px;
margin:auto;
height:550px;
border:0px dotted #666;
padding:0px;
padding-top:20px;
}
#pg ul { list-style:none;
padding:0;
margin:0;
width:360px;
height:550px;
position:relative;
float:left;
}
#pg ul li { display:inline;
top:0;
width:80px;
height:80px;
float:left;
/*clear:left;  /*...makes everything align left on colum*/
margin:0 0 7px 7px; /*space between images*/
}
/*hyper link*/
#pg ul li a { display:block;
width:80px;
height:80px;
text-decoration:none;
border:0px solid #000;
}
/*thumbnails*/
#pg ul li a img { display:block;
width:80px;
height:80px;
border:0;
}
#pg ul li a:hover { 
display:block;
white-space:normal;
/*background-color:#33cc00;*/
background-image: url(images/bgg-t.gif);
/*position:-75px;*/
border:0px;
}
/*Large Image*/
#pg ul li a:hover img {
	position:absolute;
	left:370px;
	top:0;
	width:368px;
	height:275px;
	border:0px solid #000;
	/*background-image: url(upimage/ukmap345.jpg);*/
	background-color:#33cc00;
}

/*background large image horizontal*/
#bg { position:absolute;
left:370px;
top:0;
width:368px;
height:275px;
border:0px solid #000;
background-color:none;
background-image: url(images/bgg.gif);
}

/*text*/
#pg ul li a span {display:none} /*no text display*/
#pg ul li a:hover span { display:block; /*text display*/
position:absolute;
left:375px;
top:300px;
width:330px;
height:auto;
font-size:12px;
font-weight:normal;
color:#999999;

}
/*links on page*/
/*links on Gallery page*/
#glinks {
	position:absolute;
	left:466px;
	top:366px;
	margin:0px;
	width:175px;
	height:auto;
	font-size:12px;
/*background-image: url(images/ukmap345.jpg);*/
}
.glinks {
	margin:0px;
	border:1px solid #fff;
	display:table;
	text-align:center;
	}
.glinks a:link {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:175px;
	height:20px;
	background-color:#000033;
}
.glinks a:visited {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:175px;
	height:20px;
	background-color:#000033;
}
.glinks a:hover {
	text-decoration: none;
	display: inline-block;
	width:175px;
	height:20px;
	color: #ffffff;
	font-weight:bold;
	background-image: url(images/bg_table.png);
	background-repeat:repeat-y;
}
.glinks a:active {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:175px;
	height:20px;
}
/*Gallery Next & Previous links*/
#galnext {
	position:absolute;
	left:7px;
	top:520px;
	margin:0px;
	width:340px;
	height:20px;
	text-align:center;
	font-weight:bold;
	/*background-color:#000033;*/
}
.galnext {
	margin:0px;
}
.galnext a:link {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:170px;
	height:20px;
	background-color:#000033;
}
.galnext a:visited {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:170px;
	height:20px;
	background-color:#000033;
}
.galnext a:hover {
	text-decoration: none;
	display: inline-block;
	width:170px;
	height:20px;
	color: #ffffff;
	font-weight:bold;
	background-image: url(images/bg-previous.jpg);
	background-repeat:repeat-y;
}
.galnext a:active {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:170px;
	height:20px;
}
.galnext2 {
	margin:0px;
}
.galnext2 a:link {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:170px;
	height:20px;
	background-color:#000033;
}
.galnext2 a:visited {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:170px;
	height:20px;
	background-color:#000033;
}
.galnext2 a:hover {
	text-decoration: none;
	display: inline-block;
	width:170px;
	height:20px;
	color: #ffffff;
	font-weight:bold;
	background-image: url(images/bg-next.jpg);
	background-repeat:repeat-y;
}
.galnext2 a:active {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:170px;
	height:20px;
}