#menu {
  text-align:center;
}
#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu li {
  padding:0;
  display:inline;
}
#menu a {
  display:block;
  color:#fff;
  text-decoration:none;
  padding:8px;
}

#menu #home a {
  background: url(/images/layout/blue.jpg) 0 0 repeat-y;
}
#menu #home a:hover {
  background-color:#284967;
}
#menu #about a {
  background: url(/images/layout/terracotta.jpg) 0 0 repeat-y;
}
#menu #about a:hover {
  background-color:#5a2b1d;
}
#menu #services a {
  background: url(/images/layout/taupe.jpg) 0 0 repeat-y;
}
#menu #services a:hover {
  background-color:#6e6c63;
}
#menu #projects a {
  background: url(/images/layout/tan.jpg) 0 0 repeat-y;
}
#menu #projects a:hover {
  background-color:#655734;
}
#menu #contact a {
  background: url(/images/layout/drkgreen.jpg) 0 0 repeat-y;
}
#menu #contact a:hover {
  background-color:#3a3923;
}
#menu #whatsnew a {
  background: url(/images/layout/brtgreen.jpg) 0 0 repeat-y;
}
#menu #whatsnew a:hover {
  background-color:#4a5518;
}
#menu #empty {
  background: url(/images/layout/brtgreen.jpg) 0 0 repeat-y;
  height:30px;
  display:block;
}
#main li {
  margin: 5px;
}
#main ol {
  margin-left:35px;
}
#submenu a {
  padding:5px 15px;
  display:block;
}
#casestudies {
  list-style:none;
  width:316px;
  float:left;
  margin-right:10px;
}
#casestudies li {
  float:left;
  margin:7px;
  display:inline;
}
#serviceslist {
  padding-left:5px;
}
#serviceslist li {
  list-style-type:disc;
  margin-left:25px;
}
#serviceslist li li {
  list-style:circle outside;
}
#serviceslist ul {
  padding-left:15px;
}
ul.projects {
  list-style-type:lower-alpha;
  padding-left:20px;
}
ul.projects li {
}
body.whatsnew ul {
  list-style:none;
}