@charset "utf-8";
body {
	font: 100% Trebuchet MS, Verdana;
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
	scrollbar-base-color: #625235;
}
h1, h2 {
  margin: 0;
  padding: 6px 0;
}

h1 {
  font-size: 140%;
}

p {
  padding: 6px 10px 6px 0;
}

a:link {
  color: #86803d; /* old */
  color: #c6c07d;
  text-decoration: none;
}
a:visited {
  color: #76702d;  /* old */
  color: #b6b06d;
  text-decoration: none;
}
a:hover {
  color: #bbb;
  text-decoration: underline;
}
#container {
	width: 100%;
	margin: 0;
	padding: 0;
}
#header {
	background: #DDDDDD url('images/top_bg.jpg');
	border-bottom: 1px solid #6d5b3b;
  height: 100px; 
  width: 100%;
  margin: 0 auto;
	padding: 0; 
	text-align: center;
}
#header h1 {
	margin: 0;
	padding: 0;
	font: 400% Trebuchet MS, Verdana;
	color: #6d5b3b;
}

#navigation {
}
#navigation li {
  display: inline;
}
#navigation li a {
  margin: 0;
  padding: 2px 10px;
  list-style-type: none;
  color: #86803d;
  font-weight: bold;
}
#navigation li a:hover {
  backround: #000;
}

#mainContent {
  width: 770px;
  margin: 20px auto 0 auto;
	padding: 0;
	background: #6d5b3b url('images/content_bg.jpg');
}

#mainContent p, #mainContent h1 {
}
#venues {
  margin: 24px auto;
  text-align: center;
}

#venues tr td {
  padding: 20px 40px;
}

#venues .venue_title {
  font: bold 100% Trebuchet MS, Verdana;
  color: #312914;
}

#papillon_event_photos {
  margin: 0 auto;
  width: 758px;
}
#papillon_event_photos li {
  display: inline;
  margin: 0;
  padding: 1px;
  list-style-type: none;
  color: #86803d;
  font-weight: bold;
}

#papillon_info {
  margin: 0;
  padding: 0;
  float: left;
  width: 510px;
}
#papillon_info p {
  font: 80% Trebuchet MS, Verdana;
}

#papillon6_videos {
  margin: 0 auto;
  border: 0;
  height: 740px;
  width: 820px;
  background: #000;
  overflow: hidden;
}

#back_to_papillon {
  float: right;
  margin-top: 4px;
  margin-right: 24px;
}

#papillon8 {
  border: 0;
  height: 740px;
  width: 100%;
  background: #000;
  overflow: hidden;
}

#zenoftaste, #boinnovation, #chrisbotti {
  border: 0;
  height: 740px;
  width: 100%;
  background: #000;
  overflow: hidden;
}

#audio_production_content, 
#audio_production_content2
{
  margin: 10px 20px;
  width: 770px;
  height: 430px;
  overflow: auto;
}

#audio_production_content2 {
  overflow-y: hidden;
}

#sound_design_box {
  margin: 20px auto 0 auto;
  width: 740px;
  height: 400px;
  clear: both;
}

#commercial_production_box {
  margin: 0 auto;
  width: 740px;
  height: 400px;
  clear: both;
}

#event_content {
  width: 770px;
  height: 430px;
  overflow: auto;
}

#event_content h2 {
  padding: 0 6px;
}

#event_header {
  margin-bottom: 4px;
}

#production_info {
  margin: 0 auto;
  padding-left: 10px;
  width: 770px;
  height: 430px;
  overflow: auto;
}
#production_info p {
  font: 80% Trebuchet MS, Verdana;
}

#production_vtalent {
  margin: 0 auto;
}

#references {
  width: 770px;
  height: 430px;
  overflow: auto;
}

#product {
  margin: 10px 20px;
  width: 770px;
  height: 430px;
  overflow: hidden;
}

#about {
  width: 770px;
  height: 430px;
  overflow: auto;
}

