body { 
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  font-family: Helvetica, Arial; 
  color: #555; 
  font-size: 14px; 
  background:#e6e6ef;	
}
a { 
  text-decoration:none; 
  color:rgb(0,105,177); 
}
a:hover { 
  text-decoration:underline; 
}
#frame { 
  width:470px; 
  margin:20px auto 40px auto; 
  background-color: #e6e6ef;
  z-index:99; /*get it above the safari bug div*/
}
h1 { 
  font: normal 40px "Hoefler Text", Georgia;
  letter-spacing: 4px;
  color:rgb(19,63,102);
  text-shadow: 1px 1px 0px #ffffff;
  margin:0; 
}
#bar { 
  width:100%; 
  margin:10px 0;
  border-collapse: collapse;
}
#bar td { 
  padding:4px 0;
  text-align:center; 
  font:bold 11px "Courier New"; 
}
ul { 
  list-style:none; 
  margin:0 0 20px 0; 
  padding:0; 
}
ul.tech { 
  width:220px; 
  float:left; 
}
ul.web { 
  width:220px; 
  float:right; 
}
ul li { 
  padding:6px 0; 
}
ul li h2 { 
  margin:0; 
  padding:0; 
  border-bottom:1px solid #f6f6ff;
}
ul li h2 a {
  font: normal 18px "Hoefler Text", Georgia;
  text-shadow: 1px 1px 0px #f6f6ff;
  text-decoration: none;        
}
ul li h2 a:hover { 
  text-decoration:none; 
  color:rgb(19,63,102); 
}
ul li p { 
  margin:8px 0 0 0; 
  padding:0; 
  font-size:13px; 
  color:#555; 
  line-height:16px;
}
.intro {
  color: #555;
  font-size: 14px;        
  line-height:20px; 
}
.inset {
  clear:both; 
  padding:6px;
  color: #666;
  font-size: 13px;
  line-height:18px; 
  background-color: #eeeef7;
  border-top:1px solid #d6d6df;
  border-left:1px solid #d6d6df;
  border-right: 1px solid #f6f6ff;
  border-bottom:1px solid #f6f6ff;        
}

#footer {
  position:fixed;
  left:0;
  bottom:0;
  height:12px;
  width:100%;
  background-color:rgb(19,63,102);
}