html,
body {
  margin: 0;
  padding: 0;
  color: black; }
  html *,
  body * {
    font-family: open_sanslight;
    font-size: 14px;
    line-height: 18px; }

html {
  height: 100%;
  min-height: 600px;
  position: relative; }

#logo {
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 20px; }
  #logo > * {
    margin: 0;
    padding: 2px 5px;
    background: black;
    font-family: flama_semicondensedblack;
    font-family: daddysgirlmedium;
    font-size: 64px;
    line-height: 64px;
    font-weight: normal;
    color: white;
    display: block;
    float: left; }
  #logo > span {
    margin: 0 3px;
    padding: 2px 4px 2px 5px;
    background: white;
    background: none;
    font-family: flama_semicondensedbook;
    font-family: daddysgirlmedium;
    text-shadow: 0 0 5px #fff;
    color: black; }
  #logo > i {
    margin-top: 3px;
    padding: 4px 3px 4px 4px;
    background: white;
    font-family: open_sanslight;
    font-size: 16px;
    line-height: 16px;
    color: black;
    clear: left;
    float: right; }
  #logo .name2 {
    margin-top: 3px;
    clear: both; }

.Frame .Wrapper {
  margin: 0 auto;
  padding: 0 10px;
  position: relative; }

#topper,
#footer {
  width: 100%;
  background: #000; }
  #topper ul,
  #footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    display: inline-block; }
    #topper ul li,
    #footer ul li {
      padding: 0 10px;
      display: inline-block; }
      #topper ul li a,
      #footer ul li a {
        padding: 14px 7px;
        font-size: 16px;
        line-height: 16px;
        text-decoration: none;
        text-transform: uppercase;
        color: white;
        color: #dedede;
        display: inline-block; }
      #topper ul li a:hover,
      #footer ul li a:hover {
        color: white; }

#topper {
  text-align: center;
  position: absolute;
  top: 0; }
  #topper ul li a {
    color: white; }
  #topper ul li a:hover,
  #topper ul li a.active {
    background: white;
    color: black; }

#footer {
  min-height: 44px;
  color: #dedede;
  text-align: center;
  position: absolute;
  bottom: 0;
  overflow: hidden; }
  #footer .navi {
    margin: 0 auto; }
    #footer .navi li a {
      color: white; }
    #footer .navi li a:hover,
    #footer .navi li a.active {
      background: white;
      color: black; }
  #footer p {
    float: left; }
  #footer ul.side {
    float: right; }
    #footer ul.side li a {
      padding: 16px 7px;
      font-size: 12px;
      line-height: 12px; }

#slider {
  width: 100%;
  background: url("images/slider-bg.png");
  overflow: hidden;
  position: absolute;
  bottom: 64px; }
  #slider ul li {
    padding: 0 2px; }
    #slider ul li a img {
      border-color: #a3a3a3; }
    #slider ul li a.selected img {
      border-color: #fff; }

#info {
  padding: 10px;
  background: url("images/slider-bg.png");
  position: absolute;
  bottom: 165px;
  left: 35px; }
  #info p {
    margin: 0;
    padding: 0;
    color: #fff; }