#apDiv1 {
	position: absolute;
	left:150px;
	top:100px;
	width:712px;
	height:444px;
	z-index:1;
	right: 80px;
}
#apDiv2 {
	position: absolute;
	left:145px;
	top:8px;
	width:143px;
	height:144px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:78px;
	top:294px;
	width:323px;
	height:282px;
	z-index:3;
}
#apDiv4 {
	position:absolute;
	left:343px;
	top:0px;
	width:584px;
	height:100px;
	z-index:4;
}
#apDiv5 {
	position:fixed;
	left:660px;
	top:66px;
	width:188px;
	height:29px;
	z-index:4;
}
#popUP {         				/*começo nomeando a minha div*/
	position:fixed;        			/*posicionei ela em absoluto*/
	width:300px;        				/*defini a largura*/
	background:#0000FF;      			/*aqui eu defini a cor do background*/   
	text-align:justify;           			/*alinhei o texto justificado*/
	left:200px;             			/*alinhei meu texto a esquerda e declarei um valor a ele*/
	top:50px;             				/*meu texto ficará a 50px do topo*/
	border:2px solid #006699;    			/*coloquei uma borda no meu pop up, borda com 1 pixel solida*/
	font:14px/20px Tahoma, Arial, Verdana;     	/*defini o tamanho e a fonte que ficará o texto da minha popup*/
	color:#fff;                              	/*defini aqui a cor do meu texto*/
	padding:10px; 					/*defini a distância do texto para minha borda*/
}
a:link {
    color: #FF9900;
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #FF6600;
	outline: none;
}
a:active {
	text-decoration: none;
	outline: none;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	outline: none;
}


html {
	scrollbar-base-color:#660000;
	overflow: auto;
	overflow-x: hidden;
}
img {
	border: 0; 
	margin: 0px; 
	display: block;
}