Div flutuante com fundo escuro

[Rafael Borba de Castro]

Boa tarde.

Alguém me ajuda, to com uma baita dúvida em fazer o banner flutuante com a página escurecida.

Assim que abre a página, já aparece o Banner Flutuante (DIV), gostaria que a página ficasse escura, só mostrando a DIV, e quando clicar no FECHAR do banner a página voltasse ao normal.

STYLE:

<style type="text/css">

#apDiv1 {
    position:absolute;
    left:50%; 
    top:50%;
    margin:-191px 0 0 -255px;
}
</style>

DIV:

<div id="apDiv1">
<table width="100" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="right"><a href="#" onClick="document.all.apDiv1.style.display='none'"><img src="Img/Fx/comunicado importante-v01.jpg" width="510" height="382" border="0" usemap="#MapMapMapMapMap"></a>
<map name="MapMapMapMapMap" id="MapMapMapMapMap">
<area shape="rect" coords="442,351,508,380" href="#" alt="Fechar" onClick="MM_showHideLayers('apDiv1','','hide')">
</map>
</div>
</td>
</tr>
</table>
</div>

Queria que essa DIV (#apDiv1) ficasse exposta com o fundo (página toda) escuro.