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

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

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

div#header div#navigation {
  position: absolute;
  left: 30px;
  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: 40px;
  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: 40px;
  margin-top: 20px;
  line-height: 120%;
}

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

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: 164px;
  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#people-index {
  margin-right: 30px;  
}

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

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: 156px;
  /*width: 193px;*/
  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: 1px 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: 1px 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: 1px solid white;
  width: 780px;
}

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: 0;
}

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

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;
}



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

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

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;
}

/* custom embed content frame */
	.highslide-html-content {
		display: none;
	}
	


/* fixture */
	/* home main */
		div#homepage-main{
		
		}

			div#showreel,
			div#news-summaries,
			div#project-archive {
				width: 209px;
				margin: 0 0 10px 0;
			}
				
				div#showreel h2,
				div#homepage-main h2,
				div#news-summaries h2 {
					color: #fff;
					border-bottom: 1px solid #999;
					padding-bottom: 5px;  
				}
				
			div#news-summaries{
				padding: 10px 0 0 0;
			}
				
				div#news-summaries h2 {
					margin-top: 0;
					font-size: 1.1em;
				}
				
				div#news-summaries div.news-summaries-rows{
					padding: 0 0 15px 0;
				}
				
					div#news-summaries div.news-summaries-rows div.news-summaries-title{
						font-weight: bold;
						text-transform: uppercase;
					}
					
					div#news-summaries div.news-summaries-rows div.news-summaries-summary{
						font-size: 11px;
					}
						
			div#homepage-main ul#recent-projects p{
				padding: 0;
			}
				
				div#homepage-main ul#recent-projects table{
					width: 491px;
				}
				
					div#homepage-main ul#recent-projects table tr td{
						vertical-align: top;
					}
						div#homepage-main ul#recent-projects table tr td.recent-projects-img{
							width: 169px;
							height: 90px;
						}
						
							div#homepage-main ul#recent-projects table tr td.recent-projects-img a{
								border: 1px solid #999;
								width: 150px;
								height: 85px;
								display: block;
                                                                margin-bottom: 20px;
								overflow: hidden;
							}
							
							div#homepage-main ul#recent-projects table tr td.recent-projects-img a img{
								padding: 0;
								margin: 0;
							}
						
						div#homepage-main ul#recent-projects table tr td.recent-projects-title{
							width: 322px;
							font-size: 20px;
							text-transform: uppercase;
							padding: 3px 0 0 0;
							line-height: 1.1em;
						}
						*div#homepage-main ul#recent-projects table tr td.recent-projects-title{ 
							width: 871px;
						}

							div#homepage-main ul#recent-projects table tr td.recent-projects-title a{
								color: #DDDDDD;
							}

						div#homepage-main ul#recent-projects table tr td div.recent-projects-tour{
							padding: 10px 0 30px 0;
						}

							div#homepage-main ul#recent-projects table tr td div.recent-projects-tour div.recent-projects-tour-rows{
							}
		
								div#homepage-main ul#recent-projects table tr td div.recent-projects-tour div.recent-projects-tour-rows div.recent-projects-tour-venue{
									width: 120px;
									float: left;
								}
					
								div#homepage-main ul#recent-projects table tr td div.recent-projects-tour div.recent-projects-tour-rows div.recent-projects-tour-city{
									width: 82px;
									float: left;
								}
					
								div#homepage-main ul#recent-projects table tr td div.recent-projects-tour div.recent-projects-tour-rows div.recent-projects-tour-date{
									width: 120px;
									float: left;
								}
						
						div#homepage-main ul#recent-projects table tr td.recent-projects-summary{
							text-align: justify;
						}

						div#homepage-main ul#recent-projects table tr td div.recent-projects-roles{
						}
		
							div#homepage-main ul#recent-projects table tr td div.recent-projects-roles div{
								float: left;
							}
							
							div#homepage-main ul#recent-projects table tr td div.recent-projects-roles div.recent-projects-role-title{
								width: 125px;
							}
			
							div#homepage-main ul#recent-projects table tr td div.recent-projects-roles div.recent-projects-role-name{
								width: 180px;
							}
