/*interface layout*/

body {
	background:url(../images/interface/background.gif);
	background-image:url(../images/interface/background.gif);
	height:auto;
	background-color:#4C413A;
}

#container {
	background:url(../images/interface/content-bg.png);
	background-repeat:repeat-y;
	width:750px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	padding-right:100px;
}

#header {
	background:url(../images/interface/header.png);
	width:450px;
	height:130px;
	position:absolute;
	left:30px;
	top:10px;
	z-index:50;
}

#photos {
	background:url(../images/interface/photos.png);
	width:410px;
	height:350px;
	position:absolute;
	top:10px;
	left:435px;
	z-index:20;
}

#greenbar {
	background:url(../images/interface/green-bar.png);
	background-repeat:no-repeat;
	width:800px;
	height:60px;
	position:absolute;
	top:140px;
	left:0px;
	z-index:10;
}

#container #headnav a:link.home span.alt, #container #headnav a:link.bike span.alt, #container #headnav a:link.rider span.alt, #container #headnav a:link.photos span.alt {
	padding: 10px 0;
}

/*#silhouette {
	background:url(../images/interface/silhouette.png);
	background-repeat:no-repeat;
	width:400px;
	height:100%;
	position:absolute;
	z-index:6;
	border:1px solid black;
}*/

/*content*/

#content {
	margin: 220px 120px 20px 110px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content p a {
	color:#324C45;
}

#content p a:hover {
	color:#2a2017;
}

p, blockquote {
	font-size:12px;
	line-height:1.5em;
}

h2 {
	font-size:20px;
}

/*navigation*/

li {
	display:inline;
	list-style:none;
}

.home, .bike, .rider, .photos, .contact, .links {
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-top:0px;
	margin-top:0px;
	margin-left:0px;
}

.alt {
	visibility:hidden;
}

#headnav img {
	margin-bottom: -4px;
}

/*header navigation*/

#headnav {
	height:30px;
	position:absolute;
	top:155px;
	left:70px;
	z-index:30;
}

#headnav a {
	text-decoration:none;
}

/*home link*/

a.home {
	background:url(../images/interface/home-link.png);
	background-repeat:no-repeat;
	padding-right:13px;
}

a.home:hover {
	background:url(../images/interface/home-link-rollover.png);
	background-repeat:no-repeat;
}

/*bike link*/

a.bike {
	background:url(../images/interface/bike-link.png);
	background-repeat:no-repeat;
	padding-right:44px;
}

a.bike:hover {
	background:url(../images/interface/bike-link-rollover.png);
	background-repeat:no-repeat;
}

/*rider link*/

a.rider {
	background:url(../images/interface/rider-link.png);
	background-repeat:no-repeat;
	padding-right:45px;
}

a.rider:hover {
	background:url(../images/interface/rider-link-rollover.png);
	background-repeat:no-repeat;
}

/*photos link*/

a.photos {
	background:url(../images/interface/photos-link.png);
	background-repeat:no-repeat;
	padding-right:20px;
}

a.photos:hover {
	background:url(../images/interface/photos-link-rollover.png);
	background-repeat:no-repeat;
}

/*footer navigation*/

#footnav {
	height:30px;
	padding-top:5px;
	margin-left:70px;
}

#footnav a {
	text-decoration:none;
}

#footnav img {
	margin-bottom: -4px;
}

/*contact link*/

a.contact {
	background:url(../images/interface/contact-link.png);
	background-repeat:no-repeat;
	padding-right:15px;
}

a.contact:hover {
	background:url(../images/interface/contact-link-rollover.png);
	background-repeat:no-repeat;
}

/*links link*/

a.links {
	background:url(../images/interface/links-link.png);
	background-repeat:no-repeat;
	padding-right:13px;
}

a.links:hover {
	background:url(../images/interface/links-link-rollover.png);
	background-repeat:no-repeat;
}

/*image thumbnails*/

a img, .border {
	border:#4C413A 2px solid;  
	margin:5px;
}