/* HERO */

#hero {
	height: 230px;
}

#hero-inner {
	height: 200px;
	background: url(../images/about/hero-image.jpg) no-repeat;
}

/* CONTENT */

#content {
	height: 1401px;
}

#content .section-inner {
	height: 1371px;
}

#content h2 {
	background: url(../images/about/title-about.png) no-repeat;
	position: relative;
	width: 520px;
	height: 41px;
	top: 0;
	left: 0;
	margin: 40px 0 0 40px;
}

#bio {
	position: relative;
	margin: 14px 0 6px 44px;
	width: 816px;
	height: 377px;
	background: url(../images/about/bio-background.png) no-repeat;
}

.photo-frame {
	position: absolute;
	top: 7px;
	right: 10px;	
	width: 262px;
	height: 347px;
	padding: 8px 0 0 8px;
	background: url(../images/about/photo-frame.png) no-repeat;
}

#bio dl {
	display: block;
	position: absolute;
	top: 23px;
	left: 31px;
	width: 267px;
	height: 69px;
	background: url(../images/about/bio-vital-stats.gif) no-repeat;
}

#bio dt {
	text-indent: -10000px;
	font-size: 1px;
	position: absolute;
	display: block;
	top: -999px;
	left: -999px;
}

#bio dd {
	position: absolute;
	left: 0;
	font-family: "DIN-Bold", Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	height: 25px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	margin-left: 70px;
	width: 205px;
}

#bio .age {
	top: 0px;
}

#bio .school {
	top: 25px;
}

#bio .home {
	top: 50px;
}

#bio p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 7px;
}

#bio .text {
	position: absolute;
	width: 485px;
	top: 127px;
	left: 31px;
}

#q-and-a {
	position: relative;
	overflow: hidden;
	margin-left: 45px;
	width: 814px;
	height: 110px;
	background: url(../images/about/q-and-a-background.png) no-repeat;
}

#q-and-a li a {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 32px;
	height: 59px;
	top: 25px;
	z-index: 2;
	text-indent: -10000px;
	background-image: url(../images/about/q-and-a-buttons.png);
	background-repeat: no-repeat;
}

#q-and-a li a.hide {
	position: absolute;
	top: -999px;
	left: -999px;
}

#q-and-a li.previous a {
	left: 0;
}

#q-and-a li.next a {
	background-position: 0 -59px;
	right: 1px;
}

#q-and-a .questions {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 110px;
}

#q-and-a .question {
	position: absolute;
	top: 26px;
	text-indent: -10000px;
	font-size: 0.1em;
	background-image: url(../images/about/q-and-a-questions.png);
	background-repeat: no-repeat;
}

#q-and-a .question-1 {
	background-position: 0 0;
	left: 67px;
	width: 655px;
	height: 60px;
}

#q-and-a .question-2 {
	background-position: 0 -60px;
	left: 881px;
	width: 624px;
	height: 60px;
}

#q-and-a .question-3 {
	background-position: 0 -120px;
	left: 1695px;
	width: 441px;
	height: 56px;
}
/*
#q-and-a .question-4 {
	background-position: 0 -176px;
	left: 2509px;
	width: 633px;
	height: 56px;
}
*/
#q-and-a .question-5 {
	background-position: 0 -232px;
	left: 2509px;
	width: 325px;
	height: 36px;
}

#q-and-a .question-6 {
	background-position: 0 -268px;
	left: 3323px;
	width: 417px;
	height: 36px;
}

#q-and-a .question-7 {
	background-position: 0 -304px;
	left: 4137px;
	width: 454px;
	height: 58px;
}

#q-and-a .question-8 {
	background-position: 0 -362px;
	left: 4951px;
	width: 657px;
	height: 56px;
}

#q-and-a .question-9 {
	background-position: 0 -418px;
	left: 5765px;
	width: 379px;
	height: 40px;
}

#kart {
	position: relative;
	padding-top: 47px;
	width: 900px;
	height: 735px;
	background: url(../images/about/kart-background.jpg) no-repeat;
}

#kart .kart {
	position: absolute;
	z-index: 2;
	top: 37px;
	left: 45px;
	width: 723px;
	height: 583px;
	background: url(../images/about/kart.png) no-repeat;
}

#kart h3 {
	text-indent: -10000px;
	position: absolute;
	z-index: 1;
	top: 542px;
	left: 29px;
	width: 433px;
	height: 73px;
	background: url(../images/about/kart-title.png)  no-repeat;
}

#kart dl {
	display: block;
	position: absolute;
	text-indent: -10000px;
	font-size: 0.1em;
	top: 532px;
	left: 509px;
	width: 365px;
	height: 245px;
	background: url(../images/about/kart-data.png) no-repeat;
}