body{
font-family: monospace , serif , sans-serif;
font-size: 16px;
line-height: 1;
padding: 0;
margin: 0;
background-color:#f4f4f4;
}

.container{
width: 80%;
margin: auto;
overflow: hidden;
}

header{
  background: #35424a;
  color: #ffffff;
  padding-top: 0px;
  min-height: 10px;
  border-bottom: #e8491d 3px solid;
}

header a{
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
}

header ul{
  margin: 0px;
  padding: 5px;
}

header li {
  float: right;
  display: inline;
  padding: 10px;

}

header .highlighter , header .current a{
  color:yellow;
  font-weight: bold;
}


/* header a:link { color: blue; }          /* Unvisited links */
/* header a:visited { color: purple; }     /* Visited links */
header a:hover { background: green; }  /* Hovered links */
header a:active { color: yellow; }

#branding {
  float: left;
  display: inline;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-family: monospace;
}
 #branding img{
   padding: 2px;
 }

 #showcase {
   min-height:200px;
   background: url('../image/be20.jpg') no-repeat 0;
 }
 #showcase h2{
   font-size: 30px;
   font-style: italic;
   color: white;
   padding-top: 50px;
   text-align: center;
   text-shadow: 3px 3px 3px red;
 }

/* boxes */
#boxes {
  margin-top: 20px;

}

 #boxes .box{
   float: left;
   width: 30%;
   padding: 15px;
   text-align: center;
 }

 #boxes .box img{
   width: 100px;
   height:100px;
 }
 #boxes .box p{
   text-align: center;
 }

 footer{
   margin-top: 10px;
   background-color:#182124;
   color: white;
   text-align: center;
   position:fixed;
   bottom: 0;
   margin-top: 15px;
   width: 100%;
 }