I originally took out a semi-transparent overlay from a template (refraction), but now the client wants it applied, but only in the front page.
Currently, I have this which shows the overlay on ALL pages:
<div class="png" id="mainbody-overlay2">
and the CSS value for .light #mainbody-overlay2 is:
background: url("../images/main/light/bg-overlay.png") repeat-y scroll 50% 0 transparent
which produces this overlay the way we want it.
How do I suppress this for inside pages?