* {
  margin:0;
  padding:0;
  }

body {
  background:#000;
  }

#canvas {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-202px;
  margin-left:-322px;
  background:#000;
  border:2px solid #aaa;
  }

#box {
  position:absolute;
  top:50%;
  left:50%;
  border:2px solid #ccc;
  padding:5px;
  background:#000;
  opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
  color:#fff;
  display:none;
  z-index:2;
  }

#start {
  background:#000 url(start.png) no-repeat;
  width:640px;
  height:480px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-242px;
  margin-left:-322px;
  z-index:3;
  border:2px solid #fff;
  }

h1 {
  font:normal 26px georgia;
  }

h2 {
  font:normal 76px georgia;
  }

h3 {
  font:normal 46px arial;
  }

h3 div {
  display:inline;
  color:#ff0000;
  font:bold 50px 'trebuchet ms';
  }

h4 {
  width:100px;
  margin:0 auto;
  text-align:center;
  cursor:pointer;
  font:normal 60px 'lucida console';
  padding:3px;
  border:5px dotted #aaa;
  }

h4:hover {
  background:#444;
  border:5px dotted #777;
  }

h4:active {
  background:#777;
  border:5px dotted #999;
  }

p {
  font:18px arial;
  padding:3px;
  cursor:pointer;
  }

p:hover {
  background:#666;
  }

p.green, p.red {
  margin-top:10px;
  font:26px 'trebuchet ms';
  }

p.green {
  color:#00ff00;
  }
p.red {
  color:#ff0000;
  }