body {
  font-family: "grotesque mt", helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a img { border: none; }

#whole {
  margin: 0 auto;
	padding-bottom: 60px;
  width: 850px;
}

h1 {
  background: url('/images/header.jpg') no-repeat;
  height: 157px;
  margin: 0;
  padding: 0;
	position: relative;
}
h1 span.name { display: none;}

h1 span#livedMap,
h1 span#exploredMap,
h1 span#workMap {
	position: absolute;
	display: block;
	width: 384px;
	height: 157px;
	top: 0px;
	left: 433px;
}
h1 span#livedMap {
	background: url('/images/lived.jpg') no-repeat;
}
h1 span#exploredMap {
	background: url('/images/explored.jpg') no-repeat;
}
h1 span#workMap {
	background: url('/images/work_map.jpg') no-repeat;
}

#navWrapper {
	margin-right: 30px;
}
#nav {
  float: right;
  height: 30px;
  padding: 0;
	margin: 0;
}
#nav li {
  background: url('/images/navdot.gif') no-repeat center left;
  float: left;
  height: 30px;
  margin: 0 0 0 7px;
  padding: 0 0 0 13px;
  list-style: none;
}
#nav li a {
  background: url('/images/nav.gif') no-repeat;
  height: 22px;
  display: block;
  margin-top: 4px;
}
#nav li span { display: none;}
#nav li.contact { background: transparent; }
#nav li.contact a { width: 59px; background-position: 0 0; }
#nav li.contact a:hover,
#nav li.contact a.selected { background-position: 0 -22px; }
#nav li.beginnings a { width: 91px; background-position: -83px 0; }
#nav li.beginnings a:hover,
#nav li.beginnings a.selected { background-position: -83px -22px; }
#nav li.process a { width: 63px; background-position: -197px 0; }
#nav li.process a:hover,
#nav li.process a.selected { background-position: -197px -22px; }
#nav li.work a { width: 41px; background-position: -284px 0; }
#nav li.work a:hover,
#nav li.work a.selected { background-position: -284px -22px; }
#nav li.profile a { width: 54px; background-position: -349px 0; }
#nav li.profile a:hover,
#nav li.profile a.selected { background-position: -349px -22px; }

.projectText {
  padding: 20px 0 0 30px;
}
.projectText .column {
  float: left;
  width: 385px;
  margin-right: 20px;
}

#content {
  clear: both;
  color: #363636;
  line-height: 18px;
}
#content h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 18px 0;
	padding: 0;
}
#content h2 span.location {
	font-size: 12px;
}

#content h3 {
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

.projectText p {
  padding: 0;
  margin: 0 0 18px;
	text-align: justify;
}

.projectList {
	margin: 0 0 0 31px;
}
.projectList img {
  display: block;
	float: left;
	width: 110px;
	height: 260px;
  margin: 0 3px 3px 0;
}

#littleColumn {
	float: left;
  border-top: 1px solid #aac6d1;
  padding-top: 20px;
	width: 433px;
}
#littleColumn h2 {
  margin-left: 30px;
}
#littleColumn p {
  margin: 0 30px 18px 30px;
	text-align: justify;
}

#bigColumn {
	float: left;
	width: 417px;
}

p.contactInfo {
	background: url('/images/contact.jpg') no-repeat;
	margin: 0 0 18px 0;
	padding: 0;
	width: 417px;
	height: 415px;
	position: relative;
}
p.contactInfo span {
	display: none;
}
p.contactInfo a {
	display: block;
	position: absolute;
	left: 174px;
	top: 110px;
	width: 222px;
	height: 23px;
}

a.pdfLink {
	background: url('/images/pdf.gif') no-repeat;
	display: block;
	height: 48px;
	line-height: 48px;
	padding-left: 52px;
}
a.vcfLink {
	background: url('/images/vcf.jpg') no-repeat;
	display: block;
	height: 48px;
	line-height: 48px;
	padding-left: 52px;
}

div#filmStrip {
	clear: both;
	height: 415px;
	font-family: lucida grande;
	width: 850px;
	position: relative;
}
div#filmStrip img {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#filmStrip div.window {
	height: 415px;
	width: 850px;
	overflow: hidden;
	position: relative;
}
div#filmStrip div.cover {
	position: absolute;
	font-size: 24px;
	top: 0px;
	left: 0px;
	height: 415px;
	line-height: 415px;
	text-align: center;
	width: 850px;
	background: #fff;
	z-index: 100;
}
div#filmStripControls {
	position: absolute;
	right: 25px;
	bottom: -53px;
	height: 30px;
	padding: 0;
	z-index: 50;
}
div#filmStripControls a {
	color: #363636;
	text-decoration: none;
	float: left;
	margin: 0 7px;
}
div#filmStripControls span { display: none; }
#filmStripPrevious {
	background: url(/images/filmstrip/previous.gif);
	width: 18px;
	height: 14px;
}
#filmStripNext {
	background: url(/images/filmstrip/next.gif);
	width: 18px;
	height: 14px;
}
#filmStripToggle {
	background: url(/images/filmstrip/pause.gif) no-repeat;
	width: 12px;
	height: 14px;	
}
#filmStripToggle.play {
	background: url(/images/filmstrip/play.gif) no-repeat;
}

div#prevNextLinks {
	border-top: 1px solid #aac6d1;
	clear: left;
	margin: 10px 30px 0 0;
	padding: 10px 0 0 0;
	text-align: center;
}
div#prevNextLinks a {
	color: #363636;
	font-size: 12px;
	text-decoration: none;
}
div#prevNextLinks a:hover {
	color: #558ea2;
}
div#prevNextLinks a.nextLink {
	float: right;
}
div#prevNextLinks a.previousLink {
	float: left;
}