/* global selector  */
div {
	float: left;
	clear: both;
}



#container {
	background-color: black;
	height: 1000px;
	margin-bottom: 30px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	width: 95%;
	border-radius: 40px;
	padding: 10px;
	
}

#menubar {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	border-radius: 40px;
	background-color: white;
	height: 160px;
/*	margin: 10px;*/
}

/* all menubutton options */
.menubutton {
	background-color: mediumseagreen;
	width: 15%;
	height: 130px;
/* round the edges	*/ 
	border-radius: 20px;
/* all the margin */
	margin-left: 3%;
	margin-right: 1.8%;
	margin-top: 15px;
/* text options	*/
	font-size: 20pt;
	font-family: Times New Roman;
	text-align: center;
	color: white;
	clear: none;
/* specific exception, let the menubuttons be side to side	*/
}

#contentholder {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: lightcyan;
	height: 800px;
	margin-top: 20px;
	border-radius: 40px;
}

#heading {
	width: 85%;
	padding-left: 10%;
	padding-right: 5%;
	font-size: 25pt;
}

#paragraphtext {
	font-size: 18pt;
	font-family: Georgia;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 16pt;
	font-family: georgia;

}


/* global img rule */
img {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	clear: none;
}


/* black and white dunk shoe, on the left */
.panda {
	width: 50%;
	margin-right: 50%;
	margin-left: 0%;
	max-width: 520px;
}

/* gray shoe in the middle */
.grayfog {
	max-width: 450px;
	width: 50%;
	margin-left: 35%;
	margin-right: 15%;
	margin-top: -85%;
}

/* blue shoe on the right */
.bluedunk {
	max-width: 450px;
	width: 50%;
	margin-left: 65%;
	margin-top: -25%;
}