html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:800px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#maincol{
 background-color: white;  
 background-image: url("image/bg.jpg");
 background-position: center;
 background-repeat: no-repeat;
 position: relative; 
 min-height: 600px;
 
 }
 

#image_map{
width:780px;
height:600px;
background:url(css_image_map.html) no-repeat;
position:relative;
} 

#image_map a{
display:block;
position:absolute;

/*border: 1px dotted  #ffa500;*/

	
	
} 

#image_map a.menu{
width:240px;
height:80px;
top:500px;
} 

#image_map a#link1{
width:780px;
height:450px;
top:10px;
left:10px;
} 

#image_map a#link2{
left:10px;
}
#image_map a#link3{
left:270px;
}
#image_map a#link4{
left:540px;
}
 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */