.download{
	float:left;
	margin-top:30px;
	width:142px;
	height:300px;
	color:#fff;
	background:#CCC;
	}
	.download h2{
		background:#000;
		margin-bottom:0px;
		color:#fff;
		font-size:14px;
		text-align:center;
		padding:5px 0 5px 0;
		}
		.download a{
			color:#fff;
			
			}



h3 a {
   background:url(../images/accordin-menu-bg.jpg) repeat-x left top;
   line-height:26px;
   height:26px;
   display: block;
   margin: 0;
   color: #fff;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid rgba(128, 10, 85, 0.5);

}

h2 + div,
.example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
/*  margin-bottom: 20px;*/
}

/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + 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 h3{ text-align:center;}
#css3-animated-example p a{ display:block; text-align:right; background:#09F; padding:5px; width:55px; margin-top:5px;}
#css3-animated-example .content {
  padding: 10px;
}

#css3-animated-example h3.open + div {
  height: auto;
 
}

/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}