html,body{
height: 100%;
margin: 0;
}

DIV.mydiv{
	margin: 20px 0px 20px 0px;
	width: 972px; 
	height: 700px; 
	background-image: url(bg.jpg);
	position: relative;
}

#box1{
	position: absolute;
	width: 278px;
	height: 116px;
	left: 118px;
	top: 227px;
}

#box2{
	position: absolute;
	width: 178px;
	height: 30px;
	left: 120px;
	top: 555px;
}

#box3{
	position: absolute;
	width: 352px;
	height: 288px;
	
	height: 186px;
	height: 218px;
	left: 477px;
	top: 278px;
	top: 280px;
	background-color: black;
}

#box1 img,
#box2 img{
	width: 100%;
	height: 100%;
}


#button1{
	position: absolute;
	width: 47px;
	height: 18px;
	left: 477px;
	top: 503px;
cursor: pointer;
}

#button2{
	position: absolute;
	width: 47px;
	height: 18px;
	left: 539px;
	top: 503px;
cursor: pointer;
}

.act{
	border-bottom: 1px solid #E576AA;
}