﻿html {
	background: #14400F;}

body {
  text-align: left;}

#pageContainer {
  width: 974px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  border: 1px solid #2e1505;
  background: url(../images/verticalStripeBg.gif) #c5cfd3 repeat-y 0;}

#header .left, #body .left, #footer .left {
  width: 173px;
  background: #2e1505;
  position: absolute;
  z-index: 10;
  margin: 0;
  padding: 0;}

#header .right, #body .right, #footer .right {
  width: 801px;
  padding: 0 0 0 173px;}

#header {
  text-align: left;
  margin: 17px auto 0 auto;}
  
  #header .left {
    text-align: center;
    margin: 0;
    padding: 0;}
  
    #header .left .content {
      overflow: visible;
      text-align: center;}

  #header .right .content {
    width: 770px;
    height: 268px;
    background: url(../images/waveBg.gif) transparent no-repeat bottom center;
    text-align: left;
    margin: 0 auto;}
  
    #header .right .content .mask {
      width: 186px;
      height: 268px;
      background: transparent no-repeat bottom center;
      display: inline;
      padding: 0;
      float: left;}
      
      #header .right .content .mask a {
        display: block;
        width: 186px;
        height: 268px;}
      
        #header .right .content .mask a span {
          display: none;}
    
    #header .right .content #m1 {
      background: url(../images/m1.jpg);
      margin: 0 9px 0 0;}
      
    #header .right .content #m2 {
      background: url(../images/m2.jpg);
      margin: 0 9px 0 0;}
    
    #header .right .content #m3 {
      background: url(../images/m3.jpg);
      margin: 0 8px 0 0;}
    
    #header .right .content #m4 {
      background: url(../images/m4.jpg);
      margin: 0;}

#body {}

  #body .left .content {
    text-align: left;}
  
  #body .right .content {
    width: 768px;
    margin: 0 auto;
    background: #e3d5cc;
    text-align: left;
    border: 1px solid #2e1505;
    border-top: 0;
    border-bottom: 0;}
    
    .padMe1em {
      padding: 1em;}
    
    #body .right .content .floatRight {
      float: right;
      width: 221px;
      border: 1px solid #c3b9b2;
      padding: 15px;
      margin: 0 0 15px 12px;
      font-size: 80%;
      background: #ebe2db;}
      
      #body .right .content .floatRight p {
        text-indent: 2em;}

#footer {
  background: url(../images/footerBg.jpg) transparent no-repeat 0px top;
  height: 60px;}
  
    #footer .right .content .floatLeft {
      width: 35%;
      float: left;
      padding-top: 35px;
      border: 0;
      text-align: left;
      padding-left: 17px;}
    
    #footer .right .content .floatRight {
      width: 55%;
      float: right;
      padding-top: 40px;
      border: 0;
      text-align: right;
      padding-right: 17px;}