a:focus {
	outline: none;
}
#panel {

	float:left;
	margin: 100 250;
	padding: 0px;
	background: gray;
	height: 355px;
	width: 200px;
	display: none;
	position:absolute;
	z-index:10;

}

/*.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(../images/btn-slide.gif) no-repeat center top;
}  */
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.slide {
  position: relative;
  overflow: hidden;
  height: 380px;
  width: 200px;
  margin: 1em 0;
  margin-top: -40px;
  margin-left: -229px;
  background-color: transparent;
  text-align: right;

}
.slide .inner {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 201px;
  height: 320px;
  padding: 8px;
  padding-left: 0px;
  padding-top: 0px;
  background-color: #333333;
  opacity: .8;
  filter:alpha(opacity=80);
  /*
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  -moz-opacity:0.30;    */


  color: white;
  border: 1px solid;
  border-color: #494949;
}

.slide .inner h1{

}
.slide img{

       margin: .7em 0 0 .7em;
}
.js #slidebottom .inner { 
  display: none;
}