body {
  font: 8pt/15pt Verdana, sans-serif;
  color: #888;
  margin: 0px;
  padding: 0;
  background:top left repeat-x url(../images/fadeout-top.jpg) fixed;
}

* html {
  overflow: hidden;
}

* html body {
  height: 100%;
  overflow: auto;
}

img {
  border:0;
}

strong {
  font-weight: normal;
  color: #420;
}

em {
  font-style: normal;
  color: #420;
}

#content {
  width: 574px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 140px;
  margin-bottom:50px;
}

#header {
  position: fixed;
  top: 0px;
  padding-top: 40px;
  width: 594px;
  z-index: 1;
  height: 136px;
  background: top left repeat-x url(../images/fadeout-top.png);
  margin-left: -20px;
}


h1 {
  text-align: right;
  height: 53px;
  margin: 0px;
  background: top right no-repeat url(../images/rl_logo.gif);
}

h1 span {
  display: none;
}

h2 {
  text-align: center;
  text-transform: lowercase;
  font-weight:normal;
  font-size: 14pt;
  color: #420;
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Georgia;
}

h2 img {
  width: 102px;
  height: 13px;
  margin-left: 2px;
  margin-right: 2px;
}

h2 img.before {
  background: url(../images/h2-before.gif);
}

h2 img.after {
  background: url(../images/h2-after.gif);
}

h3 {
  margin: 0;
  font: 8pt/15pt Verdana, sans-serif;
  font-weight: bold;
  color: #420;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
}

h3.person {
  text-align: center;
  width: 450px;
  margin-top: 10px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}

h3 span.date {
  letter-spacing: 0px;
  font-weight: normal;
}

p {
  margin: 0;
}
.services {
  margin-bottom: 15px;
}

p.contact {
  text-align:center;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul li {
  float: left;
  width: 150px;
  text-align: center;
}

li em {
  color:#420;
}

li strong {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}

em strong
{
  text-transform: uppercase;
  font-size:0.8em;
  line-height:12pt;
  color:#BBB;
  text-align:center;
}

#navigation {
  position: fixed;
  top: 37px;
  z-index: 2;
}

* html #navigation {
  position: absolute;
}

#navigation li {
  width: auto;
  text-transform: lowercase;
  background: center right no-repeat url(../images/points2.gif);
  padding-right: 20px;
  margin-right: 10px;
}

#navigation li a {
  color: #420;
  border-bottom: 0;
}

#navigation li.last {
  background: none;
}

a {
  color: #420;
  text-decoration: none;
  border-bottom:1px dotted #640;
}

#panel-container {
  width: 469px;
  height: 224px;
  padding-top: 20px;
  background: url(../images/panel.gif);
  margin-left:-12px;
}

#panel {
  width: 431px;
  height: 207px;
  margin-left: 20px;
  border: 1px solid #ccc;
  background-image: url(../images/portfolio.png);
  background-repeat: no-repeat;
}

h2, p, ul {
  width: 450px;
}

h1, h2, h3, p, div { 
  clear: both; 
}

acronym {
  border-bottom:1px dotted #888;
  /*cursor:help;*/
}

#imprint {
  clear:both;
  padding-top:100px;
  font-size:0.9em;
  line-height:12pt;
  color:#888;
}

#legalese {
  margin-top:20px;
  font-size:0.9em;
  line-height:11pt;
  color:#aaa;
}

p.references {
}

p.references span {
  cursor:pointer;
  text-decoration: none;
  margin-right:8px;
}

p.references span.new {
  margin:0;
  /*cursor:normal;*/
  cursor:auto;
  color:#f90;
  text-transform:uppercase;
}

p.references span.visited {
  text-decoration: line-through;
  color:#bbb;
}

p.references em {
  text-transform: uppercase;
}

#reference-title {
  color:#420;
  margin-bottom:4px;
}
.submitButton {
  border:none;
}