body{
	background-color: #231F20;
}
#head {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}

#head .left {
	float:left;
	background-color:#73A534;
	width: 70%;
	min-height: 30px; !important	
}

#head .right {
	float:right;
	background-color:#9E9FA3;
	width: 30%;
	min-height: 30px; !important	
}

#content{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}

#content .intro{
	width: 70%;
	float:left;
	margin-top: 10px;
	text-align:right;
}
#content .intro .title{
	color:#73A534;
	font-family: 'Acme', sans-serif;
	font-size: 24px;
}

#content .rotate {
	width: 29%;
	color:#9E9FA3;
	float:right;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#content .form{
	font-family: 'Acme', sans-serif;
	font-size: 18px;
	color:#9E9FA3;
}

#content form .title{
	display:none;
}