body {
  margin: 0;
  padding: 0;
  background: #141b27;
  color: #f4ead6;
  font-family: Tahoma, Arial, sans-serif;
}

#page {
  width: 880px;
  margin: 0 auto;
}

#hero {
  padding: 38px 0 56px;
  text-align: center;
}

#brand {
  margin: 0 0 12px;
  font-size: 60px;
  line-height: 64px;
  font-weight: bold;
  letter-spacing: 2px;
}

.brand-light {
  color: #f7edd9;
}

.brand-hot {
  color: #ffb642;
}

#subline {
  margin: 0 0 28px;
  color: #c7cfde;
  font-size: 15px;
  line-height: 22px;
}

#tv {
  position: relative;
  width: 620px;
  margin: 0 auto;
  padding: 32px 28px 22px;
  background: #bb7b43;
  border: 5px solid #70411f;
}

#tv-antenna-left,
#tv-antenna-right {
  position: absolute;
  top: -82px;
  width: 4px;
  height: 96px;
  background: #7f8898;
}

#tv-antenna-left {
  left: 206px;
  transform: rotate(-32deg);
}

#tv-antenna-right {
  right: 206px;
  transform: rotate(32deg);
}

#tv-topbar {
  height: 42px;
  margin: 0 0 12px;
  text-align: right;
}

.dial {
  display: inline-block;
  border: 3px solid #6b3b1c;
  background: #d8a168;
  vertical-align: middle;
}

.dial-big {
  width: 24px;
  height: 24px;
  margin: 4px 10px 0 0;
}

.dial-small {
  width: 18px;
  height: 18px;
  margin: 7px 16px 0 0;
}

#brand-badge {
  display: inline-block;
  padding: 4px 8px;
  background: #6d3b1e;
  color: #f7e8cf;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
}

#bezel {
  position: relative;
  width: 524px;
  margin: 0 auto;
  padding: 16px;
  border: 4px solid #4d3019;
  background: #3a291d;
}

#screen-wrap {
  position: relative;
  width: 480px;
  height: 270px;
  overflow: hidden;
  background: #000000;
}

#screen {
  position: relative;
  width: 480px;
  height: 270px;
  overflow: hidden;
  background: #101822;
}

#screen img {
  display: block;
  border: 0;
}

#screen-glare {
  position: absolute;
  top: 0;
  left: 0;
  width: 480px;
  height: 270px;
  background: transparent;
}

#speaker-strip {
  width: 524px;
  margin: 16px auto 12px;
  text-align: center;
}

.speaker-hole {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 4px;
  overflow: hidden;
  background: #754220;
  border: 2px solid #5f3116;
  font-size: 1px;
  line-height: 1px;
}

#tv-footer {
  width: 524px;
  height: 26px;
  margin: 0 auto;
  color: #fcecd1;
  font-size: 12px;
  line-height: 26px;
}

#status-light {
  float: left;
  width: 12px;
  height: 12px;
  margin: 5px 8px 0 0;
  background: #d84c35;
  overflow: hidden;
}

#status-copy {
  float: left;
  font-weight: bold;
  letter-spacing: 1px;
}

#channel-copy {
  float: right;
  letter-spacing: 1px;
}