html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  padding:0;
  margin:0;
}
div { position:absolute; background-repeat: no-repeat; width:100%; height:100%; background-position: 50% 50%; }
#wrapper {
  position:relative;
  width: 728px;
  height: 90px;
  border: 1px solid #333;
  overflow: hidden;
}

#bg       { width: 478px; background-image: url('bg.jpg'); background-size: 100%; }
.bgright  { width: 250px; height: 45px; right: 0; }
#NE       { top:  0px; background-color: #e6e1ce; }
#SE       { top: 45px; background-color: #fdb71a; }

.t1       { background-image: url('t1.png'); height: 35px; width: 478px; }
#t1a      { top: 28px; }
#fist     { background-image: url('fist.png'); top: -10px; left: 480px; width: 141px; height: 108px; }

.t2       { background-image: url('t2.png'); height: 30px; width: 478px; }
#t2a      { background-position:  50%   0px; top: 16px; }
#t2b      { background-position:  50% -30px; top: 46px; }

.tf       { background-image: url('tf.png'); height: 35px; width: 250px; left: 478px; }
#tfa      { background-position:  7px   0px; top: 11px; }
#tfb      { background-position:  7px -30px; top: 46px; }

#cta      { background-image: url('cta.png'); background-position:  625px 52px; }

#logo     { background-image: url('logo.png'); background-position: 637px 4px; }

/*.t1,
#fist,
.t2, #tf, #cta /**/
{
  display: none;
}