/*
			 * IMPORTANT!!!!
			 * Note the position:relative; rule
			 * this allows to have all markers inside the #the_image tag to use
			 * position:absolute; so their coordinates (top,left) will be RELATIVE to the 
			 * image's top left corner.
			 */

h3 {font-size:1.5em;
        font-family: Arial;
        margin-top:10px;
	text-align:center;
        margin-bottom:10px;
	color:#ff3300;
}


		#the_image { 
				width: 600px; 
				height: 960px; 
			/*	border:1px 
				solid black;  */
				margin:auto; 
				position:relative;
			}
			
		#detail_box {
				width:250px;
				height:150px;
				z-index:15;
				font-size:0.7em;
				line-height:120%;
				text-align:justify;
				position:absolute;
        			padding-left:10px;
        			padding-right:10px;
				background-color: #e0e0e0; /*#ffa39f;  /*   #ffc;  */
				border:3px solid red; /*#426fc6;  /*blue; */
			}
			
		#detail_box .detail_closer {
				width:100%;
				margin:0px;
				padding:0px;
				padding-right:2px;
				text-align:right;
			}
			
		img.marker {
				position:absolute;
			/*	top:0px;
				left:0px;   */
				z-index:10;
				display:block;
			}