#about h1 {
  margin: 4px 10px;
  padding: 0;
}

#about p {
  margin: 6px 10px;
  font: 80% Trebuchet MS, Verdana;
  text-align: center;
}

#contact_q_production {
  margin: 10px auto 10px auto;
  padding-top: 100px;
  width: 320px;
  height: 310px;
  text-align: center;
}

#mandavi_photo {
  float: right;
  width: 250px;
  margin-top: -12px;
}

#mandavi_photo2 {
  float: right;
  clear: right;
  margin-top: 4px;
  margin-right: 22px;
  width: 200px;
  border: 2px solid #c6c07d;
}

#mandavi_quote {
  padding: 6px;
  font: bold italic 82% Trebuchet MS, Verdana;
}

#mandavi_quote2 {
  padding: 6px;
  font: bold 82% Trebuchet MS, Verdana;
}

#mrs_mandavi {
  text-align: right;
  font: bold 90% Trebuchet MS, Verdana;
  margin-bottom: -10px;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.clear {
  clear: both;
}
.clear_right {
  clear: right;
}

.img_left {
  float: left;
}

.img_right {
  float: right;
}

.img_left, .img_right {
  margin: 4px 8px;
}

.txt_right {
  text-align: right;
}


.content_gray_box {
  margin: 0;
  padding: 6px 8px;
  background: #42371b;
  font: 90% Trebuchet MS, Verdana;
  text-align: left;
  color: #66601d;
}

.content_gray_box h1 {
  margin: 0;
  padding: 0;
  font: bold 150% Trebuchet MS, Verdana;
  color: #86803d;
  text-align: left;
}

.qproduction_ol {
  margin-left: 40px;
}
.qproduction_ol li {
  padding: 4px 0;
  list-style-type: decimal;
}

.qproduction_ul {
  margin: 6px 0 6px 40px;
}
.qproduction_ul li {
  padding: 4px 0;
  list-style-type: disc;
  font: bold 90% Trebuchet MS, Verdana;  
}

.papillon_poster {
  width: 250px;
  float: left;
}
.papillon_posters {
  margin: 0 auto 10px auto;
  width: 700px;
  clear: both;
}
.papillon_posters div {
  float: left;
  margin: 10px 0;
  padding: 0 10px;
  color: #312914;
  font-weight: bold;
  text-align: center;
}

.production_box {
  margin: 120px auto 0 auto;
  width: 740px;
  clear: both;
}

.production_box div {
  float: left;
  width: 180px;
  margin: 10px 0;
  padding: 0;
  color: #312914;
  font-weight: bold;
  text-align: center;
}

.production_vt_photo {
  width: 250px;
  float: left;
}

.sound_design_video {
  margin: 10px auto 0 auto;
  width: 220px;
  text-align: center;
}

.commercial_box {
  margin: 10px auto 0 auto;
  width: 640px;
}

.commercial_mp3 {
  float: left;
  margin: 10px;
  width: 300px;
  text-align: center;
}



.event_photo {
  float: left;
  margin: 6px;
  border: 2px solid #c6c07d;
}

.event_table {
  margin: 6px;
  border: 0;
}
.event_table th {
  width: 120px;
  text-align: left;
  font: bold 80% Trebuchet MS, Verdana;
}
.event_table td {
  font: 80% Trebuchet MS, Verdana;
}

.event_p {
  padding: 6px;
  font: 80% Trebuchet MS, Verdana;
}

.reference_img {
  float: left;
  margin: 0 4px;
}
.reference_quote {
  float: left;
  margin: 0 4px;
  width: 580px;
  font: italic bold 95% Trebuchet MS, Verdana;
}

.quote {
  font-style: italic;
}

.scrollbutton {
  color: #c6c07d; 
  font: bold 70% Trebuchet MS, Verdana;
  background: #2d1b0b;
  border: 0;
  width: 360px; 
}