body{

margin:0px;

}

#container{

width:400px;
margin:0px auto;
}

/* Header section */

.header{

background:#5c755e;
height:75px;
width:396px;
border:solid 2px #000;
color:white;
}


/* Navigation section */

#nav1{

display:none;

}

/* side bar */

.sidebar{

display:none;
}

.sidebarnav{

float:left;
width:125px;
height:550px;
padding:17px;
color:white;
text-align:left;
font-family:Arial;
top:-2px;
}
.subnav{

list-style-type:none;
background:#5c755e;
border:solid 2px #4040142;
padding-left:4px;
padding-right:0px;
width:135px;
top:-18px;
position:relative;
border-top:border:solid 1px #4040142;
line-height:1.2;

}


/* main section */

.main{

float:left;
width:396px;
height:700px;
background:`#e5e4d7;
border-right:solid 2px #000;
border-left:solid 2px #000;
border-bottom:solid 2px #000;
font-family:Arial;
font-size:16px;
overflow:auto;
border-bottom-right-radius:1em;

}

/*========= Mini content panel  ============== */

#box{

background-color:#4e5a65;
border:solid 2px #000;
border-radius:1em;
font-size:95%;
padding:10px;
margin:20px;
width:280px;
color:white;

float:left;

}

.test{

display:block;
text-align:center;

}

img{
display:block;


float:left;

max-width:100%;
max-height:100%;
}