@charset "UTF-8";

    html {
      height: 100%;
    }
	h3 {
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		letter-spacing:1px;
		font-style:normal;
		font-weight:300;
		}
		a {
			color:#666;
			text-decoration:none;
			}
			
		a:hover {
			color:#ccc;
			text-decoration:none;
			}
    body {
      background: #999;
      padding: 0;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      position: relative;
      margin: 0;
      height: 100%;
	  overflow:hidden;
    }
    
    .wrapper {
		display:table;
		position:absolute;
		height:100%;
		width:100%;
    }
    .pointer {
      color: #9b59b6;
      font-family: 'Pacifico', cursive;
      font-size: 30px;
      margin-top: 15px;
    }
    .main {
		display:table-cell;
		vertical-align:middle;
    }
	
	#close{
		position:absolute; 
		width:50px; 
		height:20px;
		right:30px; 
		top:20px; 
		text-align:right;
		}
   
    .main h1.demo1 {
      background: #1ABC9C;
    }
    .main{
      margin: 50px auto;
    }
    .page_container {
		margin-left:auto;
		margin-right:auto;
		max-width:1000px;
    }
    .page_container .interactive_3d {
      position: relative;
    }
      .page_container .interactive_3d > img {
        width: 100%;
        float: none;
      }