body {
  font-family:helvetica,arial;
  background-color:#ececec;
  padding:0px;
  margin:0px;
}

#scene {
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  padding:0px;
  margin:0px;
  height:400px;
}

#sky {
  position:absolute;
  width:2000px;
  height:100%;
}

.cloud {
  position:absolute;
  width:800px;
  height:75%;
  top:50px;
  border-width:30px 0px 0px 0px;
  border-style:solid;
  border-color:#f8f8f8;
}

.cloud div {
  position:absolute;
  top:0px;
  width:1px;
  height:100%;
  border-width:0px 1px 0px 0px;
  border-style:solid;
  border-color:#f8f8f8;
}

#horizon {
  position:absolute;
  height:1px;
  top:0px;
}

#horizon .plane {
  position:absolute;
  top:0px;
  left:0px;
}

.drawing {
  padding:0px;
  margin:0px;
  position:absolute;
}

.drawing img {
  border-width:0px;
  margin:0px;
  width:100%;
  height:100%;
}

.drawing .reflection {
  position:absolute;
  left:0px;
  top:100%;
  width:100%;
  height:100%;
}

.drawing .bg {
  padding:0px;
  background-color:#fff;
}

.drawing .reflection .bg {
  background-color:#868686;
  position:absolute;
  bottom:0px;
}

.drawing .stilts {
  margin:0px;
  border-color:#fff;
  border-style:solid;
  border-width:0px 10px 0px 10px;
  height:100%;
}

.drawing .reflection .stilts {
  border-color:#868686;
}

#water {
  background-color:#515151;
  width:100%;
  height:28.2%;
  margin:0px;
  position:absolute;
  left:0px;
  bottom:0px;
}

#water_surface {
  width:100%;
  height:100%;
  overflow:hidden;
  position:relative;
}

#water_fg {
  width:100%;
  height:100%;
  margin:0px;
  position:absolute;
  left:0px;
  top:0px;
  color:#fff;
}

#titlebox {
  position:absolute;
  left:20px;
  bottom:20px;
}

h1,h2,h3 {
  text-transform:uppercase;
  font-size:100%;
  font-weight:normal;
  margin:0px;
}

#titlebox a {
  text-decoration:none;
  color:#fff;
}

#titlebox a:hover {
  text-decoration:underline;
}

#overlay {
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background-color:#000;
  opacity:0.3;
  filter:alpha(opacity=0.3);
  -moz-opacity:0.3;
}

.textbox {
  background:#fff;
  color:#444;
  font-weight:normal;
  font-size:60%;
  padding:15px;
  margin:0px;
  position:absolute;
  height:350px;
  top:-380px;
}

.textbox .reflection {
  position:absolute;
  background-color:#868686;
  left:0px;
  top:100%;
  width:100%;
  height:100%;
}

.col {
  float:left;
  width:150px;
  padding:0px;
  margin:0px 15px 0px 0px;
}

.projectbanner {
  position:absolute;
  top:-331px;
  width:36px;
  height:662px;
}

#drawingbox {
  display:none;
  position:absolute;
  top:20px;
}

#zoombox {
  display:none;
  position:absolute;
  background-color:#fff;
  
}

#drawingbox div {
  background-color:#fff;
  padding:0.5em;
  color:#000;
  font-size:80%;
}

#drawingbox #project_label {
  font-weight:bold;
  text-transform:uppercase;
}

#drawingbox #creator_label {
  text-transform:uppercase;
}

#drawingbox img {
  position:relative;
}

.ripple {
  position:absolute;
  border-color:#868686;
  border-style:solid;
  border-width:0px 1px 1px 0px;
}