<style type="text/css">



hr {
margin: 24px 0;
_margin: 0; /*IE Sucks*/
clear: both;
}

#page-container {
	margin: 0 0px;
	text-align: left;
	width: 380px;
	padding-left: 12px;
}

.pg {
list-style: none none;
}
ul {
	float: none;
}

.pg:after {
clear: both;
display: inline;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 2px;
border: 1px solid #CCC;
padding: 4px;
position: relative;
float: left;
display: block;
width: 100px;
height: 75px;
}

.pg li a:hover {
	font-size: 100%;
	z-index: 2;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 200px;
height: 150px;
left: -50px;
top: -37px;
z-index: 1;
}
#page-container p {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 12px;
	font-size: 10px;
	line-height: 12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
.gallery_images {
	clear: left;
	float: left;
	width: 380px;
}
.caption {
	width: 94px;
	padding-right: 6px;
	padding-left: 10px;
	float: left;
	clear: none;
}
.gallery_captions {
	clear: both;
	float: none;
	padding-right: 15px;
	padding-left: 15px;
}

