Not sure what is going on here and I will be the first to admit I am not webdev. pie.htc is in place and is being called fine as is evidenced by the rounded corners, but for the life of me, I can't get the box shadows to work. The page in question is here:

http://harlo.pioneertrustbank.com/page/contact_us

You can see the desired effect in IE9/Chrome/Firefox. I don't care about IE7, but we definitely care about consistency in IE8. Any help any of you can provide would be great!

Here is the CSS in question:

/*--------------------------------*/
/* Globals */
/*--------------------------------*/
/*body {background:#ae8a55;}*/
.borderradius .fullradius, .directionswrap .fullradius, .directionswrap{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: url(/assets/css/PIE.htc);}
.borderradius .leftradius{-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;behavior: url(/assets/css/PIE.htc);}
.borderradius .rightradius{-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;behavior: url(/assets/css/PIE.htc);}
.borderradius .top_radius, .top_radius{-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;behavior: url(/assets/css/PIE.htc);}
.borderradius .bot_radius, .bot_radius{-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;behavior: url(/assets/css/PIE.htc);}
.borderradius .botradius{-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;behavior: url(/assets/css/PIE.htc);}
.borderradius .botrightradius{-webkit-border-radius: 0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0;behavior: url(/assets/css/PIE.htc);}
.borderradius .botleftradius{-webkit-border-radius: 0 0 0 4px;-moz-border-radius: 0 0 0 4px;border-radius: 0 0 0 4px;behavior: url(/assets/css/PIE.htc);}

.boxshadow .shadow { box-shadow:0 1px 3px #b3b3b3; -webkit-box-shadow:0 1px 3px #b3b3b3; -moz-box-shadow:0 1px 3px #b3b3b3; }
.boxshadow .shadowdown{-webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .15);-moz-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .15);box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .15);behavior: url(/assets/css/PIE.htc);}
.boxshadow .shadowdown_sml{-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .18);-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .18);box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .18);behavior: url(/assets/css/PIE.htc);}
.boxshadow .shadowglow{-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .2);behavior: url(/assets/css/PIE.htc);}
.boxshadow .downshadow{box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2);behavior: url(/assets/css/PIE.htc);}

It's not totally clear but it looks like all your box-shadow styles are using selectors that depend on the .box-shadow class that is added to the html element by Modernizr. Of course, since IE8 does not support box-shadow natively, Modernizr does not add that class, so your selectors don't match.