html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background-color:#5F6769;
	color:#5F6769;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
	width:1px;
	height:50%;
	background-color:#5F6769;
	margin-bottom:-15em; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:30em;
	clear:left;
	background-color:#fff;
}

#shadowTop {
	height:15px;
	clear:left;
	background-image:url(img/shadowTop.jpg);
}
	
#shadowBtm {
	height:15px;
	clear:left;
	background-image:url(img/shadowBtm.jpg);
}

#content {
	width:800px;
	margin:0 auto;
	margin-top:30px;
}

#leftColumn {
	float:left;
	width:140px;
}

#logo {
	height:83px;
	width:138px;
	background-image:url(img/logo.jpg);
}

#menu {
	margin-top:35px;
}

#menu a {
	outline: none;
	display: block;
	margin-bottom:15px;
}

#menu a:hover {
	background-position: 0 -24px;	
}

.about {
	width:59px;
	height:24px;
	background-image:url(img/menu/about.jpg);
}

.blog {
	width:41px;
	height:24px;
	background-image:url(img/menu/blog.jpg);
}

.contact {
	width:72px;
	height:24px;
	background-image:url(img/menu/contact.jpg);
}

#rightColumn {
	float:right;
	width:600px;
}

.title {
	margin-top:71px;
}

.text {
	margin-top:18px;
	text-align:left;
	line-height:2.5em;
	font-size:11px;
}

.text a {
	color:#00A2D1;
}

.text a:hover {
	color:#166076;
}

#footer {
	font-size:10px;
	color:#3A4042;
}

#footer a {
	color:#3A4042;
}

#footer a:hover {
	color:#000;
}