*{
	margin: 0;
	padding: 0;
}
body {
	text-align:left;  /* IE6 needs this to center the layout in the browser window */
	font:62.5% Helvetica, Arial, sans-serif, Verdana;
	}
#wrap{
	width:960px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	margin-top:1em;
	position:relative;
}
#wrap #nav {
	text-align: center;
}
#foot {
	color: #DDD;
	font-size:.85em;
}
#top{
background:#000;
height:5.5em;
background-repeat:no-repeat;
background-position:center;
z-index:10;
}
.logo{
	position:absolute;
	top:0em;
	right:34em;
	margin-top:1em;
}
#center{
	/*background-image: url(../images/blur-bikes.png);*/
	background-repeat:no-repeat;
	background-position:center;
	height:60em;
}
.info{
	color:#666;
	position:absolute;
	top:34px;
	right:35px;
	/*height:150px;*/
	width:350px;
	background-color:#CCC;
	background-repeat:no-repeat;
	border-collapse:collapse;
}
.info h1{
	text-align:right;
		font-size:4em;
		font-weight:normal;
}
.info ul{
		padding-top:1em;
}
.info li{
	font-size:1.5em;
	line-height:1.25em;
	list-style-type:none;
	text-align:right;
	padding-left:2em;
}
.info a{
	font-size:1.5em;
	line-height:1.25em;
	text-decoration:none;
	text-align:left;
	padding-right:3em;
	color:#fff;
}
.info a:hover{
	text-decoration:none;
	color:#444;
}
.info .text{
	font-size:1.5em;
	line-height:1.25em;
	text-decoration:none;
	text-align:left;
	padding-right:3em;
	color:#777;
}
.info h3{
	text-align:left;
		font-size:2em;
		font-weight:normal;
		color:#777;
}
#nav{
	height:2em;
	background:#000;
	padding-bottom:3.5em;
	z-index:100;
}
#nav ul li{
    list-style-type:none;
	display:inline;
	padding-left:8em;/*position spacing between li*/
}
#nav ul .pos{
	padding-left:58em;/*position bio photos contact*/
}
#nav ul .pos2{
	padding-left:2em;/*position home*/
}
#nav ul li a{
	font-size:1.5em;
	text-decoration:none;
	line-height:1.8em;
	color:#DDD;
}
#nav ul li a:hover{
	color:#444;
}