/* POPUPS ----------------------------------------------------*/

#close {
	float: left;
}
#layer0 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/green.png');
	padding: 5px;
  z-index: 10;
}
#layer0 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer0 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer1 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer1 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer2 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer2 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer2 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer3 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer3 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer3 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer4 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer4 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer4 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer5 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer5 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer5 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer6 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer6 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer6 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer7 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer7 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer7 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer8 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer8 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer8 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer9 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer9 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer9 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer10 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer10 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer10 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer11 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer11 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer11 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }
#layer12 {
	position: absolute;
	visibility: hidden;
	width: 310px;	height: 230px;
  top: 50%; left: 50%;  
  margin-left: -155px; 
  margin-top: -115px;
	background-image: url('../images/orange.png');
	padding: 5px;
  z-index: 10;
}
#layer12 h4 {
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px 25px;
	padding: 0;
	font-size: 14px;
  color: #222;
	line-height: 1.2em;
  }
#layer12 p {
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0px 25px;
  font-size: 11px;
  color: #222;
  }