body {
  background: #fff url("/_img/cairo-tesselation_single.jpg") top left;
}

* {
  font-family: Georgia, Times New Roman; 
  color: #666;
	font-size: 11px;
  }
h1,h2,h3,h4,#logo,#strapline,.navlinks {
  font-family: arial, verdana, Sans; 
  color: #666;
	font-size: 1em;
  }
p { margin: 10px 0; }
H1 { font-size: 1.4em; color: #666; margin: 10px 0;}
H2 { font-size: 1.2em; color: #666; margin: 10px 0; }
A  { color: #000 }
A:HOVER {color: black; text-decoration: underline; }
A:ACTIVE {color: black; }

/* classes for navigation */
UL.navigationlist { border: 0px solid black; margin: 0.2em; padding: 0px; }
LI.navigationlist { display: inline; margin: 0px; padding: 0em 0.2em; }
A.navlinks       { color: #666; font-weight: bold; font-size: 0.9em; text-decoration: none; }
A.navlinks:HOVER {color: #333; text-decoration: none; }
A.navlinks:ACTIVE {color: #333;}
A.navlinks:VISITED { }

.portfolioitem a
{
  font-weight: bold;
  color: #666;
}

table.filelist
{ 
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #5195CE solid;
border-collapse: collapse;
border-spacing: 0px; 
margin-top: 10px;
} 

table.filelist tr th
{ 
border-bottom: 2px solid #5195CE;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040; 
}

table.filelist tr td
{ 
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; 
}