.box{width: 740px; height: auto; margin: 30px auto;}
.koknelgameslogo{width: 100px; height: 100px; float: left;}
.banner{width: 630px; height: 60px; float: left; margin: 0 0 0 10px; background-color: rgb(25, 0, 255); font: bold 15px Comic Sans MS; text-align: center; padding: 40px 0 0 0;}
.menu{width: 580px; height: 47px; float: left; margin: 10px 0 0 0; background-color: blue;}
.socialmedia{width: 150px; height: 47px; float: left; margin: 10px 0 0 10px;}
.mid1{width: 740px; height: 350px; float: left; margin: 10px 0 10px 0; background-color: blue;}
.mid2{width: 240px; height: 240px; float: left; background-color: blue;}
.mid3{width: 240px; height: 240px; float: left; margin: 0 0 0 10px; background-color: blue;}
.mid4{width: 240px; height: 240px; float: left; margin: 0 0 0 10px;background-color: blue;}
.lower{width: 740px; height: 50px; float: left; margin: 10px 0 0 0; background-color: blue; text-align: center; padding: 40px 0 0 0; color: rgb(255, 255, 255);}


.menu ul{margin: 0; padding: 0; list-style: none;}
.menu ul li{float: left;}
.menu ul li a{display:block; width: 145px; height: 32px; text-decoration: none; text-align: center; font: 13px tahoma; color: rgb(255, 255, 255); padding: 15px 0 0 0;}
.menu ul li a:hover{text-decoration: underline; background-color: rgb(0, 174, 255);}
.mid1 a{color: white;}