div {
float: left;
clear: both;
}


#container {
background-color: pink;
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
float: left;
clear: both;
}

.headerofmenus {
width: 20%;
margin-left: 5%;
background-color: yellow;
height: 300px;
clear: none;
}

.contentholder {
background-color: skyblue;
clear: none;
/* if i add padding i must reduce the width */
width: 60%;
margin-left: 5%;
height: 450px;
margin-top: 10px;
font-family: papyrus, fantasy;
font-size: 20px;
}
.secondmenu {
background-color: white;
height: 100px;
margin-left: 5%;
width: 40%;
clear: none;
}

.thirdmenu {
background-color: white;
height: 100px;
margin-left: 10%;
width: 40%;
clear: none;
}

.forthmenu {
background-color: white;
height: 100px;
margin:10px;
margin-left: 5%;
width: 40%;
clear: none;
}

.fithmenu {
background-color: white;
height: 100px;
margin: 10px;
margin-left: 7%;
width: 40%;
clear: none;
}
img {
	height: 300px;
	float: left;
	width: 75%;
	margin-right: 25%;
	margin-left: 12.5%;
}
.patrickpics {
	background-color: skyblue;
clear: none;
/* if i add padding i must reduce the width */
width: 60%;
margin-left: 5%;
height: 900px;
margin-top: 10px;
font-family: papyrus, fantasy;
font-size: 20px;
}