/* CSS Document */
.popup {
	display: none; 
	position: absolute; 
	left: 50px; 
	bottom: 50px; 
	
	padding: 10px;
	background-color: rgb(255,255,225); 
	text-align: justify; 
	font-size: 80%; 
	width: 375px;
	cursor:pointer;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index:30;
}

.popup1 {
	display: none; 
	position: absolute; 
	right: 50px; 
	bottom: -150px; 
	
	padding: 10px;
	background-color: rgb(255,255,225); 
	text-align: justify; 
	font-size: 80%; 
	width: 400px;
	cursor:pointer;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index:30;
}

.popup2 {
	display: none; 
	position: absolute; 
	right: 50px; 
	bottom: -150px; 
	
	padding: 10px;
	background-color: rgb(255,255,225); 
	text-align: justify; 
	font-size: 80%; 
	width: 702px;
	cursor:pointer;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index:30;
}

.popup3 {
	display: none; 
	position: absolute; 
	right: 50px; 
	top: 200px; 
	
	padding: 10px;
	background-color: rgb(255,255,225); 
	text-align: justify; 
	font-size: 80%; 
	width: 702px;
	cursor:pointer;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index:30;
}

.popup4 {
	display: none; 
	position: absolute; 
	right: 50px; 
	top: 200px; 
	
	padding: 10px;
	background-color: rgb(255,255,225); 
	text-align: justify; 
	font-size: 80%; 
	width: 508px;
	cursor:pointer;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index:30;
}

#close a:hover {
	color: #444444;
}

.popup img{
	float: right;
	padding-right: 0.5em;
}

#close{
	text-align: right;
	margin-right: 2em;
	cursor:pointer;
	font-size: 80%;
	text-decoration:underline;
}