style4.css

html {}

body {
   background-color: #FFFFFF;
}

#navBar {
   background-image: url("toastban.jpg");
   height: 100px;
   width: 1100px;
   display: block;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center;
   top: 0px;
   left: 1%;
}

ul {
   top: 100px;
   position: relative;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

li {
   float: left;
   height: 200px;
   width: 200px;
   position: relative;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 0px;
   margin-bottom: 15px;
}


#wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
}

#container {
   margin: 0px;
   position: relative;
   display: inline-block;
   width: 1200px;
   height: 5000px;
   left: 3%;
   top: 0px;
   text-align: center;
}
#sortable li{
   background-repeat: no-repeat;
   height: 200px;
   width: 200px;
   background-position: center center;
   background-size: cover;
}

#filter {
   width: 92.5%;
   height: 50px;
   text-align: left;
}