/* jPlayer by Happy Worm, thank you, Happy Worms.
 ************ customized by Abstract Machines.net ... design and hand coding */


.foghatbody {font-family:helvetica, arial, sans-serif; font-size: 100%;
background-color:transparent;
text-align: center; 
margin:0 auto 0 auto;
}

#containerone {
	margin:0px 0px 50px 0px;
	max-width:1500px;
	min-width:900px;
	min-height:700px;
	margin-left:auto; /* centering */
	margin-right:auto;
	text-align:left;
	
	
	




}

/*  ************ TOP PANEL ********* */


#header {
	margin:10px 0px 0px 1em;
	background-color:transparent;
}

h1 {color:black;}

h1 a {
	text-decoration:none;
	color:black;
}
h1 a:hover, h1 span a:hover {
	text-decoration:none;
	color:red}

h1 span {float:left;font-weight:bold; 
	/*background: url(sandwichmedia/images/small_left.png) no-repeat 0 0; */
}

h2 {text-align:right;
font-family:helvetica, arial; text-transform:uppercase;font-size: 3.8em; font-weight: 100; line-height: 1em; border-bottom: 10px solid #eee; 
  margin:0 .4em 0 0;
}


h3 {border-bottom: 1.3px solid #eee;
	font-family: "Lucida Grande", Tahoma;
		font-size: 1.7em;
		font-weight: lighter;
		font-variant: normal;
		text-transform: uppercase;
		color: #666666;
		text-align: center!important;
		letter-spacing: 0.3em;
		margin:1em 1em .1em 4em;}

h3 span {margin:1em 1em .5em .1em;
	font-style:italic;
	font-family: "Lucida Grande", Tahoma;
		font-size: .8em;
		font-weight: lighter;
		font-variant: normal;
		text-transform: uppercase;
		color: #666666;
	        margin-top: 10px;
		text-align: center!important;
		letter-spacing: 0.3em;
	}
	
	h4 {margin:1em 1em .5em .1em;
		font-family: helvetica, arial;
			font-size: .8em;
			font-weight: lighter;
			font-variant: normal;
			text-transform: uppercase;
			color: #666666;
		        margin-top: 10px;
			text-align: center!important;
			letter-spacing: 0.3em;
	}
	
	

	/**   ******  ** HORIZONTAL NAVIGATION BAR   ******  **/
	.horizontal {
		height:1em;
		margin:1em .4em 0 30em; /* for containermedia div */
		padding:0
	}
	.horizontal ul {margin:0; border-bottom:5px solid #eee; } 

	.horizontal li {
		list-style-type:none;
		display:block;
		white-space:nowrap; 
	}

	.horizontal li a {padding:0; font-family: Lucida, Arial; font-variant: small-caps;	text-decoration:none;
		color:gray; font-size:1em;}

	.horizontal li a:hover {color:black; }


#containertwo {width:100%;}

#containertwo_biorad {background-color:transparent;width:15%;float:left;margin:3% 2em 0 1em;min-width:100px;
	min-height:800px;display:inline;}

#containertwo_biorad p {margin:0 2em 0 0;width:75%;min-width:150px;font-family:Helvetica, arial;font-size:.8em;font-weight:lighter;text-transform:uppercase;color:gray;}

#containertwo_biorad span {text-transform:uppercase;font-size:1.8em;color:black;}
#containertwo_biorad a, #containertwo_biorad p.biorad_extendbottom a {color:black;text-decoration:none;}
#containertwo_biorad a:hover, #containertwo_biorad p.biorad_extendbottom a:hover {background-color:red;text-decoration:none;color:gray;}

#containertwo_biorad p.biorad_extendbottom {margin:4em 2em 0 0;width:75%;min-width:150px;font-family:Helvetica, arial;font-size:.8em;font-weight:lighter;text-transform:uppercase;color:gray;}

/* jPlayer */
#containertwo_player {float:left; margin:3% 2em 0 1em;background-color:#eee;}


