*{
				padding: 0;
				margin: 0;
				border: 1px solid red;
				box-sizing: border-box; /* no headache code */
			}

			#logobox{
				width: 15%;
				background: purple;
				float: left;
				height: 100px;
			}

			#navmenu{
				width: 85%;
				background: orange;
				float: left;
				height: 100px;
				position: relative;
			}

			.menulink{
				float: left;
				margin: 10px 20px;
				background: pink;
			}

			.menulink a{
				
			}

			#navlist{
				list-style: none;
				float: right;
				position: absolute;
				right: 0;
				top: 50%;
				transform: translate(0, -50%);
			}

			#coffeeheroimg{
				width: 100%;
			}

			.half{
				float: left;
				width: 50%;
				background: green;
				height: 250px;
			}

			#producttextbox{
				padding: 20px;
			}

			ul li a {
				display: inline-block;
				width: 100%;
				height: 100%;
				color: black;
				padding: 30px;
			}	
			
			main{
				margin: 0 auto;
				width: 992px; /* why? because anthony said so for the project... */
			}