html { height: 100% }
body { 
  background-color: #eeeeee; 
  height:100%;
  margin:0;
  padding:0; 
}
body,p,td {
  font-family: Futura,Verdana,sans-serif;
  color: #000000;
  font-size: 11px;
}
select,input { font-family: Futura,Verdana,sans-serif; font-size: 80%;}
a { color: #666666; text-decoration: none; }
a:hover,a:focus { color: black; }
img { border: none; display: block; }

div#site {
  position:absolute;
  top: 50%;  
  left: 50%;
  width: 890px;
  height: 600px;
  margin-left: -445px;
  margin-top: -300px;
  border: solid 1px #666666;
  background-color: white;
}
img#logo { cursor: pointer; position: absolute; left: 25px; top: 25px; }
#navline { position: absolute; left: 25px; top: 57px; width: 840px; height: 1px; background-color: #cccccc; }
#menu { position: absolute; right: 25px; bottom: 543px; width: 570px; }
#menu a { 
  display: block;
  float: right; 
  text-transform: uppercase;
  font-family: Times New Roman,serif; 
  font-size: 120%;
  margin-left: 15px;
}
#menu a.admin {
  margin-left: 5px;
  font-family: Futura,Verdana,san-serif;
  font-size: 80%;
  color: red;
  vertical-align: bottom;
}

#content {
  position: absolute;
  top: 75px;
  left: 25px;
  height: 507px;
  width: 840px;
}

#content img { position: absolute; }
.sectionTitle {
  text-transform: uppercase;
  font-family: Times New Roman,serif;
  margin-bottom: 6px;
  font-size: 110%;
  border-bottom: solid 1px #cccccc;

}

#equipment { margin-top: 40px; }
.equipmentGroup {
  width: 280px;
  float: left;
  margin-bottom: 14px;
}

#equipment .sectionTitle {
  width: 200px;
}
.item,.price { color: #666666; }
.item { width: 215px; float: left; }
.price { float: right; }

#credits { margin-top: 40px; }
.creditGroup {
  float: left;
  height: 400px;
  width: 280px;
}
#credits .sectionTitle {
  width: 260px;
}
#credits .column { width: 120px; margin-right: 10px; float: left; }
#credits .item { width: 120px; }

#contact { margin-top: 175px; font-family: Times New Roman,serif; font-weight: lighter; font-size: 120%; }
#contact a { color: #888888; display:block; margin-bottom: 5px; font-size: 110%; }
#contact a:hover { text-decoration:underline; }
#contact .contactGroup { height:75px; }
#contact .contactTitle { float:left; margin-bottom:30px; width:175px; margin-right: 25px; border-bottom: 1px solid #cccccc; }
#contact .contactInfo { font-style:italic; }

#login { margin-top: 40px; }
#login input { position: absolute; left: 200px; }
#login div { margin-bottom: 15px; }

#creditsAdmin .sectionTitle { margin-top: 10px; }
#creditsAdmin .item { font-size: 80%; width: 150px; }

#equipmentAdmin .sectionTitle { width: 200px; }
#equipmentAdmin .item,#equipmentAdmin .price { font-size: 80%; }

#portfolioAdmin .photo { float: left; font-size: 80%; }
#portfolioAdmin img { position:static; }