html { 
  background: url(/images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.header {
  margin:0;
  padding:0;
  text-align:center;
}
.logo {
  width: 150px;
  height: 120px;
  content: url(/images/logo.jpg);
}
.floatLeft { float: left; }

.floatRight { float: right; }

.thumbnails img {
	height: 40px;
	border: 4px solid #555;
	padding: 1px;
	margin: 0 10px 10px 0;
}

.thumbnails img:hover {
	border: 4px solid #00ccff;
	cursor:pointer;
}

.preview img {
	border: 4px solid #444;
	padding: 1px;
	height: 500px;
}

.white-box {
    width: 500px;
    margin: auto;
    background-color: white;
    color: black;
}
a {
	color: #FFF;
}
a:hover {
	color: yellow;
	text-decoration: underline;
}

.filltext {
  background: #222;
  opacity: 0.8;
}
menu {
  float:right;
  position:relative;
  left:-50%;
  text-align:left;
}

menu ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    position:relative;
    left:50%;
    background-color: #333;
    opacity: 0.8;
}
  
menu li {
    float: left;
    position:relative;
}
  
menu li a {
    display: block;
    margin:5px;
    color: navajowhite;
    white-space:nowrap;
    font-size:26px;
    float:left;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
  
menu li a:hover:not(.active) {
    background-color: #111;
}
  
menu .active {
    background-color: black;
}

  #main{
    margin:auto;
    margin-top:130px;
    width: 60%;
    padding: 10px;
    text-align: center
  }

  #site-footer {
    height: 50px;
    background:black;
  }
  
  
  #footer1{
  margin-left:2%;
  color: navajowhite;
  float:left;
  margin-right:2%;
  }