body {
  background-color: #000;
  color: #bbb;
}

div#wrapper {
  width: 758px;
  margin-top: 20px;
  margin: 0 auto;
}

div#header {
  width: 758px;
  height: 228px;
  position: relative;
}

div#header div#navigation {
  position: absolute;
  left: 60px;
  bottom: 10px;
}

div#header div#mesmer-logo {
  width: 159px;
  height: 46px;
  background-color: #000;
  position: relative;
  background-image: url(logo.gif);
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

div#header div#mesmer-logo h1 {
  display: none;
}

div#header div#mesmer-logo a {
  display: block;
  height: 46px
}

div#header div#mesmer-logo a:hover {
  background-color: transparent;
  color: transparent;
}

div#navigation ul {
  width: 114px;
  background-color: #000;
  filter: alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
  margin-top: 10px; 
  padding-top: 4px;
  padding-bottom: 4px;
  list-style-type: none;
}  
  
div#navigation li {  
  padding-left: 10px;  
  line-height: 1.2em;
}

div#navigation a {
  color: #ccc;
  font-weight: normal;
  text-decoration: none;
  font-size: 0.93em;
}
  
div#navigation a:hover {
  background-color: #ccc;
  color: #000;
}      

div#breadcrumbs {
  margin-left: 70px;
  margin-top: 10px;
  height: 2em; 
  line-height: 2em; 
  margin-bottom: 10px;
  color: #aaa;
  font-weight: bold;
}

div#breadcrumbs ul {
  list-style: none;
}

div#breadcrumbs li {
  float: left;
}

div#breadcrumbs li {
  float: left;
}

div#breadcrumbs li a {
  color: #ccc;
  margin-right: 5px;
  background-image: url(crumb_arrow.gif);
  background-position: right 69%;
  background-repeat: no-repeat;
  padding-right: 14px;
}

div#breadcrumbs li a:hover {
  color: #fff;
}

div#content {
  margin-left: 70px;
  margin-top: 20px;
  line-height: 120%;
}

div#news-summaries,
div#project-archive {
  width: 149px;
}

div#news-summaries h2 {
  margin-top: 0;
  font-size: 1.1em;
}

div#homepage-main,
div#project-list {
  float: right;
  width: 399px;
}

div#homepage-main p {
  margin-top: 0;
}

ul#recent-projects {
  list-style: none;
  margin-top: 17px;
}

ul#recent-projects h3 {
  display: inline;
}

ul#recent-projects li {
  clear: both;
  border-top: 1px solid black; /* fix IE7 misbehaviour */
  margin-bottom: 15px;
}

ul#recent-projects img {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 15px;
}

ul#recent-projects h3,
ul#services-project-index h3,
ul#services-index-list h3 {
  margin-top: 0;
  margin-bottom: 0;
}

ul#recent-projects p,
ul#services-project-index p,
ul#services-index-list p {
  padding-left: 114px;
  margin-top: 0;
}

div#project-archive ul {
  list-style: none;
}

div#project-archive ul li a {
  border: 1px solid #666;
  line-height: 1em;
  height: 1em;
  width: 135px;
  display: block;
  padding: 0.5em;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 5px;
}

div#project-archive ul li ul {
  margin-left: 9px;
  display: none;
}

div#project-archive ul li.selected ul {
  display: block;
}

div#project-archive ul li ul a {
  border: 0;
  font-weight: normal;
  display: block;
  width: 140px;
  margin-bottom: 0;
}

div#project-archive ul li ul li.selected a {
  text-decoration: underline;
}

div#project-archive ul li input {
  background: #000;
  border: 1px solid #666;
  width: 135px;
  line-height: 2em;
  height: 2em;
  color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
  font-size: 1em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#project-archive li a.expand {
  background-image: url(search_arrow.gif);
  background-position: 96% 70%;
  background-repeat: no-repeat;
}

div#project-detail h2,
div#project-detail dl,
div#project-detail table {
  margin-bottom: 29px;
}

div#slideshow {
  float: right;
  margin-bottom: 29px;
  text-align: right;
  width: 385px;
}

div#slideshow h3 {
  text-align: left;
  border-bottom: 1px solid #999;  
  padding-bottom: 5px;
  margin-left: 5px; 
  color: #fff;
  clear: left;
}

div#slideshow h3 span {
  font-weight: normal;  
}

ul.slideshow-thumbs {
  list-style: none;
}

ul.slideshow-thumbs li {
  float: left;
  margin-bottom: 6px;
}

ul.slideshow-thumbs li a {
  display: block;
  float: left;
  width: 120px;
  height: 90px;
  margin-left: 6px;
  margin-botxtom: 6px;
  border: 1px solid #111;
  text-align: center;
}

ul.slideshow-thumbs a img {
  border: 0;  
}

div#people-index {
  margin-right: 30px;  
}

div#people-index ul {
  list-style-type: none;
  list-style-position: outside;
  width: 658px;
}

div#people-index p+h3 {
  margin-top: 29px;
}

div#people-index ul+h3 {
  paxdding-top: 22px;
}

