/* Modal Popup Styles */

#home-popup {
  position:fixed;
  width:930px;
  height:650px;
  background:#cac6aa;
  left:50%;
  top:200px;
  border-radius:5px;
  margin-left:-465px; 
  margin-top:-150px; 
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  z-index: 200;
  display: none;
  background-image:url('http://files.peacecorps.gov/images/homepage/14-MKT-Popup-bg-stroke-rsz.jpg');
  background-repeat: no-repeat;
}

#popup-hover{
  position:fixed;
  background: #000;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index: 199;
  display: none;
  opacity: .5;
}

#popup-close{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}

.popup-video-box{
  position: absolute;
  left: 107px;
  top: 160px;
  height: 399px;
  width: 709px;
  border: 2px solid #000;
  padding: 1px;
  background-color:#000;
}

.popup-header{
  position: absolute;
  top: 60px;
  left: 173px;
  height: 15px;
  width: 570px;
}

.popup-header p{
  line-height: 25px;
  font-size: 30px;
  font-family: Georgia, sans-serif;
  color: #FFF;
}

.popup-body{
  position: absolute;
  top: 105px;
  left: 174px;
  height: 50px;
  width: 580px;
}

.popup-body p{
  line-height: 25px;
  font-size: 23px;
  font-family: Georgia, sans-serif;
  color: #FFF;
}

.popup-link{
  position:absolute;
  top: 613px;
  left: 720px;
}

.popup-link p a{
  font-size: 15px;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  color: #FFF;
}