#myCanvas{
	/*margin: 0 auto;*/
	position: absolute;
	width: 800px;
	left:0;
    right:0;
	}
#canvas-wrap { position:relative } /* Make this a positioned parent */
#overlay     { position:absolute; top:1px; left:0px; }

/*#canvas-wrap { position:relative; width:800px; height:600px }
#canvas-wrap canvas { position:absolute; top:0; left:0; z-index:0 }*/
#charles{
	margin-left: 320px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#charles h4{
	padding-left: 7px;
}
#charles p{
	padding-left: 5px;
	width: 90%;
}
#charles img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#charles h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#charles p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#betty{
	margin-left: 545px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#betty h4{
	padding-left: 7px;
}
#betty p{
	padding-left: 5px;
	width: 90%;
}
#betty img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#betty h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#betty p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#lupe{
	margin-top: 244px;
	margin-left: 5px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#lupe h4{
	padding-left: 7px;
}
#lupe p{
	padding-left: 5px;
	width: 90%;
}
#lupe img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#lupe h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#lupe p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#rob{
	margin-top: 244px;
	margin-left: 220px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#rob h4{
	padding-left: 7px;
}
#rob p{
	padding-left: 5px;
	width: 90%;
}
#rob img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#rob h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#rob p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#sally{
	margin-top: 244px;
	margin-left: 420px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#sally h4{
	padding-left: 7px;
}
#sally p{
	padding-left: 5px;
	width: 90%;
}
#sally img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#sally h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#sally p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#nate{
	margin-top: 244px;
	margin-left: 629px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#nate h4{
	padding-left: 7px;
}
#nate p{
	padding-left: 5px;
	width: 90%;
}
/*#nate img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#nate h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#kelsey{
	margin-top: 485px;
	margin-left: 5px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#kelsey h4{
	padding-left: 7px;
}
#kelsey p{
	padding-left: 2px;
	width: 90%;
	font-size: 12.5px;
}
#kelsey img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#kelsey h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#kelsey p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#chris{
	margin-top: 485px;
	margin-left: 220px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#chris h4{
	padding-left: 7px;
}
#chris p{
	padding-left: 2px;
	width: 90%;
	font-size: 12.7px;
}
#chris img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#chris h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#chris p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#maria{
	margin-top: 485px;
	margin-left: 420px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#maria h4{
	padding-left: 7px;
}
#maria p{
	padding-left: 2px;
	width: 90%;
	font-size: 13.4px;
}
#maria img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#maria h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#maria p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#jake{
	margin-top: 485px;
	margin-left: 629px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#jake h4{
	padding-left: 10px;
}
#jake p{
	padding-left: 10px;
	width: 90%;
}
#jake img:hover{
	/*border: 1px solid #ccc;
	cursor: pointer;	*/
}
#jake h4:hover{
	/*color: #85754d;
	opacity:.8;
	cursor: pointer;	*/
}
#luis{
	margin-top: 748px;
	margin-left: 220px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#luis h4{
	padding-left: 10px;
}
#luis p{
	padding-left: 10px;
	width: 90%;
}
#luis img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#luis h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#luis p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#ana{
	margin-top: 749px;
	margin-left: 420px;	
	display: inline;
	position: absolute;
	background-color: #EDEBEB;
	border: 5px solid hsla(0,0%,86%,0.37);
}
#ana h4{
	padding-left: 10px;
}
#ana p{
	padding-left: 10px;
	width: 90%;
}
#ana img:hover{
	border: 1px solid #ccc;
	cursor: pointer;	
}
#ana h4:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}
/*#ana p:hover{
	color: #85754d;
	opacity:.8;
	cursor: pointer;	
}*/
#contentCharles{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentCharles p{
	font-size: 17px;	
}
#contentBetty{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentBetty p{
	font-size: 17px;	
}
#contentRob{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentRob p{
	font-size: 17px;	
}
#contentSally{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentSally p{
	font-size: 17px;	
}
#contentChris{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentChris p{
	font-size: 17px;	
}
#contentMaria{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentMaria p{
	font-size: 17px;	
}
#contentLupe{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentLupe p{
	font-size: 17px;	
}
#contentKelsey{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentKelsey p{
	font-size: 17px;	
}
#contentLuis{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentLuis p{
	font-size: 17px;	
}
#contentAna{
	display: none;
	width: 80%;
	height: 90%;
	overflow: scroll;
	background-color: #F0F0F0;
	margin-top: 0px;
	position: fixed;
	top: 5%;
	left:10%;
	right: 10%;
	bottom: 0px !important;
	z-index: 1000 !important;
	padding: 30px;		
}
#contentAna p{
	font-size: 17px;	
}
.closeButton{
	position:fixed;
	float: right;
	font-size: 18px;
    line-height: 35px;
	color: #85754d;
	margin-top: 0px;
	padding: 7px;
	padding-left: 14px;
	padding-right: 14px;
	right: 12.5%;
	background-color: #ECE9E2;
	z-index: 1000 !important;
}
.closeButton:hover{
	cursor: pointer;
	color: #4b2e83;
	background-color: #e8e3d3;
}