html {
	background:#9f3b31 url(img/html.jpg);
}

body {
	background:url(img/body.jpg) repeat-x center top;
	color:#666;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
}

a {
	color:#779e3b;
	text-decoration:none;
}
	a:active, a:hover {
		text-decoration:underline;
	}
	
h1 {
	padding:28px 0 0 10px;
	width:650px;
}
	
h1 a {
	background:url(img/h1_a.png) no-repeat;
	display:block;
	height:78px;
	text-indent:-9999px;
	width:396px;
}

h2 {
	color:#779e3b;
	font-family:'Myriad Pro Semibold','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:24px;
	line-height:28px;
	padding-bottom:15px;
}

h3 {
	color:#999;
	font-size:14px;
	line-height:20px;
	padding-bottom:12px;
}

acronym, abbr {
	border-bottom:1px dotted #ccc;
	cursor:help;
}

.fixed {
	margin:0 auto;
	position:relative;
	width:660px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#hd {
	background:url(img/hd.jpg) no-repeat center top;
	height:135px;
}

#bd {
	background:#fff url(img/bd.jpg);
}
	#bd .fixed {
		min-height:320px;
	}

#features {
	padding:205px 0 0 10px;
	position:relative;
}
	#features ol {
		font-size:14px;
	}
		#features ol li {
			display:none;
			left:10px;
			position:absolute;
			top:22px;
			width:390px;
		}
		#features .active, #features .lastactive, #features ol li li {
			display:block;
		}
		#features ol li li, #features ol p {
			padding-bottom:8px;
		}
		#features ol li li {
			left:0;
			position:relative;
			top:0;
		}
		#features ol ul li {
			background:url(img/features_ol_ul_li.gif) no-repeat 0 2px;
			height:auto;
			padding-left:24px;
			width:auto;
		}
	
	#features .nav, #features .nav li, #features .nav p {
		float:left;
	}
		#features .nav {
			background:url(img/features_nav.png) no-repeat right top;
			border-top:1px solid #c8c8c8;
			width:420px;
		}
		#features .nav li {
			margin:5px 5px 0 0;
		}
			#features .nav li a {
				background:url(img/features_nav_sprites.gif) no-repeat;
				display:block;
				height:22px;
				overflow:hidden;
				text-indent:-9999px;
				width:22px;
			}
			#features .nav .prev {
				background-position:0 0;
			}
			#features .nav .prev:active, #features .nav .prev:hover {
				background-position:0 -22px;
			}
			#features .nav .next {
				background-position:-22px 0;
			}
			#features .nav .next:active, #features .nav .next:hover {
				background-position:-22px -22px;
			}
		#features .nav p {
			color:#adadad;
			font-weight:bold;
			padding:6px 0 0 5px;
			text-transform:uppercase;
		}
			#current, #total {
				color:#999;
			}
			#of {
				font-weight:normal;
				text-transform:lowercase;
			}

#buy {
	background:url(img/buy.jpg) no-repeat;
	bottom:-34px;
	display:block;
	height:90px;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:409px;
}
	#buy:active, #buy:hover {
		background-position:0 -90px;
	}

#iphone {
	background:url(img/iphone.png) no-repeat;
	height:476px;
	position:absolute;
	right:-15px;
	top:-110px;
	width:282px;
}
	#iphone div, #iphone li, #iphone img {
		height:297px;
		overflow:hidden;
		width:198px;
	}
		#iphone div {
			margin:76px 0 0 42px;
		}
		#iphone ol {
			width:198px;
		}
		#iphone li {
			float:left;
		}

#links {
	background:#ebebeb url(img/links.jpg);
}
	#links .fixed {
		padding:45px 10px 25px;
		width:640px;
	}
	#links .alignleft li {
		background-position:0 1px;
		background-repeat:no-repeat;
		padding:0 0 5px 24px;
	}
		#facebook {
			background-image:url(img/facebook.gif);
		}
		#twitter {
			background-image:url(img/twitter.gif);
		}
		#posterous {
			background-image:url(img/posterous.gif);
		}
		#blog {
			background-image:url(img/blog.gif);
		}
		#feed {
			background-image:url(img/feed.gif);
		}
	#links .alignright {
		width:430px;
	}
		#links .alignright li {
			float:left;
		}
		#links .alignright a {
			background-position:center center;
			background-repeat:no-repeat;
			display:block;
			overflow:hidden;
			text-indent:-9999px;
		}
		#runnerspace, #letsrun, #the-runners-tribe {
			height:46px;
			margin-bottom:10px;
			margin-right:14px;
		}
			#runnerspace {
				background-image:url(img/runnerspace.jpg);
				width:125px;
			}
			#letsrun {
				background-image:url(img/letsrun.gif);
				width:151px;
			}
			#the-runners-tribe {
				background-image:url(img/the-runners-tribe.gif);
				margin-right:0;
				width:125px;
			}
		#running-times, #spikes, #track-and-field {
			height:31px;
			margin-right:7px;
		}
			#running-times {
				background-image:url(img/running-times.gif);
				width:161px;
			}
			#spikes {
				background-image:url(img/spikes.gif);
				width:146px;
			}
			#track-and-field {
				background-image:url(img/track-and-field.gif);
				margin-right:0;
				width:108px;
			}

#ft {
	background:url(img/ft.jpg) repeat-x center top;
	color:#f7c3be;
	height:80px;
}
	#ft a {
		color:#fff;
	}
	#ft .fixed {
		padding:25px 10px 0;
		width:640px;
	}
	#ft .alignright {
		text-align:right;
	}