.imageMap{
	width:100%;
	position:relative;
	
	/*** Only for demo purposes ***/
	width:96%;
	margin:2%;
	max-width:738px;
}

.imageMap img{
	display:block;
	width:100%;
}

.imageMap .hotspots{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.imageMap a{
	display:block;
	position:absolute;
	z-index:100;
	border:1px solid;	/*** This is to adjust for how browsers calculate size ***/
	
	/*** Fluff ***/
	opacity:0.7;
	filter: alpha(opacity=70);
	/*** Place these in individual maps for different shaped links ***/
	border-radius:1px;
}







.imageMap a.p1{
/*** These are all dependent on your image ***/
	left:0.85%;
	top:51.875%;
	width:17.78%;
	height:29.5%;
	
	background-color:#00f;	/*Only so you can see it, turn it off later if you want it invisible*/
	border-radius:20px;	/*** Place these in individual maps for different shaped links ***/
}

.imageMap a.p2{
/*** These are all dependent on your image ***/
	left:20.85%;
	top:51.875%;
	width:17.78%;
	height:29.5%;
	
	background-color:#00f;	/*Only so you can see it, turn it off later if you want it invisible*/
	border-radius:1px;	/*** Place these in individual maps for different shaped links ***/
}