body  {
	
	background-color:#C0C9D0;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	}
	#container {
	position: relative;
	margin: 0 auto;
	width: 780px;
	}
	
#index-01 {
    background-image:url(images/index_01.jpg);
	left:0px;
	top:0px;
	width:780px;
	height:54px;
	text-align: center;
}

#index-02 {
background-image:url(images/index_02.jpg);
	left:0px;
	top:54px;
	width:219px;
	height:691px;
	position: absolute;
	text-align: center;
}

#index-03 {
	background-image:url(images/index_03.jpg);
	left:219px;
	top:54px;
	width:561px;
	height:230px;
	position: absolute;
}

#index-04 {
	background-image:url(images/index_04.jpg);
	left:219px;
	top:284px;
	width:561px;
	height:461px;
	position: absolute;
}