*/	
	/* project's list  */
	div#project-list{
	}
	
		div#project-list ul#recent-projects{
		}
			
			div#project-list ul#recent-projects li{
			}

				div#project-list ul#recent-projects li a.thumbframe{
					border: 1px solid #999;
					width: 150px;
					height: 85px;
					display: block;
					overflow: hidden;
					float: left;
					margin: 0 0 10px 0;
                                        margin-bottom: 20px;
				}
			
				div#project-list ul#recent-projects li a img{
					padding: 0;
					margin: 0;
				}
	
				div#project-list ul#recent-projects li h3 a{
					padding-left: 13px;
				}

				div#project-list ul#recent-projects li p{
				}

	/* project's individual page */
	div#project-detail{
		width: 810px;
	}
		div#project-detail h2{
			padding: 25px 0 10px 0;
			text-transform: uppercase;
			font-size: 20px;
			line-height: 20px;
		}
		
		div#project-detail div.project-detail-box-left{
			width: 325px;
			float: left;
		}

			/* project detail - tour history */
			div.project-detail-tourhistory{
				float: left;
				width: 355px;
				margin: 0 0 20px 0;
			}
		
				div.project-detail-tourhistory h2{
					margin: 0;
				}
	
				div.project-detail-tourhistory div.project-detail-th-row{
					margin: 0 0 15px 0;
					padding: 0 0 2px 0;
				}
	
					div.project-detail-tourhistory div.project-detail-th-row div.project-detail-th-venue{
						width: 120px;
						float: left;
					}
		
					div.project-detail-tourhistory div.project-detail-th-row div.project-detail-th-city{
						width: 90px;
						float: left;
					}
		
					div.project-detail-tourhistory div.project-detail-th-row div.project-detail-th-date{
						width: 140px;
						float: left;
					}
		
					div.project-detail-tourhistory div.project-detail-th-row div.project-detail-th-url{
					}
		
				div.project-detail-tourhistory a{
					text-decoration: underline;
					font-weight: normal;
					color: #ccc;
				}
	
			/* project detail - producer roles */
			div.project-detail-producerroles{
				float: left;
				width: 355px;
			}
			
                div.project-detail-producerroles table.roles_tbl{
                    margin-top: 5px;
                    width: 100%;
                }
                
                    div.project-detail-producerroles table.roles_tbl tr{
                    
                    }
                
                        div.project-detail-producerroles table.roles_tbl tr td{
                            width: 50%;
                            padding: 0 0 2px 0;
                            margin-top: 0;
                        }
                    
                            div.project-detail-producerroles table.roles_tbl tr td a { 
                              text-decoration: none;
                              font-weight: normal;
                              color: #ccc;
                            }
                                
                                div.project-detail-producerroles table.roles_tbl tr td a:hover {
                                  color: #fff;
                                }
					
			/* project detail - roles */
			div.project-detail-roles{
				float: left;
				width: 355px;
			}
                div.project-detail-roles table.roles_tbl{
                    margin-top: 5px;
                    width: 100%;
                }
                
                    div.project-detail-roles table.roles_tbl tr{
                    
                    }
                
                        div.project-detail-roles table.roles_tbl tr td{
                            width: 50%;
                            padding: 0 0 2px 0;
                            margin-top: 0;
                        }
                    
                            div.project-detail-roles table.roles_tbl tr td a { 
                              text-decoration: none;
                              font-weight: normal;
                              color: #ccc;
                            }
                                
                                div.project-detail-roles table.roles_tbl tr td a:hover {
                                  color: #fff;
                                }
					
				
		/* project detail - content */
			div.project-detail-content{
				float: right;
				margin-bottom: 29px;
				text-align: left;
				width: 445px;
			}
 
			div.project-detail-content div.project-detail-content-summary{ margin: 0 0 60px 0;  }
			div.project-detail-content div.review-content{ margin: 0 0 15px 0;  }
			div.project-detail-content div.review-content p{ display: inline;  }
			div.project-detail-content div.review-content h3{ display: inline; text-decoration: none; }
			div.project-detail-content div.review-content a{ display: inline; text-decoration: none; }


		/* project detail - slideshow*/
			div#slideshow {
				float: right;
				margin-bottom: 29px;
				text-align: right;
				width: 450px;
			}
			
				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: 140px;
					  height: 113px;
					  margin-left: 6px;
					  margin-bottom: 6px;
					  border: 1px solid #111;
					  text-align: center;
					  overflow: hidden;
					}
					
					ul.slideshow-thumbs a img {
					  border: 0;  
					}


div#people-index ul li a.jobdesc {
	margin-top: -1.5em;
	color: #a2a299;
}