@charset "UTF-8";
/* CSS Document */

body {
  text-align: center;
  margin: 0;
  background: white;
  color: #404040;
  font-family: sans-serif;
  font-size: 8pt;
}
a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}

#content {
  width: 960px;
  height: 560px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-large {
  width: 1248px;
  height: 728px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-xlarge {
  width: 1440px;
  height: 840px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-wide {
  width: 1343px;
  height: 768px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-ipad {
  width: 1024px;
  height: 768px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-iphone4 {
  width: 960px;
  height: 640px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-iphone5 {
  width: 1136px;
  height: 640px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

#content-iphone6 {
  width: 667px;
  height: 375px;
  margin: 60px auto 20px auto;
  box-shadow: 0px 4px 16px -4px #333;
}

/* A tiny animation to show during the initial load. */
#spinner {
  background: url(../spinner.gif);
  position: absolute;
  left: 50%; top: 50%;
  width: 32px; height: 32px;
  margin-left: -16px; margin-top: -16px;
}

/* On small devices, fill the entire screen and hide the rest of the page. */
@media (max-device-width: 8in), (max-device-height: 8in) {
  html {
	/* Prevent scrollbars from causing a resize feedback loop. */
	overflow: hidden;
  }
  html, body {
	height: 100%;
  }
  #content {
	height: 100%;
	width: 100%;
	margin: inherit;
	box-shadow: none;
  }
  .no-mobile {
	display: none;
  }
}