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

	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#FFF;
		text-align:center; /* horizontal centering for IE Win quirks */
		outline: none;
		}
	a {
		outline: none;
	}
	#distance { 
		width:1px;
		height:50%;
		background-color:#FFF;
		margin-bottom:-32px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:64px;
		width:63px;
		clear:left;
		}

	#container div {
		font-size:80%;
		float:right;
		width:63px;
		margin-left:0px;
		}

	#container h1 {
		font-size:100%;
		padding:0px;
		margin: 0px;
		line-height: 2px;
		
		}
	#container h1 a {
		outline: none;
		display: block;
		width: 63px;
		height: 64px;
		background-image: url(_img/dot.gif);
		background-repeat: no-repeat;
		background-position: top;
		text-indent: -2002px;
		
	}
	#container h1 a:hover {
		background-position: bottom;
	}
	
	/* MEDIA PAGE */
	#media-distance { 
		width:1px;
		height:50%;
		background-color:#FFF;
		margin-bottom:-200px; /* half of container's height */
		float:left;
		}

	#media-container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:center;
		width:700px;
		height:400px;
		clear:left;
		}
	#media-container div {
		font-size:80%;
		float:right;
		width:700px;
		margin-left:0px;
		}
	#media-container a {
		outline: none;
		display: block;
		width: 700px;
		height: 400px;		
	}