.fork {
  border:0;
  position:absolute;
  top:0;
  right:0;
}

.col {
  width: 320px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
}
.c3 {
  margin-right:0;
}



h6 {
	font-size: 15px;
	position: relative;
	z-index: 10;
	margin: 0px;
	background-color: #e6e6e6;
	margin-bottom: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

		
 }

h6 a {
  background: url("../sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin-left: 10px;
  color: #888888;
  text-decoration: none;
  font-weight: normal;
  
  
}
h6:hover {
	background: #e6e6e6;
	font-size: 15px;
}
h6:hover a { color: #D80E12; }
h6.open  { background: #D80E12; }
h6.open a { color: #fff!important; background-position: 13px -25px; }
h6 + div { margin-top:-15px; margin-bottom:13px; padding-left:0px; padding-top:0px; padding-bottom:0px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
h2 + div,
.example {
	border-top: 0px;
	background-color: #F5F5F5;
	
	
	
   
  
}

/* CSS3 Animation example
--- */
#css3-animated-example h6 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 0px;
}

#css3-animated-example h6.open + div {
  height: auto;
  background: #757578;
}