/*---------------------------------------------------------------
	Stylesheet for the demo imagemap_rollover
	Author:		Gabriel Svennerberg
	Email:		gabriel@svennerberg.com
	Web:		http://www.svennerberg.com
	Created:	2008-08-16
 ---------------------------------------------------------------*/

/* Map
---------------------------------------------------------------*/
#map {
	position: relative;
	width: 1125px;
	height: 565px;
}

#transparent_map {
	position: absolute;
	z-index: 30;
	width: 1125px;
	height: 565px;
	border: none;
}
#map ul {
	list-style: none;
}
#map li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
}

#pill {
	background: url(../images/map-pill.jpg) no-repeat;
	width: 148px;
	height: 283px;
	top: 102px;
	right: 589px;
}
#paw {
	background: url(../images/map-paw.png) no-repeat;
	width: 292px;
	height: 362px;
	top: 348px;
	left: 408px;
}
#leaf {
	background: url(../images/map-leaf.png) no-repeat;
	width: 158px;
	height: 374px;
	top: 72px;
	left: 471px;
}

#jug {
	background: url(../images/map-jug.png) no-repeat;
	width: 158px;
	height: 374px;
	top: 249px;
	right: 333px;
}

#phone {
	background: url(../images/map-phone.png) no-repeat;
	width: 267px;
	height: 356px;
	top: 167px;
	right: 409px;
}

#chat {
	background: url(../images/map-chat1.png) no-repeat;
	width: 359px;
	height: 241px;
	top:34px;
	left: 15px;
}

#email {
	background: url(../images/map-email1.png) no-repeat;
	width: 550px;
	height: 241px;
	top:34px;
	right: 9px;
}

#survey {
	background: url(../images/map-survey1.png) no-repeat;
	width: 405px;
	height: 242px;
	top:276px;
	right: 9px;
}

#edu {
	background: url(../images/map-edu1.png) no-repeat;
	width: 396px;
	height: 242px;
	top:276px;
	left: 15px;
}


/* Tooltip
---------------------------------------------------------------*/
.tooltip {
background:#333; 
color:#fff; 
padding:10px; 
width:420px; 
z-index:20000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 0px #000000;
-moz-box-shadow: 0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
border:2px solid #555;
/*	background: url(../images/tooltip-bg.png);
	padding: 3px 6px;
	border: 1px solid #ff0;
	position: absolute;
	z-index: 25;
*/}

.tooltip p {
	font-size:14px;
	text-shadow:1px 1px 1px #000;
	line-height:normal;
	font-weight:normal;
	font-smooth:always;
}
	
.tooltip img {
	float:right;
	margin:0 0 0 5px ;
	border:1px solid #FFF;
	padding:1px;}