/* Javascript Hover Effect */

#page-container {
margin: 0 auto;
width: 390px;
text-align: left;
}

.pg {
width: 390px;
list-style: none none;
}

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

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

.pg li a {
margin: 2px;
padding: 4px;
border: 1px solid #9fac36;
position: relative;
float: left;
display: inline;
width: 72px;
height: 72px;
}

html>body .pg li a {
margin: 2px;
border: 1px solid #9fac36;
padding: 4px;
float: left;
display: block;
width: 60px;
height: 60px;
}

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

html>body .pg li a:hover {
position: relative;
font-size: 100%;
z-index: 2;
}

.pg li a img {
border: 1px solid #fff;
position: absolute;
width: 60px;
height: 60px;
}

html>body .pg li a img {
border: 0 none;
float: left;
width: 60px;
height: 60px;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
border: 0 none;
width: 110px;
height: 110px;
left: -10px;
top: -15px;
z-index: 1;
}

html> body .pg li a:hover img,.pg li a:active img,.pg li a:focus img {
position: relative;
width: 110px;
height: 110px;
left: -10px;
top: -20px;
z-index: 1;
}

.noborder a{
	border: 1px #fff solid;
}