.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.editor,
.clear {
  *zoom: 1;
}
.editor:after,
.clear:after {
  clear: both;
  content: "";
  display: table;
}
.oneline {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
body {
  position: relative;
  min-width: 980px;
  background-color: #302641;
}
#container {
  position: relative;
  width: 980px;
  height: 643px;
  margin: auto;
}
#music {
  width: 0px;
  height: 0px;
}
#preload {
  position: absolute;
  top: 0;
  left: 50%;
  width: 980px;
  height: 643px;
  margin-left: -490px;
  z-index: 10000;
  background: url(img/loading.png) no-repeat center center #493C58;
}
#bg {
  position: absolute;
  top: 1px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
#logo {
  position: absolute;
  top: 200px;
  left: 243px;
  width: 526px;
  z-index: 5;
}
#logo img {
  width: 100%;
  height: auto;
}
#music-toggle {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: 460px;
  z-index: 5;
  cursor: pointer;
  background: url(img/speaker.png) no-repeat;
}
#music-toggle.on {
  background-position: -12px -39px;
}
#music-toggle.off {
  background-position: -12px -8px;
}
header,
#content,
footer {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 3;
  background: url(img/menu_plate.png) no-repeat center top;
}
header .container {
  width: 868px;
  height: 30px;
  padding: 15px 56px 25px 55px;
}
header .container >.item {
  float: left;
  height: 30px;
  padding: 0 20px;
  margin-left: 25px;
  background: url(img/production.png) no-repeat;
}
header .container >.item:first-child {
  margin-left: 0;
  padding: 0 29px;
}
header .container >.item.conecpt {
  width: 52px;
  background-position: 0px -14px;
}
header .container >.item.conecpt.current,
header .container >.item.conecpt:hover {
  background-position: 0px -45px;
}
header .container >.item.superiority {
  width: 34px;
  background-position: -135px -14px;
}
header .container >.item.superiority.current,
header .container >.item.superiority:hover {
  background-position: -135px -45px;
}
header .container >.item.connection {
  width: 31px;
  background-position: -266px -14px;
  margin-left: 57px;
}
header .container >.item.connection.current,
header .container >.item.connection:hover {
  background-position: -266px -45px;
}
header .container >.item.location {
  width: 15px;
  background-position: -395px -14px;
  margin-left: 58px;
}
header .container >.item.location.current,
header .container >.item.location:hover {
  background-position: -395px -45px;
}
header .container >.item.concierge {
  width: 40px;
  background-position: -500px -14px;
  margin-left: 51px;
  height: 41px;
}
header .container >.item.concierge.current,
header .container >.item.concierge:hover {
  background-position: -500px -45px;
}
header .container >.item.subitem {
  display: none;
  position: absolute;
  top: 53px;
  right: 306px;
  padding: 0;
  margin-left: 0;
}
header .container >.item.subitem.open {
  display: block;
}
header .container >.item.contact_us {
  width: 147px;
  height: 51px;
  background: url(img/contact_rollout.png) no-repeat bottom;
}
header .container >.item.contact_us.current,
header .container >.item.contact_us:hover {
  background-image: url(img/contact_rollover.png);
}
header .container >.item.information {
  width: 62px;
  background-position: -613px -14px;
  margin-left: 46px;
}
header .container >.item.information.current,
header .container >.item.information:hover {
  background-position: -613px -45px;
}
header .container >.item.group {
  width: 57px;
  background-position: -743px -14px;
  margin-left: 28px;
}
header .container >.item.group.current,
header .container >.item.group:hover {
  background-position: -743px -45px;
}
#content {
  height: 599px;
  margin-top: 1px;
  z-index: 1;
}
#content #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
  height: 599px;
  overflow: hidden;
  cursor: move;
}
#content #text {
  position: absolute;
  top: 0;
  right: 0;
}
#content #title {
  position: absolute;
  top: 98px;
  right: 0;
}
#content #concierge_popup {
  position: absolute;
  bottom: 98px;
  left: 88px;
  width: 68px;
  height: 13px;
}
footer {
  height: 43px;
  z-index: 0;
  background-color: #493C58;
}
footer .container {
  padding: 0 14px;
  font-size: 0;
}
footer .container >.item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
footer .container >.item-1 {
  margin-top: 22px;
}
footer .container >.item-2 {
  margin: 22px 0 0 156px;
}
footer .container >.item-3 {
  margin: 22px 0 0 10px;
}
footer .container >.item-4 {
  margin: 6px 0 0 15px;
}
#content-preload {
  display: none;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 599px;
  z-index: 2;
  background: url(img/loading.png) no-repeat center center;
}
#logo-link {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: absolute;
  top: 520px;
  left: 352px;
  z-index: 5;
}
#logo-link.hidden {
  display: none;
}
#tandc {
  width: 903px;
}
#tandc h2 {
  height: 48px;
  padding: 0 20px;
  line-height: 48px;
  cursor: pointer;
  background-color: #493C58;
}
#tandc >.editor {
  padding: 12px 0px 12px 12px;
  background-color: #302641;
  height: 443px;
  width: 903px !important;
}
.scroll-pane {
  width: 100%;
  height: 200px;
  overflow: auto;
}
.horizontal-only {
  height: auto;
  max-height: 200px;
}
.jspContainer {
  width: 903px !important;
}
.jspPane {
  width: 874px !important;
}
.jspVerticalBar {
  width: 18px !important;
}
.jspTrack {
  background: #302541 !important;
}
.jspDrag {
  background: #493c58 !important;
}
.jspArrow {
  height: 31px !important;
}
.jspArrowUp {
  background: #302541 url(img/up-arrow.png) no-repeat top 10px left 5px !important;
}
.jspArrowDown {
  background: #302541 url(img/down-arrow.png) no-repeat top 10px left 5px !important;
}
#concierge {
  width: 903px;
}
#concierge h2 {
  height: 48px;
  padding: 0 20px;
  line-height: 48px;
  cursor: pointer;
  background-color: #493C58;
}
#concierge >.editor {
  padding: 12px 20px;
  background-color: #302641;
  height: 400px;
}