/*pop up styles*/

html, body {height: 100%;
background-color: #c3b0ef;
}


#containerpu {
  margin: 30px auto 0px 50px;
  width: 350px;
  background-color: #fff;
  padding: 30px;
  color: #333;
  border: 3px solid #ccc;
  float: left;
}


.popuptext {
	font-family: 'ArvoRegular', "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	color:#504f56;
	line-height: 20px;
	
}

.popuphead {
	font-family: 'Arvobold', "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
	font-size: 15px;
	color:#623b79;
	line-height: 20px;
	
}



@font-face {
    font-family: 'ArvoRegular';
    src: url('fonts/Arvo-Regular-webfont.eot');
    src: url('fonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arvo-Regular-webfont.woff') format('woff'),
         url('fonts/Arvo-Regular-webfont.ttf') format('truetype'),
         url('fonts/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBold';
    src: url('fonts/Arvo-Bold-webfont.eot');
    src: url('fonts/Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arvo-Bold-webfont.woff') format('woff'),
         url('fonts/Arvo-Bold-webfont.ttf') format('truetype'),
         url('fonts/Arvo-Bold-webfont.svg#ArvoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}