html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}

body {
	color: #000; 
	margin: 30px 10%;
	font-size: 100.01%
	font-family: Ariel, Helvetica, sans-serif;
}

h1 {
	font-size: 160%;
	text-align: center;
}


p { 
	margin: 20px 0;
	padding: 5px;
}		
		
p a {
	position: relative; 
	
	color: #000;
	text-decoration: none;
}

a span {
	display: none;
}

a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

html body a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 5px; 
	left: 40px; 
	width: 230px;
	height:155px;
	background-color:Red;
	background:url("../images/backg/shadow.png"); 
	color:Black;
	padding: 10px;
	font-size: .8em;
}

p.test1 a {z-index: 3;}

p.test2 a {z-index: 2;}

p.test3 a {z-index: 1;}