body {
   font-family: "Lucida Grande", verdana, arial, sans-serif;
   font-size: 85%;
   line-height: 150%;
   padding: 0;
   margin: 0;
}

h1, h2, h3, h4, h5, h6 {
   font-family: "Helvetica Neue", inherit;
}

h1 {
   float: left;
   margin: 0;
   padding: 18px 20px 17px 20px;
   background: #640019;
   color: white;
}

.content {
   clear: both;
   width: 600px;
   padding: 20px;
}

ul.navigation {
   list-style: none;
   margin: 0; padding: 0 0 0 1em;
   border-bottom: solid #CCC 1px;
   background: #EAEAEA;
}

ul.navigation li {
   display: inline;
}

ul.navigation li a {
   line-height: 2em;
   padding: 5px 10px 5px 10px;
   border-right: solid #CCC 1px;
   text-decoration: none;
   color: #777;
}

#intro ul.navigation li.intro,
#research ul.navigation li.research,
#ideation ul.navigation li.ideation,
#testing ul.navigation li.testing,
#final ul.navigation li.final {
   font-weight: bold;
}

ul.navigation li.intro a {
   border-left: solid #EAEAEA 1px;
}

#intro ul.navigation li.intro a {
   border-left: solid #CCC 1px;
}

#intro ul.navigation li.intro a,
#research ul.navigation li.research a,
#ideation ul.navigation li.ideation a,
#testing ul.navigation li.testing a,
#final ul.navigation li.final a {
   color: #333;
   background: white;
   border-bottom: solid white 1px;
}

ul.subnavigation {
   list-style: none;
   margin: 0; padding: 0 0 0 10px;
   border-bottom: solid #CCC 1px;
}

ul.subnavigation li {
   display: inline;
}

ul.subnavigation li a {
   line-height: 2em;
   padding: 5px 10px 5px 10px;
   border-right: solid #CCC 1px;
   text-decoration: none;
   color: #777;
}


.image.left {
   float: left;
   margin: 10px 20px 10px 0;
}
.image.right {
   float: right;
   margin: 10px 0 10px 20px;
}

.image img {
   border: solid #CCC 1px;
   padding: 5px;
}

.image .caption {
   margin-top: 0px;
   padding: 0;
   font-size: 80%;
   line-height: 1.4em;
   font-style: italic;
}

dt {
   font-weight: bold;
}
dd {
   margin: 0; padding: 0;
}

.sidebar {
   width: 250px;
   position: absolute;
   left: 650px;
   background: #EAEAEA;
   padding: 20px;
}

.sidebar h4 {
   margin-top: 0;
}

.sidebar ul {
   margin: 0; padding: 0 0 0 20px;
}

.sidebar ul li {
   margin-bottom: 1em;
}

.persona {
   float: left;
   margin-bottom: 20px;
}

.persona dd { margin-bottom: 7px; }
.persona ul {
   margin: 0; padding: 0 0 0 30px;
}

a.keynote {
   padding: 5px 0 5px 25px;
   background: url("images/final/keynote.gif") left center no-repeat;
}

a.pdf {
   padding: 5px 0 5px 25px;
   background: url("images/final/pdf.png") left center no-repeat;
}

a.quicktime {
   padding: 5px 0 5px 25px;
   background: url("images/final/quicktime.gif") left center no-repeat;
}

.footer {
   clear: both;
   border-top: solid #CCC 1px;
   border-bottom: solid #CCC 1px;
   background: #EAEAEA;
   font-size: 80%;
   padding: 10px 20px;
   line-height: 1.4em;
}