html, body, div {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}
		
html, body {
	background: #151515;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}

img {
	border: 0px;	
}
	
body {
	text-align:center; /* horizontal centering for IE Win quirks */
	}
	
	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-275px; /* half of container's height */
		float:left;
		}

	#container {
		margin: 0 auto;
		position: relative; /* puts container in front of distance */
		text-align: left;
		height: 550px;
		width: 800px;
		clear: left;
		}
		
		h1 {
			color: #999;
			font-size: 19px;
			font-weight: normal;
			margin-bottom: 30px;
		}
		
		p, ul, li, address {
			font-size: 11px;	
		}
		
		a, a:link, a:visited, a:hover {
			color: #CCC;	
		}
		
		#navigation {
			display: block;
			float: left;
			width: 244px;
		}
		
			.navLink {
				cursor: pointer;	
			}
			
			.tabs-on {
				border: solid #b7000c;
				border-width: 0px 3px 0px 0px;
			}
			
			.tabs-off {
				border-width: 0px;
			}
		
		#content {
			display: block;
			float: left;
			width: 550px;
		}

			div.tabs-hide {
				display: none;
			}
			
			div.tabs-show {
				display: block;
			}
			
			#projects {
				background-image: url('images/projects.jpg');
				background-repeat: no-repeat;
				width: 491px;
				height: 317px;
			}
			
				#projects div {
					padding: 50px;	
				}