#container {
  height:801px; 
  overflow:visible; 
  padding:0; 
  position:relative;
  background:black;
}

.box {
	background-color: #91e600;
	margin-top:0;
	width: 196px;
	height: 100px;
	position:absolute;
	color: black;
	position: absolute;
	top:0;
  line-height:100px;
}

.controls {
	background-color: #222;
	border: 1px solid #555;
	color: #bbb;
	font-size: 18px;
  margin: 20px 0;
}
.controls ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.controls li {
	display: inline-block;
	padding: 8px 0 8px 10px;
	margin:0;
}
.controls input {
  vertical-align:middle;
  cursor: pointer;
}
.controls .controlsTitle {
  border-right:1px solid #555; 
  border-bottom:none; 
  padding-right:10px;
}

#knobDemo {
  position:absolute;
  width:355px;
  left:1100px;
}

#knobDemo h2 {
  text-align:center;
}

#knobBG, #knob {
  position:absolute;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/knob_Base.png');
  width:355px; 
  height:355px;
}



#knob {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/knob_Spinner.png');
  z-index: 1;
}