div#people-index ul li {
  display: block;
  float: left;
  width: 162px;
  text-align: center;
  margin-bottom: 20px;
}

div#people-index ul li a {
  display: block;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

div#people-index ul li a img {
  margin-bottom: -1.5em;
}

div#people-index h3 {
  clear: both;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
  color: #fff;
}

div#people-detail h2+p {
  margin-top: 29px;
  margin-bottom: 29px;
}

div#project-detail h3,
div#people-detail h3 {
  /*border-top: 1px solid #999;*/
  border-bottom: 1px solid #999;
  clear: both;
  padding-top: 30px;
  padding-bottom: 5px;
  color: #fff;
}

div#project-detail h3 {
  clear: none;
}

div#project-detail h4,
div#people-detail h4 {
  width: 179px;
  float: left;
  clear: left;
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

div#people-detail div.role {
  clear: left;
  line-height: 1.2em;
}

div#people-detail div.role ul {
  width: 220px;
  float: left;
  margin: 0;
  list-style: none;
  margin-left: 10px;
  margin-bottom: 10px;
}

div#people-detail div.role a {
  color: #ccc;
  font-weight: normal;
}

div#people-detail div.role a:hover {
  color: #fff;
  text-decoration: underline;
}

div#people-detail div#highlight-roles ul li div {
  height: 75px;
}

div#people-detail div#highlight-roles ul {
  list-style: none;
  margin-bottom: 
}

div#people-detail div#highlight-roles li {
  float: left;
  width: 162px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}

div#people-detail div#highlight-roles li a img {
  border: 2px solid white;
}

div#services-index ul {
  list-style-position: outside;
}

div#services-index ul li {
  margin-left: 20px;
}

ul#services-index-list {
  margin-top: 20px;
  list-style-type: none;
  list-style-position: outside;
}

ul#services-index-list li {
  clear: both;
  margin-left: 3px !important;
}

ul#services-index-list img {
  margin-bottom: 16px;
  margin-right: 10px;
  border: 2px solid white;
  float: left;
  margin-bottom: 20px;  
}

ul#services-project-index {
  list-style: none;
  margin-top: 17px;
}

ul#services-project-index li {
  clear: both;
  border-top: 1px solid black; /* fix IE7 misbehaviour */
}

ul#services-project-index img {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 20px;
}

ul#services-project-index h3 {
  margin-top: 0;
}

ul#services-project-index p {
  padding-left: 114px;
}

ul#highlights-index-list {
	list-style: none;
}

ul#highlights-index-list a.image {
  display: block;
}

ul#highlights-index-list a.image img {
  border: 2px solid white;
  width: 688px;
}

ul#highlights-index-list li {
  margin-top: 50px;	
}

div#email input.input,
div#email textarea,
div#email select,
div#email input.submit {
  background: #000;
  color: #fff;
  border: 1px solid #666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding: 4px;
}

div#email input.submit {
  padding-left: 10px;
  padding-right: 10px;
}

div#email input.input:focus,
div#email textarea:focus,
div#email select:focus {
  background: #222;
}

h2 {
  letter-spacing: 1px;
  font-size: 1.0em;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #ddd;
}

h3 {
  font-size: 1.0em;
}

a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
  
a:hover {
  text-decoration: underline;
}  

.thumbnail {
  border: 2px solid #fff;
}

.thumbnail-small {
  border: 1px solid #fff;
}

p.error {
  background: #666;
  color: #fff;
  font-weight: bold;
  display: inline;
  padding: 4px;	
}

p.email-link {
  display: block;
  margin-top: 40px;
}

p.email-link span {
  background: #666;
  color: #fff !important;
  font-weight: bold; 
  display: inline; 
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

dl dt {
  margin-top: 5px;
}

dl.columns dt {
  float: left;
	clear: left;
  width: 114px;
  margin-top: 0;
}

dl.columns dd { 
  width: 94px;
  margin-left: 125px;
}

dl.columns dd.2col {
  width: 40%
  float: left;
}

dl dd a { 
  text-decoration: none;
  font-weight: normal;
  color: #ccc;
}

dl dd a:hover {
  color: #fff;
}

div#homepage-main,
div#project-detail,
div#project-list,
div#page {
  margin-right: 70px;	
}

div#people-detail {
  margin-right: 40px;
}

div#homepage-main h2,
div#news-summaries h2 {
  color: #fff;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;  
}

div#project-detail dl.project-tour-history dt {
  font-weight: bold;
}

div#footer {
  margin: 0;
}

.highslide-overlay {
  display: none;
}

.highslide-dimming {
  background: black;
  position: absolute;
  width: 100%;
  visibility: hidden;
}

.highslide-loading {
  display: block;
  color: black;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding: 2px;
  border: 1px solid black;
  background-color: white;
  padding-left: 22px;
  background-image: url(/site/extlib/highslide-4.0.12/graphics/loader.white.gif);
  background-repeat: no-repeat;
  background-position: 3px 1px;
}

div#closebutton {
  position: relative;
  top: -15px;
  left: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer; /* w3c */
  background: url(/site/extlib/highslide-4.0.12/graphics/close.png);
}

.highslide-header {
  display: none;
}