.navigation {
  width: 75%;
  margin: 0 auto;
  margin-top:20px;
}

/* UL (TOP/GLOBAL/SUB) */

.navigation ul {
  list-style-type:none;
  padding:0;
  margin:0;
  overflow:hidden;
}

.navigation ul.top, .navigation ul.global {
  display:inline;
}

.navigation ul.sub {
  border-bottom:3px solid #f00;
  background:#262626;
}

/* LI */

.navigation ul.top li, .navigation ul.sub li {
  float:left;
}

.navigation ul.global li {
  display:inline;
  float:right;
}

/* A */
                                 
.navigation ul li a {
  font-family: Helvetica, Arial, sans-serif;
  font-size:18px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  text-decoration:none;
  text-transform:normal;
  display:block;
  padding:4px 15px;
  text-decoration:none;
  background:none;
  color:#262626;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -moz-border-top-left-radius:8px;
  -moz-border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
}

.navigation ul.top li a, .navigation ul.global li a {
  border:1px solid transparent;
}

.navigation ul.top li a.selected, .navigation ul.global li a.selected {
  background:#262626;
  border: 1px solid #262626;
  color:#c5c5c5;
}

.navigation ul.sub li a {
  padding:4px 15px;
  color:#c5c5c5;
  font-size:12px;
  line-height:24px;
}