@charset "utf-8";
/* CSS Document */

* {
 margin: 0;
 padding: 0;
 font-size: 1em;
}
html {
 height: 100%;
 width: 100%;
}
body {
 font-family: helvetica, arial, sans-serif;
 font-size: 76.5%;
 height: 100%;
 width: 100%;
}
 
#all {
 padding: 1em;
 margin: 1em;
}
h1 {
 font-size: 2em;
}
p {
 margin: 1em;
}
 
hr {
 margin: 1em;
 clear: both;
 display: block;
}
 
iframe {
 float: left;
 margin-right: 1em;
}
 
 
img {
 border: 1px solid #ccc;
 padding: 3px;
 margin: 0 1em 0 1em;
}
div.lb img {
 margin-top: 4em;
 padding: 2em;
 background: #fff;
}
 
/** Here's where the magic happens **/
div.lb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url('images/screen.png');
}
div.lb:target {
  display: block;
}
/** IE doesn't support :target, so we use CSS expressions **/
div.lb {
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}