.map{
	background: url(../images/map.jpg) 0 0 no-repeat;
	height: 408px;
    margin: 10px 0 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 968px;
    z-index:6;
}
#map{
position:relative;
width:100%;
height:100%;
}
.map img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	border:0;
	z-index:2;
}

#map li {
	position: absolute;
	display: none;
}
#map .activestate{display: block;}


/* --north-America--*/
#area-1{
    height: 199px;
    left: 95px;
    top: 12px;
    width: 327px;
}
.country-map{
	background: url(../images/map-clr.png) no-repeat;
}

#area-1 .country-map{
	background-position:0 1px;
	overflow:hidden;
	 height: 199px;
    width: 327px;

}


/*--europe--*/
#area-2{
    height: 340px;
    left: 402px;
    overflow: hidden;
    top: 18px;
    width: 473px;
}
#area-2 .country-map{
	background-position: -355px 0;
    height: 334px;
    overflow: hidden;
    width: 473px;
}


/* --latin-America.png-- */
#area-3{
	left: 200px;
    top: 188px;
}
#area-3 .country-map{
	 background-position: 0 -235px;
    height: 210px;
    overflow: hidden;
    width: 188px;
}


/* --asia-pacific-- */
#area-4{
	left: 548px;
    top: 122px;
}
#area-4 .country-map{
	background-position: -368px -367px;
    height: 245px;
    overflow: hidden;
    width: 299px;
}