div {
float: left;
clear: none;
}

img {
margin-top: 10px;
margin-bottom: 10px;
width: 50%;
margin-left: 25%;
margin-right: 25%;
float: left;
}


#container {
	background-color: saddlebrown;
/*	height: 1300px;*/
	margin-top: 10px;
	margin-bottom: 40px;
	width: 80%;
	margin-left: 10%;
/* stop using margin auto, does not work with float */
/* float is needed to make your website mobile friendly with percentages */
}

.headerofmenus {
width: 90%;
margin-top: 2%;
margin-left: 5%;
background-color: burlywood;
padding-bottom: 4px;
padding-top: 10px;
border-radius: 5px;
}

.contentholder {
background-color: burlywood;
/* if i add a padding i must reduce the width, cant exceed 100%  */
width: 80%;
margin-left: 10%;
min-height: 100px;
margin-top: 10px;
/* do not clear out, allow side by side */
clear: none;
}

.contentholder2 {
background-color: burlywood;
/* if i add a padding i must reduce the width, cant exceed 100%  */
width: 80%;
margin-left: 10%;
min-height: 900px;
margin-top: 10px;
/* do not clear out, allow side by side */
clear: none;
}

.menubox {
	background-color: sandybrown;
	height: 50px;
	width: 11%;
	color: white;
	margin: 16px;
	padding: 15px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 10px;
	float: left;
}