/*----------------------------------------------------------------------------*/
/* Basics */
/*----------------------------------------------------------------------------*/

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	text-align:center;
	overflow:auto;
	}

div.distance { 
		width:1px;
		height:50%;
		margin-bottom:-320px;
		float:left;	
  		opacity:.00;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/
		filter: alpha(opacity=0); /* IE5-IE7*/
		overflow:hidden;
		}
          
.wrapper {
		margin:0 auto;
		position: relative; 
		clear:left;
		width: 880px; 
		height: 640px;
		-webkit-box-shadow: 0px 0px 26px 4px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 26px 4px rgba(0,0,0,1);
		box-shadow: 0px 0px 26px 4px rgba(0,0,0,1);
		}
	
.inline {
	margin:0px;
	padding:0px;
	border:0px;
    overflow:hidden;
	background: #bdc6c9;
	}
	
iframe {
	outline: none; /*Gecko based Browsers*/
	-moz-outline-width: 0; /*Mozilla based Browsers*/
	-moz-inline: 0; /*Mozilla based Browsers*/
	}