html{
	
}
/* main page components */
body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	position: relative;
	background: #cccccc;
}

#wrapper{
	width: 670px;
	margin: 0 auto;
}

#mat{
	width: 670px;
	float: left;
}

#mat li{
	width: 670px;
	float: left;
	position: relative;
}

#mat li .content{
	width: 670px;
	float: left;
	position: relative;
}

#mat .marker{
	position: absolute;
	z-index: 150;
	cursor: hand;
}

#mat .marker img{
	margin: 0;
	float: left;
}

#mat .marker span{
	display: none;
}

#mat .popup2{
	width: 200px;
	position: absolute;
	display: none;
	padding: 10px;
	color: #000000;
	line-height: 1.6em;
	z-index: 500;
	text-align: left;
	border: 2px dotted #AAC248;
	color: #000000;
	background: #C5D984;
	bo
}