/* CSS Document */

.pg {
width: 470px;
list-style: none none;
margin-left: 20px;
overflow: visible;
}

.pg:after {
clear: both;
display: block;
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: 100px;
}

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

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

.pg li a img.wider {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
margin-top: 12px;
margin-left: 0;
}


.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 250px;
height: 370px;
left: -50px;
top: -37px;
z-index: 1;
}

.pg li a:hover img.wider,.pg li a:active img.wider,.pg li a:focus img.wider {
width: 370px;
height: 250px;
left: -50px;
top: -37px;
z-index: 1;
}