body {
  padding: 16px;
  margin: 0;
  background: url("../images/design/back.gif") #f3f3f3;
  color: #888888;
  line-height: 2em;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 10px; }

#wrapper {
  font-size: 1.1em;
  color: black;
  width: 740px;
  background: white url("../images/design/side.gif") repeat-y left;
  border: 1px dotted #888888;
  margin: 0 0 8px 0; }

* html #wrapper {
  border: 1px solid #bbbbbb; }

a:link, a:visited {
  color: #888888;
  font-weight: bold;
  text-decoration: none; }
a:hover, a:active {
  color: #aaaaaa; }

#wrapper a:link, #wrapper a:visited {
  color: #7722b1; }
#wrapper a:hover, #wrapper a:active {
  color: #613f78;
  border-bottom: #ead2f6 1px dotted; }

#subcol {
  width: 233px;
  float: left; }

#maincol {
  width: 506px;
  padding: 16px;
  float: right;
  voice-family: '"}"';
  voice-family: inherit;
  width: 474px; }

#logo {
  background: white url("../images/design/logo.gif") no-repeat 50% 50%;
  border-bottom: 6px solid #f0ecf2;
  height: 74px; }
  #logo hr {
    display: none; }

#title {
  background: #412554;
  border-bottom: 6px solid #613f78;
  height: 74px;
  margin: -16px -16px 16px -16px;
  vertical-align: bottom; }
  #title h1 {
    line-height: 1em;
    margin: 0;
    height: 0;
    overflow: hidden;
    padding: 74px 0 0 0;
    background-repeat: no-repeat;
    background-position: 16px 32px;
    height: 0px !important;
    /* for most browsers */
    _height: 74px;
    /* for IE5.5's bad box model */ }

/* Note this needs to go after #maincol h1 */
h1.heading {
  line-height: 1em;
  margin: 12px 0;
  height: 0;
  overflow: hidden;
  padding: 32px 0 0 0;
  background-repeat: no-repeat;
  height: 0px !important;
  /* for most browsers */
  _height: 32px;
  /* for IE5.5's bad box model */ }

h2 {
  color: #7722b1;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 8px;
  padding: 0; }

#maincol ul {
  list-style: disc;
  color: #412554;
  margin: 0;
  padding: 0 0 0 16px; }
#maincol > ul {
  margin: 12px 0; }

img.photo {
  border: #cccccc solid 1px;
  margin: 16px 0 0 0; }

.quotation {
  border: dotted 1px #d9d9d9;
  background: #f7fdfd;
  font-size: 1.4em;
  color: #064069;
  padding: 16px 16px 8px 16px;
  line-height: 2.3em;
  margin: 16px 0 0 0; }

.info, .quoter {
  background: #f1fcfc;
  color: #73a1bf;
  padding: 4px 16px;
  text-align: right;
  margin: 0 0 24px 0;
  border: 1px solid #f2f0f3;
  border-top: 0 none;
  font-weight: bold;
  font-size: 1.3em; }

.info {
  border: 1px solid #f2f0f3;
  font-size: 1.2em;
  text-align: center; }

#maincol hr {
  border: 0 none;
  border-top: dotted 1px #cccccc;
  height: 0;
  clear: both;
  margin-bottom: 16px; }

* html #maincol hr {
  border-top: solid 1px #eeeeee; }

.note {
  color: #666666;
  font-size: 0.9em; }

/* Forms */
#enquiry div.check, #enquiry p {
  margin: 0;
  padding: 0 16px;
  border-top: 1px #eeeeee solid;
  border-bottom: 1px white solid;
  clear: both;
  background: #fafafa; }
#enquiry div.check {
  padding: 4px 16px; }
#enquiry p label {
  display: block;
  width: 150px;
  float: left;
  color: #999999;
  font-weight: bold;
  padding: 4px 16px 4px 0; }
#enquiry p textarea, #enquiry p input {
  width: 250px;
  margin: 4px 0;
  border: #cccccc 1px solid;
  padding: 2px; }
#enquiry p textarea:hover, #enquiry p input:hover, #enquiry p textarea:active, #enquiry p input:active {
  background: #f9f7fb; }
#enquiry .check label {
  color: #666666;
  font-size: 0.9em; }

.form_submit {
  clear: both;
  border-top: 1px #bbbbbb dotted;
  margin: 16px 0;
  padding-top: 16px; }
  .form_submit input {
    background: #412554;
    color: white;
    font-weight: bold;
    border: solid #7d30b3 1px;
    border-bottom: solid #7d30b3 4px;
    padding: 2px 16px; }
    .form_submit input:hover {
      background: #2c123d;
      padding: 3px 15px 1px 17px; }

* html .form_submit {
  border-top: 1px #dddddd solid; }

input, textarea {
  font-family: Verdana, Arial, Sans-seif;
  font-size: 11px; }

/* Base */
#menu ul {
  background: url("../images/design/side_gradient.gif") repeat-x bottom;
  list-style: none;
  margin: 0;
  padding: 0 0 328px 0; }
  #menu ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #bee1db !important; }
    #menu ul li a:link, #menu ul li a:visited {
      color: #35a08e;
      padding: 8px 8px 8px 16px;
      display: block; }
    #menu ul li a:hover, #menu ul li a:active {
      color: black;
      background: white;
      border: 0 none; }
    #menu ul li a.active {
      color: white !important;
      background: #35a08e !important; }
  #menu ul ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #menu ul ul li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #bee1db !important;
      border-top: 1px solid #dbf0ed !important; }
      #menu ul ul li a:link, #menu ul ul li a:visited {
        color: #09427d;
        background: #dbf0ed;
        border-left: 8px solid #f3fefe !important;
        padding: 6px 8px 6px 24px; }
      #menu ul ul li a:hover, #menu ul ul li a:active {
        color: black;
        background: #dcf5f2; }
      #menu ul ul li a.active {
        color: white !important;
        background: #317680 !important; }
    #menu ul ul ul {
      padding: 0 0 0 8px; }
      #menu ul ul ul li {
        margin: 0;
        padding: 0;
        border: 0 none;
        border-top: 1px solid #bee1db !important;
        border-bottom: 1px solid #fafafa !important; }
        #menu ul ul ul li a:link, #menu ul ul ul li a:visited {
          color: #412554;
          background: #edf8fb;
          border-left: 8px solid #bfe1dd !important;
          padding: 4px 8px 4px 32px; }
        #menu ul ul ul li a:hover, #menu ul ul ul li a:active {
          color: #613f78;
          background: #e5f1f6; }
        #menu ul ul ul li a.active {
          color: white !important;
          background: #412554 !important; }

.two_column {
  padding-top: 16px;
  border-bottom: 1px dotted #dddddd; }
  .two_column .left {
    float: left;
    width: 49%; }
  .two_column .right {
    width: 49%;
    float: right; }

a img {
  border: 1px solid #bbbbcc; }

.printable_image {
  border: 1px solid #bbbbcc;
  width: 472px; }
  .printable_image img {
    display: none; }

.printed_only {
  display: none; }

img.rightback {
  float: right;
  margin: 4px 0 4px 16px; }

hr, .two_column, .clear, #wrapper {
  display: table; }
  hr:after, .two_column:after, .clear:after, #wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* For MSIE but Hides from IE-mac. Please keep related comments here! \ */
html hr, html .two_column, html .clear, html #wrapper {
  height: 1%; }

hr, .two_column, .clear, #wrapper {
  display: block; }

/* End hide from IE-mac */