#jquery_jplayer {width:20%;margin:0 0 0 1em;}

	/* jPlayer style */
	#player_container {
		position: relative;
		background-color:#eee;
		width:418px;
		height:80px;
		border:none;
	}
	#player_container  ul#player_controls {
		list-style-type:none;
		padding:0;
		margin: 0;
	}
	#player_container  ul#player_controls li {
		overflow:hidden;
		text-indent:-9999px;
	}
	#player_play,
	#player_pause {
		display: block;
		position: absolute;
		left:48px;
		top:20px;
		width:40px;
		height:40px;
		cursor: pointer;
	}
	#player_play {
		background: url("sandwichmedia/images/spirites.jpg") 0 0 no-repeat;
	}
	#player_play.jqjp_hover {
		background: url("sandwichmedia/images/spirites.jpg") -41px 0 no-repeat;
	}
	#player_pause {
		background: url("sandwichmedia/images/spirites.jpg") 0 -42px no-repeat;
	}
	#player_pause.jqjp_hover {
		background: url("sandwichmedia/images/spirites.jpg") -41px -42px no-repeat;
	}

	#ctrl_prev {
		position: absolute;
		left:20px;
		top:26px;
		background: url("sandwichmedia/images/spirites.jpg") 0 -112px no-repeat;
		width:28px;
		height:28px;
		cursor: pointer;
	}

	#ctrl_prev:hover {
		background: url("sandwichmedia/images/spirites.jpg") -29px -112px no-repeat;
	}

	#ctrl_prev.disabled {
		background: url("sandwichmedia/images/spirites.jpg") -58px -112px no-repeat;
		cursor:default;
	}

	#ctrl_next {
		position: absolute;
		left:88px;
		top:26px;
		background: url("sandwichmedia/images/spirites.jpg") 0 -141px no-repeat;
		width:28px;
		height:28px;
		cursor: pointer;
	}

	#ctrl_next:hover {
		background: url("sandwichmedia/images/spirites.jpg") -29px -141px no-repeat;
	}

	#ctrl_next.disabled {
		background: url("sandwichmedia/images/spirites.jpg") -58px -141px no-repeat;
		cursor:default;
	}


	#player_stop {
		position: absolute;
		left:126px;
		top:26px;
		background: url("sandwichmedia/images/spirites.jpg") 0 -83px no-repeat;
		width:28px;
		height:28px;
		cursor: pointer;
	}
	#player_stop.jqjp_hover {
		background: url("sandwichmedia/images/spirites.jpg") -29px -83px no-repeat;
	}
	#player_progress {
		position: absolute;
		left:164px;
		top:32px;
		background-color: #eee;
		width:122px;
		height:15px;
	}
	#player_progress_load_bar {
		background: url("sandwichmedia/images/bar_load.gif")  top left repeat-x;
		width:0px;
		height:15px;
		cursor: pointer;
	}
	#player_progress_load_bar.jqjp_buffer {
		background: url("sandwichmedia/images/bar_buffer.gif")  top left repeat-x;
	}
	#player_progress_play_bar {
		background: url("sandwichmedia/images/bar_play.gif") top left repeat-x ;
		width:0px;
		height:15px;
	}
	#player_volume_min {
		position: absolute;
		left:296px;
		top:32px;
		background: url("sandwichmedia/images/spirites.jpg") 0 -170px no-repeat;
		width:18px;
		height:15px;
		cursor: pointer;
	}

	#player_volume_max {
		position: absolute;
		left:368px;
		top:32px;
		background: url("sandwichmedia/images/spirites.jpg") 0 -186px no-repeat;
		width:18px;
		height:15px;
		cursor: pointer;
	}

	#player_volume_min.jqjp_hover {
		background: url("sandwichmedia/images/spirites.jpg") -19px -170px no-repeat;
	}

	#player_volume_max.jqjp_hover {
		background: url("sandwichmedia/images/spirites.jpg") -19px -186px no-repeat;
	}

	#player_volume_bar {
		position: absolute;
		left:314px;
		top:37px;
		background: url("sandwichmedia/images/volume_bar.gif") repeat-x top left;
		width:46px;
		height:5px;
		cursor: pointer;
	}
	#player_volume_bar_value {
		background: url("sandwichmedia/images/volume_bar_value.gif") repeat-x top left;
		width:0px;
		height:5px;
	}

	#play_time,
	#total_time {
		position: absolute;
		left:164px;
		top:49px;
		width:128px;
		font-size:.6em;
		font-style:oblique;
	}

	#total_time {
		text-align: right;
	}

	#playlist_list {
		width:418px;
	}

	#playlist_list ul{
		list-style-type:none;
		padding:10px 20px 20px 20px;
		margin:0 0 10px 0;
		background-color:#eee;
		border:none;
		border-top:none;
		width:378px;
		font-size:.8em;
	}

	#playlist_list li{
		padding:4px 0 4px 20px;
		border:none;
		cursor: pointer;
	}
	
	/* #playlist_list ul li span {   /* italic text per Nat */
/*	font-style:italic;
	} */

	#playlist_list li.playlist_current{
		color:#B8860B;
		list-style-type:square;
		list-style-position:inside;
		padding-left:6px;
		cursor: default;
	}

	#playlist_list li.playlist_hover {
		color:black;text-decoration:none;
	}


	
	/* end jPlayer style */
	
	
	

/* exhibitions */
#containertwo_left {width:24%;float:left;background-color:#B8860B; margin:3% 2em 0 1em;
display:inline;}

#containertwo_left img {margin:0}

#containertwo_left #exhibition {background-color:#B8860B; font-family: helvetica, arial; 
	font-size:.8em;margin:8%;}
	
	#containertwo_left #exhibition p, #containertwo_right .exhibition p a {font-size:1em}
	#containertwo_left #exhibition a {color:black;text-decoration:none;}
	#containertwo_left #exhibition a:hover {text-decoration:underline;color:white;}
	
	

#containertwo_left #exhibition h1 {font-size:1.8em;color:white;text-transform:uppercase;
	text-align:center;margin:auto auto;}
#containertwo_left #exhibition h1 a {text-decoration:none;color:black;}
#containertwo_left #exhibition h1 a:hover {text-decoration:underline;color:white;}
#containertwo_left #exhibition p.exhibit span {font-weight:bold}
#containertwo_left #exhibition p.press {margin:0 0 0 20px;font-style:italic;}
#containertwo_left #exhibition p.press a {text-decoration:none;color:black;}
#containertwo_left #exhibition p.press a:hover {text-decoration:underline;color:white;}

	
	
	
#footer {
	clear:both;
	text-align:center;
	margin:20em auto 5px auto;
	max-width:1400px;
	min-width:400px;
}

#footer h1 {text-align:right;
font-family:helvetica, arial; text-transform:uppercase;font-size: .8em; font-weight: 100; line-height: 1em; border-bottom: 10px solid #eee; 
  margin:0 0 0 0;}
#footer h2 {color:gray;margin:2em 3em .5em 2em; font-family:Georgia;
	font-size: .6em;
        font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom: 1.3px solid #eee; 	
	}
	
	#footer h2  a {
		color:black;
		text-decoration:none;
		
	}
	#footer h2 a:hover {
		text-decoration:underline;
	}