/* CSS Document */



img.pgicn {

	text-align: center;

	clear: both;

	margin: 7px 0 0 0;

	padding: 0;

	-moz-border-radius: 8px;

	overflow: hidden;

	border-radius: 8px;

}

a.pgicnlnk {

	text-align: center;

	font-size: 16px;

}

#pagewrap .pgiconnav a h3 {

	margin: 10px 3px 4px 3px;

	padding: 0 0 8px 0; transition: all 0.15s ease-in-out; text-transform: inherit;
	
	font-size: 13pt; color: #555; 

}

.pgiconnav {

	position: relative;

	width: auto;

	margin: 45px auto;

	padding: 0;

	list-style-type: none;

	text-align: center;

}

.pgiconnav li {

	list-style-type: none;

	text-align: center;

	background: none;

	display: inline-block;

	margin: 0 0 20px 0;

	padding: 0;
	
	vertical-align: top;

}

@media screen and (min-width: 300px)
{ .pgiconnav li { width: 100%; } }
@media screen and (min-width: 550px)
{ .pgiconnav li { width: 50%; } }
@media screen and (min-width: 850px)
{ .pgiconnav li { width: 33%; } }
@media screen and (min-width: 1000px)
{ .pgiconnav li { width: 33%; } }

.pgiconnav li a {

	display: block; transition: all 0.15s ease-in-out;

	text-align: center; text-decoration: none;

	padding:  10px 15px 8px 15px;

	margin: 0 7px; box-shadow: 0px 2px 5px #d2d2d2;
-moz-border-radius: 8px;
 

	border-radius: 8px;
}

.pgiconnav li:hover {

	

}

#pagewrap .pgiconnav a:hover { background: #f9f9f9; }

#pagewrap .pgiconnav a:hover h3 {

	color: #77a438;

	text-decoration: none;

}

#pagewrap .pgiconnav .nav-selected a h3,
#pagewrap .pgiconnav .nav-selected a h3:hover { color: #fff; }
#pagewrap .pgiconnav li.nav-selected a { background: #555; }