body{
  font-family: "Athelas Regular", "Athelas Bold";
  font-size:15px;
  line-height:1.5;
  padding:0;
  margin:0;
  background-color:#8a8c8f;
}

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

ul{
 margin:0;
 padding:0;
}

.button_1{
  height: 38px;
  background:#be1e2d;
  border:0;
  padding-left:20px;
  padding-right:20px;
  color:#ffffff;
}

.dark{
  padding:15px;
  background:#41393d;
  color:#ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*Header*/
header{
  background:#41393d;
  color:#ffffff;
  padding-top:30px;
  min-height:70px
}

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

header li{
  float:left;
  display:inline;
  padding: 0 20px 0 20px;
}

header #branding{
  float: left;
}

header #branding h1{
  margin:0;
}
header nav{
  float:right;
  margin-top:150px;
}

header .highlight, header .current a{
  font-weight:bold;
  color:#be1e2d;
}

header a:hover{
  font-weight:bold;
  color:#be1e2d;
}

  /*Showcase*/
#showcase{
  min-height: 600px;
  background-image: url('../img/showcase.jpg');
  background-repeat: no-repeat;
  color:#ffffff;
  width:100%;
}

#newsletter{
  background:#41393d;
  padding:15px;
  color:#ffffff;
}

#newsletter h1{
  float: left;
}

#newsletter form{
  float: right;
  margin-top: 15px;
}

#newsletter input[type="email"]{
  padding:4px;
  height:25px;
  width:250px;
}

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

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

    #boxes .box img{
      width:200px;
      height:200px;
    }

/* Sidebar*/
  aside#sidebar{
    float: right;
    width: 30%;
    margin-top: 10px;
  }

  /* Main-Col*/
  article #main-col{
    float: left;
    width: 65%;
  }


    footer{
      padding:20px;
      margin-top: 50px;
      color:#ffffff;
      background-color: #41393d;
      text-align: center;
    }