ul#tabs {
  list-style-type: none;
  margin: 20px 0 0px 0;
  padding: 0;
  text-align: center; }
  ul#tabs li {
    display: inline-block;
    background-color: #f9f9f9;
    padding: 10px 20px;
    color: #444;
    cursor: pointer;
    border: 1px solid #ececec;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    ul#tabs li:hover {
      background-color: #e0e0e0; }
    ul#tabs li.active {
      background-color: #e0e0e0; }

ul#tab {
  list-style-type: none;
  margin: 0 auto 2em;
  width: 80%;
  padding: 0;
  background: #f9f9f9;
  border: 1px solid #f0f0f0; }
  ul#tab li {
    display: none;
    padding: 30px; }
    ul#tab li.active {
      display: block; }
    ul#tab li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #f9f9f9; }