div.expt {
	margin: 50px 0px 0px 0px;
	border-bottom: 2px solid #555555;
}

div.expt h3 {
	text-align: center;
}




#oscillators {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;}
#oscillators #oscCanvasContainer {
	line-height: 0;
	display: inline-block;
	margin: 20px 0px;
	padding: 0;
	max-width: 598px;
	border: 1px solid grey;}
#oscillators canvas {
	width: 100%;}
#oscillators input {
	display: block;
	margin: 0px auto 15px;
	width: 100%;}
#oscillators .sliderDiv {
	display: inline-block;
	width: 100%;
	max-width: 600px;}
#oscillators .sliderDivLeft, #oscillators .sliderDivRight {
	display: inline-block;
	width: 45%;}
#oscillators .sliderDivLeft {
	float: left;
	margin: 0 5% 0 0;}
#oscillators .sliderDivRight {
	margin: 0 0 0 5%;}


#unitCircle {
	background: #cceeff;
	max-width: 850px;
	display: inline-block;
	margin: 0 auto;
}
#unitCircle #unitCircleContainer {
	margin: 0 20px 10px 0;
	float: left;
	width: 100%;
	max-width: 600px;
}
#unitCircle #unit-circle {
	width: 100%;
	max-width: 600px;
}
#unitCircle #unitCircleSliderBG {
	width: 100%;
	max-width: 600px;
	background-color: #333;
	padding: 5px 0 2px;
	text-align: center;
}
#unitCircle #unitCircleSlider {
	width: 95%;
	max-width: 590px;
	border-color: red;
}
#unitCircle .infoBox {
	display: inline-block;
	width: 220px;
}
#unitCircle .infoBox canvas {
	border: 1px solid black;
}
#unitCircle h1 {
	font-size: 1.2em;
}
#unitCircle p {
	padding-bottom: 20px;
}



#otherExperiments {
	text-align: center;
	list-style: none;
	font-size: 1.6em;
	margin: 30px 0;
}

#otherExperiments a {
	text-decoration: none;
}

#otherExperiments a:hover {
	color: green;
}