body {
  background: #000;
  color: #FFF;
  margin: 0px;
  padding: 0px;
  padding-top: 20px;
  width: 800px;
}
h1, h2 {
  display: none;
  margin: 0px;
  padding: 0px;
}

#font-viewer-header {
  height: 100px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#font-viewer-title {
  padding-top: 70px;
}
#font-viewer-title-content {
  background: url('font-viewer-title.gif') no-repeat;
  height: 11px;
  width: 352px;
}
#font-viewer {
  width: 100%;
}
#font-viewer-text {
  background: #141414;
  float: left;
  width: 330px;
}
#font-viewer-text input {
  margin-right: 10px;
  margin-top: 9px;
}
#enter-text-label {
  background: url('enter-text-label.gif') no-repeat right;
  display: block;
  float: left;
  height: 36px;
  width: 90px; /*66*/
}
#enter-text-label span {
  display: none;
}

#font-viewer-font {
  background: #141414;
  float: right;
  width: 469px;
}
#font-viewer-font select {
  float: left;
  margin-top: 9px;
  margin-right: 5px;
  width: 110px;
}
#choose-font-label {
  background: url('choose-font-label.gif') no-repeat right;
  float: left;
  display: block;
  height: 36px;
  width: 95px; /*75*/
}
#choose-font-label span {
  display: none;
}
.view-site-btn {
  border-left: 1px solid #000; float: right;
}
#font-viewer-image {
  clear: left;
}
#font-viewer-image img {
  background: #900 url('font-viewer-background.png');
  height: 150px;
  width: 800px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}