body{
padding: 0px;
margin: 0px;
}

div {
float: left;
clear: both;
}


#container{
width: 60%;
margin-right: 20%;
margin-left: 20%;
background-color: gray;
float:left;
}


#buttonsidebar {
clear: none;
/* allows the neighbor div to be on left/right*/
height: 400px;
background-color: black;

margin-right: 5%;
width: 20%;
}

.contentarea {
clear: none;
/*smaller width */
/*height: 400px;*/
background-color: yellow;
margin-bottom: 20px;
text-indent: 15px;
text-align: center;
width: 62%;
margin-right: 3%;
padding: 5%;
float: right;

}

img{
width: 50%;
float: left;
margin-right: 25%;
margin-left: 25%;
}

.buttonbox{
width: 80%;
height:75px;
text-align:center;
background-color: white ;
margin: 12;
}