/* CSS Document */

.threecol img.pgicn {
	text-align: center;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
 }
.threecol a.pgicnlnk {
	text-align: center;
	font-size: 16px;
}
#pagewrap #content .threecol.pgiconnav a h4 {
	position: absolute; bottom:0; left:0; display: block;
	width: 100%; margin: 0;background: #c6b02f; font-size: 20px;
	transition: all 0.15s ease-in-out; text-transform: inherit;
	color: #fff; padding: 15px 0; text-shadow: 1px 1px 1px #222;

}
#pagewrap #content .threecol.pgiconnav a h4.nobtnimg {  
position: relative; width: inherit !important; padding: 20px 10px !important;
background: #c6b02f !important; }
#pagewrap #content .threecol.pgiconnav a:hover h4.nobtnimg  { background: #0b0e47 !important; }

.threecol.pgiconnav {
	position: relative;
	width: auto;
	margin: 25px auto;
	padding: 0;
	list-style-type: none;
	
	vertical-align: top;
}
.threecol.pgiconnav li {
	list-style-type: none;position: relative;
	text-align: center;
	background: none; overflow: hidden;
	width: auto; vertical-align: top;
	display: inline-block;
	padding: 0 !important;
	background: #fff; box-shadow: 1px 1px 2px #222; 
	-moz-border-radius: 8px;
    border-radius: 8px;  }
.threecol.pgiconnav li a {
	display: block; transition: all 0.15s ease-in-out;
	text-align: center; text-decoration: none;
	padding: 0; background: rgba(255,255,255,0.5);
	margin: 0; box-shadow: 1px 1px 2px #222; 
	-moz-border-radius: 8px;
    border-radius: 8px;
} 
.threecol.pgiconnav li.nobtnimg a { box-shadow: none !important; }
	
#pagewrap #content .threecol.pgiconnav a:hover h4 { background: #0b0e47; text-decoration: none; }

@media screen and (min-width: 300px)
{  
.threecol.pgiconnav { text-align: center; }
.threecol.pgiconnav li { width: 98%; margin: 10px auto; min-width: 250px; }
}
@media screen and (min-width: 650px)
{ 
.threecol.pgiconnav { text-align: center; }
.threecol.pgiconnav li { width: 48%; margin: 10px 1%; }
}
@media screen and (min-width: 900px)
{  
.threecol.pgiconnav li { width: 31%;  }
}