html {
		margin:0;
		padding:0;
		background: black;
	}
    body {
      text-align: center;
      margin: 0;
	  padding:0;
      background: black;
      color: #404040;
      font-family: sans-serif;
      font-size: 10pt;
    }
    a {
      color: #F88113;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }

    #content {
      width: 750px;
      height: 500px;
      margin: 60px auto 20px auto;
    }
	
	#content-canvas {
		background:#000;
	}
	
	IFRAME {
		border:none;
		display:none;
	}

    /* 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;
      }
    }
	
	/* Portrait mode warning */
	#portrait {
	  position:absolute;
	  top:0;
	  left:0;
      height:100%;
	  display:none;
	  width:100%;
	  background:#000;
	}
	
	#portrait .wrap {
	  display:table-row;
	  height:100%;
	}
	
	#portrait .content {
		display:table-cell;
		height:100%;
		width:100%;
		vertical-align:middle;
		text-align:center;
	}
	
	#portrait .content IMG {
		width:100%;
		max-width: 460px;
	}