body {
	margin:0;
}

section {
	border-bottom:1px solid #ccc;
	overflow:hidden;
	height:200px;
}

section p {
	padding:0 10px;
}

section h2 {
	font-size:18px;
	background-color:#e8e8e8;
	margin:0;
	padding: 10px 10px 10px 20px; 
	cursor:pointer;
}

section h2:before { 
	content: "▾";padding-left:5px; 
}
section h2:hover {
	background-color:#e3e2d8;
}

section h2 a {
	margin-left:10px;
	color:#000;
}

section:not(.hidden) h2 {
	background-color:#f4f3e3;
}

section.hidden {
	height:44px;
	overflow:hidden;
}

section.hidden h2:before {
	content: "▸"
}

.css3-support section, .css3-support section h2, .css3-support section p {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
