*{
	padding:	0px;
	margin: 	0px;
	
	font-family: 	Arial;
}

#container{

	border: 1px solid #black;
	
	margin:	20px auto;
	
	width:	600px;
	height:	600px;
	
	background: #f0f9ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #f0f9ff 0%, #1872cc 100%, #a1dbff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#1872cc), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f0f9ff 0%,#1872cc 100%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f0f9ff 0%,#1872cc 100%,#a1dbff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f0f9ff 0%,#1872cc 100%,#a1dbff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f0f9ff 0%,#1872cc 100%,#a1dbff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /
}

#controller{

	border: 1px solid #900000;
	
	width:	350px;
	height:	125px;
	
	margin-left: 	75px;
	margin-top: 	30px;
	
	font-size: 		64pt;
	color: 			#FFFFFF;
	text-align: 	center;
	
	padding-top: 	25px;
	
	
	background-color:	#000000;	

}

#puffer{

	width: 		40px;
	height: 	15px;	
	
	margin-left:	30px;


	float:	left;

}

.bit{

	margin-left: 25px;
	margin-top:  -10px;
		
	width: 		15px;
	height: 	15px;

	font-size: 	16pt;
	
	border: 1px solid #000060;

	text-align: center;

	float: 		left;
}

.Zero{

	padding-top: 	10px;
	
	background-color:	#c0c0c0;

}

.One{

	padding-top: 	0px;
	
	background-color:	#600000;

}

#mybox{

	border: 1px solid #900000;
	
	width:	500px;
	height:	500px;
	
	margin-left: 	50px;
	margin-top: 	30px;
	
	
	
	float: 	left;	
}

h3{

	margin-left: 30px;
	
	padding-top: 30px;
}