@charset "utf-8";
/* CSS Document */

#frontpgnav {
	position: relative;
	width: 769px;
	height: 488px;
	}
	
#transparent_map {
	position: absolute;
	z-index: 30;
	width: 769px;
	height: 488px;
	border: none;
}

#frontpgnav ul {
	list-style: none;
}

#frontpgnav li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
}

#frontpgnav li a {
	display: block;
	width: 100%;
	heigh: 100%;
}

#frontpg1 {
	background: url(images/ds_grid_view1.jpg) no-repeat;
	width: 207px;
	height: 206px;
	top: 0;
	left: 0;
	}

#frontpg2 {
	background: url(images/ds_grid_view2.jpg) no-repeat;
	width: 207px;
	height: 206px;
	top: 0;
	left: 207px;
	}

#frontpg2 {
	background: url(images/ds_grid_view2.jpg) no-repeat;
	width: 191px;
	height: 206px;
	top: 0;
	left: 198px;
	}
	
#frontpg3 {
	background: url(images/ds_grid_view3.jpg) no-repeat;
	width: 192px;
	height: 206px;
	top: 0;
	left: 379px;
	}
	
#frontpg4 {
	background: url(images/ds_grid_view4.jpg) no-repeat;
	width: 207px;
	height: 206px;
	top: 0;
	right: 0;
	}
	
#frontpg5 {
	background: url(images/ds_grid_view5.jpg) no-repeat;
	width: 207px;
	height: 215px;
	top: 231px;
	left: 0;
	}
	
#frontpg6 {
	background: url(images/ds_grid_view6.jpg) no-repeat;
	width: 191px;
	height: 215px;
	top: 231px;
	left: 198px;
	}
	
#frontpg7 {
	background: url(images/ds_grid_view7.jpg) no-repeat;
	width: 191px;
	height: 215px;
	top: 231px;
	left: 379px;
	}
	
	
#frontpg8 {
	background: url(images/ds_grid_view8.jpg) no-repeat;
	width: 207px;
	height: 215px;
	top: 231px;
	right: 0;
	}
	
#frontpgM1 {
	background: url(images/ds_grid_viewM1.jpg) no-repeat;
	width: 263px;
	height: 104px;
	top: 151px;
	left: 0;
	}

#frontpgM2 {
	background: url(images/ds_grid_viewM2.jpg) no-repeat;
	width: 263px;
	height: 104px;
	top: 151px;
	right: 252px;
	}
	
#frontpgM3 {
	background: url(images/ds_grid_viewM3.jpg) no-repeat;
	width: 263px;
	height: 104px;
	top: 151px;
	right: 0;
	}