* {
  font-family: helvetica, arial, sans-sarif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  }

a {
  color: #cc1c04;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

a img {
  border: none;
  }

a#featured {
  background-image: url(images/featured.jpg);
  display: block;
  height: 500px;
  width: 850px;
  }

a#featured:hover {
  background-position: 0 -500px;
  }

body {
  background-image: url(images/background.jpg);
  margin: 0;
  }

div.center {
  margin: 0 auto;
  width: 850px;
  }

div#contact {
  background-image: url(images/contact-background.jpg);
  color: #fff;
  }

div#contact a {
  color: #fff;
  }

div#contact img#contact-badge {
  float: left;
  margin: -10px 20px 0 0;
  }

div#contact-bottom {
  background-image: url(images/contact-bottom.jpg);
  height: 8px;
  }

div#contact-top {
  background-image: url(images/contact-top.jpg);
  height: 8px;
  }

div#content {
  clear: both;
  padding: 20px 0 30px 0;
  }

div#footer p#left {
  float: left;
  padding: 10px 0;
  width: 425px;
  }

div#footer p#right {
  float: left;
  padding: 10px 0;
  text-align: right;
  width: 425px;
  }

div#footer span {
  vertical-align: 3px;
  }

div#header {
  background-image: url(images/header-background.jpg);
  height: 145px;
  }

div#header img {
  float: left;
  }

div#headline {
  background: #cc1c04 url(images/headline-bottom.jpg) repeat-x bottom center;
  padding-bottom: 20px;
  }

div#navigation {
  float: left;
  margin-top: 55px;
  text-align: right;
  width: 612px;
  }

div#navigation a {
  color: #fff;
  font-size: 18px;
  margin: 2px 3px 3px 45px;
  padding-bottom: 2px;
  text-decoration: none;
  }

div#navigation a:hover {
  border-bottom: 2px solid #cc1c04;
  }

div#navigation a.static {
  background-color: #cc1c04;
  cursor: default;
  margin: 0 0 0 42px;
  padding: 2px 3px 3px 3px;
  }

div#navigation a.static:hover {
  border: none;
  }

div#portfolio-description {
  float: left;
  margin-right: 30px;
  padding-bottom: 20px;
  width: 589px;
  }

div#portfolio-description p {
  margin-bottom: 15px;
  }

div#portfolio-features {
  border-left: 1px solid #aaa;
  float: left;
  padding: 0 0 20px 30px;
  width: 200px;
  }

div#portfolio-features ul {
  list-style-image: url(images/check.gif);
  margin: 10px 0 0 15px;
  }

div#portfolio-features li {
  font-size: 14px;
  margin: 5px 0;
  }

div.process-description {
  float: left;
  margin-bottom: 80px;
  width: 590px;
  }

div.process-description h2 {
  float: left;
  width: 90%;
  }

div.process-description img {
  float: left;
  padding-right: 10px;
  position: relative;
  top: 8px;
  }

div.process-description p {
  clear: both;
  }

h1 {
  color: #fff;
  font-size: 36px;
  font-weight: lighter;
  }

h2 {
  color: #222;
  font-size: 36px;
  font-weight: lighter;
  }

h3 {
  color: #222;
  font-size: 18px;
  margin-bottom: 20px;
  }

h4 {
  font-size: 12px;
  font-weight: bold;
  }

hr {
  border: none;
  border-top: 1px solid #aaa;
  margin-top: 30px;
  }

img.pictogram {
  float: left;
  margin-right: 65px
  }

p {
  line-height: 22px;
  }

p.clear {
  clear: both;
  }

p.quote {
  font-style: italic;
  margin: 0 50px;
  } 

span.LV_validation_message {
  padding-left: 22px;
  margin-left: 10px;
  }

span.LV_invalid {
  background: url(images/invalid.gif) no-repeat;
  }

span.LV_valid {
  background: url(images/valid.gif) no-repeat;
  }

ul.websites {
  float: left;
  list-style-type: none;
  margin-left: 35px;
  width: 214px;
  }

ul.websites#first-column {
  width: 186px;
  }

ul.websites#second-column {
  width: 223px;
  }

ul.websites#third-column {
  width: 175px;
  }

ul.websites li {
  color: #fff;
  margin: 5px 0;
  }

ul.websites li.current {
  list-style-image: url(images/star.gif);
  }

ul.websites li.current span {
  background-color: #4d0a02;
  font-size: 14px;
  padding: 2px;
  }

ul.websites a {
  color: #fff;
  font-size: 14px;
  padding: 2px;
  }