div#q3{
  width:1000px;
  margin-left:20px;
  border:4px dashed #808080;
  padding:20px;
  background:#ddd;
}

p{
  margin:12px;
  font:500 22px "Courier New", monospace;
}

div#q0{
  position:fixed;
  top:34px;
  left:-250px;
  width:250px;
  height:490px;
  border:1px solid #000;
  z-index:0;
  background:#fff;
  padding:0;
}

div#q1{
  position:absolute;
  top:200px;
  left:250px;
  font:600 18px Verdana, Geneva, sans-serif;
  color:#fff;
  width:40px;
  height:96px;
  background:darkgreen;
  padding-top:6px;
  padding-left:2px;
  cursor:pointer;
  z-index:1;
  text-align:center;
}

div#q2{
  position:absolute;
  top:310px;
  left:250px;
  font:600 18px Verdana, Geneva, sans-serif;
  color:#fff;
  width:40px;
  height:96px;
  background:red;
  padding-top:6px;
  padding-left:2px;
  cursor:pointer;
  z-index:1;
  text-align:center;
}

div#c1{
  width:960px;
}

ul#u0{
  list-style:none;
}

li.g0{
  float:left;
  margin:10px 0 0 55px;
}