#wrapper {
width: 1000px;
height: 800px;
position: relative;
top: 0px; 
background-color: #E6E6FA;
margin-left: auto;
margin-right: auto;
border: 1px solid #f00;
z-index: 0;
}
 
 
#header {
width: 1000px;
height: 600px;
position:absolute ;
top:0px ;
margin-left:auto;
margin-right:auto;
z-index:1 ;
}

#nav {
width: 10000px;
height: 100px;
position:absolute ;
top:-100px ;
background-color:#FFFFFF;
left:0px;
right:100px;
z-index:0;
}

#aside_left {
width: 150px;
height:550px;
position:absolute ;
top:250px ;
background-color:#DA70D6;

z-index:1 ;
}

#aside_right {
width:150px;
height:550px;
position:absolute;
top:250px;
background-color:#DA70D6;
right:0px;
z-index:1 ;
}

#container {
width:700px;
height:450px;
position:absolute;
top:250px;
background-color:#9fe6f9 ;
right:150px;
left: 150px;
z-index:1;
}

#footer {
width: 1000px;
height: 100px;
position:absolute ;
top:700px ;
background-color:#9ff9d2;
margin-left:auto;
margin-right:auto;
z-index:1;
}

.story {
z-index:4;
width:676px;
height:160px;
position:relative;
text-align:left;
margin:5px;
background-color:#bbbbbb;
border:1px solid #ffffff;
}

.image {
z-index:5;
width:160px;
height:140px;
position:absolute;
top:5px;
right:5px;
text-align:left;
margin:5px;
background-color:#d183ef;
border:1px solid #ffffff;
}

.text {
z-index:5;
width:480px;
height:140px;
position:relative;
top:5px;
left:5px;
text-align:left;
margin:5px;
background-color:#efb283;
border:1px solid #ffffff;
}