* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal; }

strong {
  font-weight: bold; }

li {
  list-style-type: none; }

body {
  background: white;
  font-size: 72%;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

#header {
  position: absolute;
  top: -1000em; }

#content {
  margin: 0 auto;
  padding: 50px 0 0 0;
  width: 1000px;
  height: 595px;
  position: relative; }

#panels {
  height: 460px;
  width: 100%;
  overflow: hidden;
  position: relative;
  /* Headings */ }
  #panels h2 {
    position: absolute;
    left: 0;
    top: -1000px;
    z-index: 2; }
  #panels ul {
    position: absolute;
    left: 1000px;
    height: 460px;
    top: 0;
    /* Contact list */ }
    #panels ul li {
      width: 1000px;
      height: 460px;
      position: absolute;
      top: 0; }
    #panels ul img {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
    #panels ul ul {
      position: absolute;
      left: 760px;
      top: 50px;
      z-index: 2; }
      #panels ul ul li {
        background: transparent;
        position: static;
        height: auto;
        width: auto; }
      #panels ul ul a {
        text-transform: uppercase;
        color: #666666 !important;
        text-decoration: none !important;
        margin: 0.3em 0;
        display: block; }
      #panels ul ul a:hover {
        color: black !important; }
      #panels ul ul #sales {
        margin-top: 150px; }
      #panels ul ul #address {
        margin-top: 20px; }
        #panels ul ul #address p {
          color: #666666 !important;
          margin-bottom: 0.7em; }
        #panels ul ul #address a {
          text-transform: none !important; }
      #panels ul ul ul {
        display: none;
        left: 110px !important;
        top: 0 !important; }
        #panels ul ul ul a {
          -moz-outline: 0 !important;
          text-transform: none !important; }

/* Video */
#video {
  width: 1000px;
  height: 430px;
  position: absolute;
  left: 0;
  top: 0; }

/* Loading panel */
#loading {
  background: #212125 center top no-repeat url(../images/preload_bkg.gif);
  text-align: center;
  color: white;
  width: 100%;
  height: 432px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2; }
  #loading p {
    font-size: 0.9em;
    margin: 200px 0 0 0; }
  #loading div {
    background: -1000px -432px no-repeat url(../images/preload_bkg.gif);
    width: 168px;
    height: 6px;
    margin: 7px auto 0 auto; }

/* Clever nav */
#navBox {
  margin: 0 0 0 75px;
  position: relative;
  float: left;
  position: absolute;
  left: 0;
  top: 510px; }

#cleverNav {
  float: left; }
  #cleverNav ul, #cleverNav li, #cleverNav a {
    float: left; }
  #cleverNav li li, #cleverNav a {
    width: 23px;
    height: 130px; }
  #cleverNav li {
    background: -46px 0 no-repeat url(../images/nav_notches.gif); }
  #cleverNav li.top {
    background-position: -23px 0; }
  #cleverNav li.first {
    background-position: 0 0; }
  #cleverNav li.last {
    background-position: -69px 0; }
  #cleverNav a {
    background: top center no-repeat;
    text-indent: -1000em;
    letter-spacing: -1000em;
    -moz-outline: 0 !important; }
  #cleverNav .count1 {
    width: 23px; }
  #cleverNav .count2 {
    width: 66px; }
  #cleverNav .count3 {
    width: 89px; }
  #cleverNav .count4 {
    width: 92px; }
  #cleverNav .count5 {
    width: 115px; }
  #cleverNav .count6 {
    width: 138px; }
  #cleverNav .count7 {
    width: 161px; }
  #cleverNav #alquema,
  #cleverNav #noble,
  #cleverNav #movement,
  #cleverNav #eastern_winds,
  #cleverNav #paradise,
  #cleverNav #horizons,
  #cleverNav #contact {
    background-image: url(../images/nav_titles.gif); }
  #cleverNav #alquema {
    background-position: 0 0 !important; }
  #cleverNav #alquema.current {
    background-position: 0 -140px !important; }
  #cleverNav #noble {
    background-position: -23px 0 !important; }
  #cleverNav #noble.current {
    background-position: -23px -140px !important; }
  #cleverNav #movement {
    background-position: -46px 0 !important; }
  #cleverNav #movement.current {
    background-position: -46px -140px !important; }
  #cleverNav #eastern_winds {
    background-position: -69px 0 !important; }
  #cleverNav #eastern_winds.current {
    background-position: -69px -140px !important; }
  #cleverNav #paradise {
    background-position: -92px 0 !important; }
  #cleverNav #paradise.current {
    background-position: -92px -140px !important; }
  #cleverNav #horizons {
    background-position: -115px 0 !important; }
  #cleverNav #horizons.current {
    background-position: -115px -140px !important; }
  #cleverNav #contact {
    background-position: -138px 0 !important; }
  #cleverNav #contact.current {
    background-position: -138px -140px !important; }

/* Back and Forwards control */
#back,
#back a,
#forward,
#forward a {
  height: 124px;
  width: 55px;
  float: left; }

#back a,
#forward a {
  background: top center no-repeat;
  text-indent: -1000em;
  letter-spacing: -1000em;
  -moz-outline: 0 !important; }

#back a {
  background-image: url(../images/nav_back.gif); }

#forward a {
  background-image: url(../images/nav_forward.gif); }

/* Nub */
#nub {
  cursor: pointer;
  background: top center no-repeat url(../images/nav_nub.gif);
  text-indent: -1000em;
  letter-spacing: -1000em;
  margin: 0 3px;
  width: 17px;
  height: 15px;
  overflow: hidden;
  position: absolute;
  left: 55px;
  top: 102px; }

/* Homepage */
#index #panels {
  background: left top no-repeat url(../images/splash.jpg); }

/* Javascript Specific - These are overrides for when JS is available */
.javascriptEnabled #video {
  background: left top no-repeat url(../images/splash.jpg); }
.javascriptEnabled #panels {
  background-image: none !important; }
.javascriptEnabled #navBox {
  margin: 0 0 0 20px; }