@CHARSET "UTF-8";

body {
  background: #5e5786 url('images/gradient_bg.jpg') repeat-x left top;
  font-size: 80%;
  }

.container {
  display: block;
  margin: 1em auto;
  width: 940px;
  }

.columns {
  background: url('images/columns_two_bg.gif') repeat-y left top;
  }

.home .columns {
  background: url('images/columns_three_bg.gif') repeat-y left top;
  }

.columns .column_left {
  display: block;
  float: left;
  width: 678px;
  }

.columns .column_right {
  margin-left: 678px;
  }

#header {
  background-color: #1F1462;
  }

#header h1 a {
  background: url('images/logo.gif') no-repeat left top;
  display: block;
  height: 94px;
  text-indent: -999em;
  width: 392px;
  }

#nav {
  background-color: #6a6297;
  display: block;
  height: 30px;
  position: relative;
  top: 6px;
  }

#nav ul {
  margin: 0;
  padding: 0;
  position: relative;
  top: -3px;
  }

#nav li {
  float: left;
  list-style: none;
  position: relative;
  }

.home #nav li.home,
.who_we_are #nav li.who_we_are,
.what_we_do #nav li.what_we_do,
.what_we_do_faq #nav li.what_we_do,
.what_we_do_demo #nav li.what_we_do,
.what_we_do_faq #nav li.what_we_do_faq,
.what_we_do_demo #nav li.what_we_do_demo,
.contact #nav li.contact,
.login #nav li.login { background-color: #8CC63F }

.what_we_do #nav li.what_we_do ul,
.what_we_do_faq #nav li.what_we_do ul,
.what_we_do_demo #nav li.what_we_do ul {
  display: block;
  top: 35px;
  width: 200px;
  }

.what_we_do #nav li ul li,
.what_we_do_faq #nav li ul li,
.what_we_do_demo #nav li ul li {
  display: block;
  margin-right: 5px;
  }

#nav li ul li {
  background-color: #A9D36F
  }

#nav li ul li a {
  color: #1E1262;
  }

#nav li a {
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  }

#nav li ul {
  display: none;
  height: 30px;
  position: absolute;
  }

#primary {
  background-color: #fff;
  padding: 20px 20px 40px;
  }

.what_we_do #primary,
.what_we_do_faq #primary,
.what_we_do_demo #primary {
  padding-top: 60px;
  }

#primary h2 {
  color: #1E1262;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 20px;
  }

#primary p {
  color: #333;
  margin-bottom: 20px;
  }

#primary a {
  color: #1F1462;
  }

#primary .person img {
  float: left;
  padding: 0 5px 5px 0;
  }

#primary .person a {
  font-size: 1.2em;
  }

.home #primary {
  margin-left: 289px;
  }

.what_we_do #primary ul {
  padding-left: 20px;
  }

.what_we_do #primary li {
  margin-bottom: 25px;
  }

.what_we_do #primary li strong {
  font-style: italic;
  }

.what_we_do_faq #primary .faq_anchors a {
  font-style: italic;
  }

.contact #primary .contact_form,
.login #primary .login_form {
  background-color: #B7B4C8;
  padding: 15px 30px;
  }

.contact #primary .contact_form dl,
.login #primary .login_form dl {
  display: block;
  margin-bottom: 1em;
  }

.contact #primary .contact_form dl.half {
  float: left;
  width: 260px;
  }

.contact #primary .contact_form dl.full,
.login #primary .login_form dl.full {
  clear: left;
  width: 515px;
  }

.contact #primary .contact_form dl dt,
.login #primary .login_form dl dt {
  display: block;
  float: left;
  padding-top: 4px;
  width: 70px;
  }

.contact #primary .contact_form dl dd,
.login #primary .login_form dl dd {
  display: block;
  margin-left: 70px;
  }

.contact #primary .contact_form dl.half dd {
  width: 180px;
  }

.contact #primary .contact_form dl.full dd {
  width: 440px;
  }

.contact #primary .contact_form dd input,
.contact #primary .contact_form dd textarea,
.login #primary .login_form dd input {
  border: none;
  font-size: 15px;
  width: 100%;
  }

.contact #primary .submit,
.login #primary .submit {
  margin-top: 10px;
  text-align: right;
  }

.contact #primary .submit input,
.login #primary .submit input {
  background-color: #fff;
  border: none;
  color: #8CC63F;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  }

#secondary {
  background: #8cc63f url('images/sidebar_bg.jpg') no-repeat left top;
  display: block;
  padding-top: 400px;
  padding: 380px 20px 40px;
  width: 223px;
  }

#secondary h2 {
  display: none;
  }

#secondary h4 {
  color: #1f1361;
  font-style: italic;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 20px;
  }

#secondary p {
  color: #1f1361;
  font-style: italic;
  }

#tertiary {
  background-color: #b6b3c8;
  float: left;
  padding-bottom: 40px;
  width: 289px;
  }

#tertiary p {
  color: #1E1262;
  padding: 8px;
  font-style: italic;
  }

#footer p {
  color: #fff;
  display: block;
  font-size: 0.9em;
  margin: 1em auto;
  text-align: center;
  }

#footer p a {
  color: #fff;
  }