@font-face {
  font-family: 'socicon';
  src: url('../fonts/socicon-webfont.eot');
  src: url('../fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/socicon-webfont.woff') format('woff'), url('../fonts/socicon-webfont.ttf') format('truetype'), url('../fonts/socicon-webfont.svg#sociconregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.socicon:empty {
  width: 1em;
}
.socicon-easid:before {
  content: "5";
}
.socicon-twitter:before {
  content: "a";
}
.socicon-facebook:before {
  content: "b";
}
.socicon-google:before {
  content: "c";
}
.socicon-pinterest:before {
  content: "d";
}
.socicon-foursquare:before {
  content: "e";
}
.socicon-yahoo:before {
  content: "f";
}
.socicon-skype:before {
  content: "g";
}
.socicon-yelp:before {
  content: "h";
}
.socicon-feedburner:before {
  content: "i";
}
.socicon-linkedin:before {
  content: "j";
}
.socicon-viadeo:before {
  content: "k";
}
.socicon-xing:before {
  content: "l";
}
.socicon-myspace:before {
  content: "m";
}
.socicon-soundcloud:before {
  content: "n";
}
.socicon-spotify:before {
  content: "o";
}
.socicon-grooveshark:before {
  content: "p";
}
.socicon-lastfm:before {
  content: "q";
}
.socicon-youtube:before {
  content: "r";
}
.socicon-vimeo:before {
  content: "s";
}
.socicon-dailymotion:before {
  content: "t";
}
.socicon-vine:before {
  content: "u";
}
.socicon-flickr:before {
  content: "v";
}
.socicon-500px:before {
  content: "w";
}
.socicon-instagram:before {
  content: "x";
}
.socicon-wordpress:before {
  content: "y";
}
.socicon-tumblr:before {
  content: "z";
}
.socicon-blogger:before {
  content: "A";
}
.socicon-technorati:before {
  content: "B";
}
.socicon-reddit:before {
  content: "C";
}
.socicon-dribbble:before {
  content: "D";
}
.socicon-stumbleupon:before {
  content: "E";
}
.socicon-digg:before {
  content: "F";
}
.socicon-envato:before {
  content: "G";
}
.socicon-behance:before {
  content: "H";
}
.socicon-delicious:before {
  content: "I";
}
.socicon-deviantart:before {
  content: "J";
}
.socicon-forrst:before {
  content: "K";
}
.socicon-play:before {
  content: "L";
}
.socicon-zerply:before {
  content: "M";
}
.socicon-wikipedia:before {
  content: "N";
}
.socicon-apple:before {
  content: "O";
}
.socicon-flattr:before {
  content: "P";
}
.socicon-github:before {
  content: "Q";
}
.socicon-chimein:before {
  content: "R";
}
.socicon-friendfeed:before {
  content: "S";
}
.socicon-newsvine:before {
  content: "T";
}
.socicon-identica:before {
  content: "U";
}
.socicon-bebo:before {
  content: "V";
}
.socicon-zynga:before {
  content: "W";
}
.socicon-steam:before {
  content: "X";
}
.socicon-xbox:before {
  content: "Y";
}
.socicon-windows:before {
  content: "Z";
}
.socicon-outlook:before {
  content: "1";
}
.socicon-coderwall:before {
  content: "2";
}
.socicon-tripadvisor:before {
  content: "3";
}
.socicon-netcodes:before {
  content: "4";
}
.socicon-lanyrd:before {
  content: "7";
}
.socicon-slideshare:before {
  content: "8";
}
.socicon-buffer:before {
  content: "9";
}
.socicon-rss:before {
  content: ",";
}
.socicon-vkontakte:before {
  content: ";";
}
.socicon-disqus:before {
  content: ":";
}
@font-face {
  font-family: 'Superstudio';
  src: url('../fonts/Superstudio-Bold.eot');
}
@font-face {
  font-family: 'Superstudio';
  src: url('../fonts/Superstudio-Bold.woff') format('woff'), url('../fonts/Superstudio-Bold.svg#Superstudio-Bold') format('svg');
}
body {
  margin: 0px;
  background: white;
  font-family: Superstudio, helvetica;
  background: #666666;
  overflow-x: hidden;
  overflow-y: hidden;
}
a {
  cursor: pointer;
  text-decoration: none;
}
div#title,
div#introTitle {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
div#title h1,
div#introTitle h1 {
  position: fixed;
  top: 40%;
  width: 100%;
  text-align: center;
  margin: -125px 0px 0px 0px;
  height: 250px;
  font-size: 60px;
  color: white;
  pointer-events: none;
  font-family: futura;
}
div#title h1.fadeOut,
div#introTitle h1.fadeOut {
  opacity: 0;
}
div#title h1.fadeIn,
div#introTitle h1.fadeIn {
  opacity: 1;
}
div.floorplanBig {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: #666666;
}
div.floorplanSmall {
  width: 247px;
  height: 135px;
  overflow: hidden;
  position: absolute;
  bottom: 40px;
  left: 0px;
  border: 3px solid black;
  border-left: 0px;
}
div#floorplanMoveable {
  background: white;
  overflow: hidden;
  width: 2200px;
  height: 1200px;
}
div#floorplanMoveable img#movingPin {
  position: absolute;
  top: 706px;
  left: 692px;
  pointer-events: none;
}
div#floorplanMoveable div.pin {
  position: absolute;
  cursor: pointer;
}
div#resetZoom {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 140px;
  display: none;
  cursor: pointer;
}
div#resetZoom:hover {
  background: url("../images/zoom_arrow.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
div.locationWrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
div.location {
  width: 100%;
  height: 100%;
  background-color: #666666;
  background-image: url("../images/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 66px 66px;
}
div.location div.navButton {
  width: 45%;
  height: 100%;
  cursor: pointer;
}
div.location div#upButton {
  width: 100%;
  height: 45%;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
}
div.location div#upButton:hover {
  background: url("../images/up_arrow.png");
  background-size: 250px 250px;
  background-position: center;
  background-repeat: no-repeat;
}
div.location div#downButton {
  width: 100%;
  height: 45%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: none;
}
div.location div#downButton:hover {
  background: url("../images/down_arrow.png");
  background-size: 250px 250px;
  background-position: center;
  background-repeat: no-repeat;
}
div.location div#prevButton {
  float: left;
}
div.location div#prevButton:hover {
  background: url("../images/left_arrow.png");
  background-size: 250px 250px;
  background-position: left center;
  background-repeat: no-repeat;
}
div.location div#nextButton {
  float: right;
}
div.location div#nextButton:hover {
  background: url("../images/right_arrow.png");
  background-size: 250px 250px;
  background-position: right center;
  background-repeat: no-repeat;
}
div.location div#locationImage {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
div.cache {
  display: none;
}
div.menu {
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 40px;
  width: 197px;
  left: -200px;
  border: 3px solid black;
  border-left: 0px;
}
div.menu p {
  margin: 0px;
  padding: 0px 0px 0px 15px;
  text-align: left;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
}
div.menu p a {
  display: block;
  color: white;
  text-decoration: none;
}
div.menu p.mainVideoSelected {
  background: #e53e3e;
}
div.menu p.videoSelected {
  background: #e53e3e;
}
div.menu p.moreInfoSelected {
  background: #e53e3e;
}
div.menu p.mainVideo:hover {
  background: #e53e3e;
}
div.menu p.video:hover {
  background: #e53e3e;
}
div.menu p.moreInfo:hover {
  background: #e53e3e;
}
div.menuVisible {
  left: 250px;
}
div.navigation {
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 30px;
  width: 200px;
  height: 80px;
  right: -200px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.navigation div#prevNav {
  position: absolute;
  width: 100px;
  height: 80px;
  left: 0px;
  top: 0px;
  color: white;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
  cursor: pointer;
}
div.navigation div#prevNav:hover {
  background: #ff4885;
}
div.navigation div#nextNav {
  position: absolute;
  width: 100px;
  height: 80px;
  left: 100px;
  top: 0px;
  color: white;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
  cursor: pointer;
}
div.navigation div#nextNav:hover {
  background: #0faf02;
}
div.navigationVisible {
  right: 0px;
}
div#video {
  width: calc(100% - 500px);
  position: absolute;
  left: 247px;
  background: black;
  padding: 0px;
  border: 3px solid black;
}
div#video p {
  text-align: center;
}
div#video p a {
  text-transform: uppercase;
  color: #e53e3e;
  font-size: 12px;
}
div#video p.close {
  float: right;
  position: relative;
  margin: 0px;
}
div#video div#selectVideoButtons {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-top: -3px;
}
div#video div#selectVideoButtons div.selectVideoButton {
  display: table-cell;
  background-color: black;
  cursor: pointer;
  text-align: center;
  padding: 10px 0px;
  color: white;
}
div#video div#selectVideoButtons div.selectVideoButtonSelected {
  background-color: #e53e3e;
}
div.hideVideo {
  bottom: -100%;
}
div.showVideo {
  bottom: 178px;
}
div#mainVideo {
  width: calc(100% - 500px);
  height: calc(100% - 235px);
  position: absolute;
  left: 247px;
  background: black;
  padding: 0px;
  border: 3px solid black;
}
div#mainVideo p {
  text-align: center;
}
div#mainVideo p a {
  text-transform: uppercase;
  color: #e53e3e;
  font-size: 12px;
}
div#mainVideo p.close {
  float: right;
  position: relative;
  margin: 0px;
}
div.hideMainVideo {
  bottom: -100%;
}
div.showMainVideo {
  bottom: 178px;
}
div#photos {
  width: 660px;
  height: 415px;
  position: absolute;
  left: 50%;
  margin-top: -270px;
  margin-left: -380px;
  background: rgba(0, 0, 0, 0.7);
  padding: 50px;
  overflow-y: scroll;
}
div#photos div#photoGrid {
  color: white;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  margin: 0px;
}
div#photos div#photoGrid a {
  text-transform: uppercase;
  color: #e53e3e;
}
div#photos div#photoGrid img {
  padding: 10px;
}
div#photos p {
  color: white;
  font-size: 15px;
  font-weight: normal;
}
div#photos p a {
  text-transform: uppercase;
  color: #e53e3e;
}
div#photos p.close {
  float: right;
  position: relative;
  top: -21px;
  right: -20px;
}
div.hidePhotos {
  top: -465px;
}
div.showPhotos {
  top: 50%;
}
div#moreInfo {
  position: absolute;
  width: 50%;
  height: 115px;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  bottom: 40px;
  border: 3px solid black;
  border-left: 0px;
}
div#moreInfo p {
  color: white;
  font-size: 14px;
  font-weight: normal;
  margin: 0px;
}
div#moreInfo p a {
  text-transform: uppercase;
  color: #e53e3e;
}
div#moreInfo p.close {
  float: right;
  position: relative;
  top: -11px;
  right: -10px;
}
div.hideMoreInfo {
  left: -100%;
}
div.showMoreInfo {
  left: 450px;
}
div.logo {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 200px;
  height: 200px;
  opacity: 0.5;
}
div.logo:hover {
  opacity: 1;
}
div.footer {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  bottom: 0px;
  width: 100%;
  color: #cccccc;
  height: 40px;
}
div.footer p {
  font-size: 15px;
  margin: 0px;
  padding: 0px 10px;
  line-height: 40px;
}
div.footer p.theLeftStuff {
  float: left;
  width: 40%;
}
div.footer p.theRightStuff {
  float: right;
  text-align: right;
  width: 40%;
}
div.footer span.bullet {
  visibility: hidden;
}
div.footer a {
  color: #cccccc;
}
div.footer a:hover {
  color: #e53e3e;
}
div#introVideo {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  background: rgba(255, 255, 255, 0.6);
  color: white;
  font-family: futura;
  overflow-y: scroll;
}
div#introVideo div.inner {
  width: 760px;
  position: absolute;
  left: 50%;
  height: 100%;
  margin-left: -430px;
  padding: 50px;
}
div#introVideo div.inner div.leftSide {
  float: left;
  width: 325px;
}
div#introVideo div.inner div.rightSide {
  float: right;
  width: 325px;
}
div#introVideo div.inner h1 {
  text-align: center;
}
div#introVideo div.inner h2 {
  margin: 20px 0px 0px 0px;
  color: #444444;
  text-align: center;
  font-size: 44px;
  font-weight: normal;
}
div#introVideo div.inner p {
  text-align: center;
}
div#introVideo div.inner p a {
  text-transform: uppercase;
  color: #444444;
  font-size: 24px;
  display: block;
  width: 100%;
  text-align: center;
  background: #e53e3e;
  padding: 10px 0px;
}
div#introVideo div.inner p a:hover {
  background: white;
}
div#introVideo div.inner p img {
  cursor: pointer;
}
div#introVideo div.inner p.subtitle {
  color: #444444;
  font-size: 36px;
  margin-top: 0px;
}
div#introVideo div.hideInnerIntroVideo {
  top: -100%;
}
div#introVideo div.introVideoPlayer {
  position: absolute;
  top: -700px;
  left: 50%;
  margin-top: -330px;
  margin-left: -430px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.75);
}
div#introVideo div.introVideoPlayer p.close {
  text-align: center;
  margin: 3px 0px 0px 0px;
}
div#introVideo div.introVideoPlayer p.close span {
  text-transform: uppercase;
  color: #444444;
  font-weight: bold;
  background-color: #e53e3e;
  padding: 3px 7px;
  cursor: pointer;
}
div#introVideo div.introVideoPlayer p.close span:hover {
  background-color: white;
}
div#introVideo div.introVideoPlayerOpen {
  top: 50%;
}
div.hideIntroVideo {
  top: -100%;
}