html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
html {
	height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font-family:"Myriad Pro", Myriad, "Lucida Grande", Lucida, Helvetica, Tahoma, Verdana, Arial, sans-serif;
	width: 100%;
	height: 100%;
	color:#666;
}
a {
	color:#333;
	outline:none;
	text-decoration:none;
}
a:hover {
	color:#666;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 110px;
	padding:0 0 0 0;
}
	#header h1 a {
		width:175px;
		height:65px;
		float:left;
		background:url(logo.png) 0 0 no-repeat;
		text-indent:-9999px;
		margin:35px 0 0 0;
		display:inline-block;
	}
		#header h2 {
			text-indent:-9999px;
		}
		#header .order {
			float:right;
			display:block;
			margin:10px 0 0 0;
		}
			#header .order p {
				float:right;
				display:block;
				color:#b2b2b2;
				font-size:12px;
				margin:0 12px 0 0;
			}
			#header .order nav ul {
				float:right;
				display:block;
				margin:4px 0 0 0;
			}
				#header .order nav ul li {
					float:left;
					display:inline;
					margin:0 0 0 22px;
					width:121px;
					height:20px;
					padding:4px 0 0 0;
					text-align:center;
				}
					#header .order nav ul li:hover,#header .order nav ul li.active {
						background:url(nav.png) no-repeat;
						color:#fff;
					}
						#header .order nav ul li:hover a,#header .order nav ul li.active a {
							color:#fff;
							text-shadow: 1px 1px 1px rgba(0,0,0,1);
						}
					#header .order nav ul li a {
						color:#666;
						text-shadow:
						text-decoration:none;
					}

/* Middle
-----------------------------------------------------------------------------*/
#content {
	position:relative;
	padding: 0 0 70px;
	width:900px;
	height:416px;
	margin:40px auto 0;
	background:url(fingerboards.png) 100px 0 no-repeat;
}
	#content ul li h2 a {
		font-size:18px;
		font-weight:400;
	}
		#content ul li a span {
			text-indent:-9999px;
			display:inline-block;
		}
		#content ul li p {
			float:right;
			display:block;
			width:60px;
			text-align:right;
			white-space: nowrap;
			margin:0 20px 0 0;
			padding:0 10px 0 0;
			background: url(rub.png) 100% 30% no-repeat;
		}
		#content ul li p span {
			text-indent:0;
			display:inline-block;
			font-size:14px;
		}
			#content ul li.finger-wood {
				position:absolute;
				top:260px;
				left:694px;
			}
			#content ul li.finger {
				position:absolute;
				top:375px;
				left:529px;
			}
			#content ul li.finger-bmx {
				position:absolute;
				top:180px;
				left:4px;
			}
			#content ul li.fingerpark {
				position:absolute;
				top:299px;
				left:123px;
			}


.xxx {
	position:absolute;
	top:50%;
	left:50%;
	width:900px;
	height:450px;
	margin-left:-450px;
	margin-top:-225px;
	font-weight:400;
	text-align:center;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 900px;
	margin: -70px auto 0;
	height: 70px;
	font-size:14px;
}
	#footer p {
		float:left;
		margin:30px 0 0 0;
	}
	#footer ul {
		float:right;
		margin:30px 0 0 0;
	}
		#footer ul li {
			float:left;
			display:inline;
			margin:0 0 0 20px;
		}