body {
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.textbox {
	border: 1px solid #333;
	height: 200px;
	width: 100%;
	text-align: center;
	font: 180px/200px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
}

.text {
	font: 24px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
	text-shadow: #ccc 0 2px 2px;
	color: #333;
}

.button {
	font: 20px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #333;
	margin-top: 10px;
	width: 100px;
	height: 30px;
	color: #333;
}

.result {
	height: 200px;
	width: 100%;
	text-align: center;
	font: 180px/200px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	text-shadow: #ccc 0 2px 2px;
}

#outer {
  position: absolute;
  top: 40%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
}

#inner {
  width: 700px;
  height: 200px;
  margin-left: -350px;  /***  width / 2   ***/
  position: absolute;
  top: -100px;          /***  height / 2   ***/
  left: 50%;
}