/* Web Design Marcelo Rafael - Ação Net */

body {
font-family:'Verdana', Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
font-size:11px;
margin: 0;
padding: 0;
}

#conteiner{
width:800px;
margin:auto;
background-color:#E5E5E5;
}

#topo{
width:800px;
float:left;
background-color:#E5E5E5;
}

#conteudo{
width:800px;
float:left;
position:relative;
background-color:#E5E5E5;
}

#rodape{
background-image:url(rodape.jpg);
width:800px;
float:left;
font-family:'Verdana', Arial, Helvetica, sans-serif;
color: #666666;
font-weight:bold;
font-size:11px;
}

/* Index */
<!--
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
-->



<style>/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
#mask {position:absolute;
z-index:9000;
background-color:#000;
display:none;
}

#boxes .window {
position:absolute;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
width:375px;
height:203px;
</style>
}
/* posiciona o link para fechar a janela */
.close {
display:block;
text-align:right;
}
</style>