/**
 * General elements.
 */
 
 
html {
  height: 100%;
  margin: 0;
  padding: 0;
 }
              
body {        
  height: 100%; 
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.3em;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

h1 {
  clear: both;
  margin: 0.4em 0 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  line-height: 1.2em;
  color: #4d2100;
}

h2 {
  margin: 0.8em 0 0.2em;
  line-height: 1.2em;
  font-weight: bold;
  font-size: 16px;
  color: #4d2100;
  text-align: justify;
}

p {
  clear: both;
  margin: 0 0 1.5em;
}

ul {
  margin: 1.3em 0;
  padding: 0 0 0 1.3em;
}

ul.plus {
  margin-top: -1em;
  padding: 0;
  font-size: 11px;
}

ul.plus li {
  list-style: none;
  padding-left: 2em;
  background: url('../images/plus.png') no-repeat left 0.5em;
}

.clr {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}


/**
 * Layout.
 */
 
#page {
  position: relative;
  width: 780px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  padding: 0 25px;
  text-align: left;
}

#page-content {
  padding-bottom: 130px;
  margin: 0 10px;
}

#page-content p {
  text-align: justify;
}

#logo {
  float: left;
  width: 228px;
  height: 205px;
  outline: none;
}

#slogan {
  line-height: 1.2em;
  font-weight: normal;
  font-size: 16px;
  color: #477b9b;
  text-align: justify;  
}

#menu {
  width: 225px;
  margin: 0;
  padding: 0;
}

#menu li {
  height: 32px;
  margin: 0;
  padding: 2px 7px;
  background-position: 0 -4px;
  list-style: none;
}

#menu li.first {
  padding-top: 6px;
  background-position: left top !important;
}

#menu li.last {
  padding-bottom: 6px;
  background-position: left bottom !important;
}

#menu li a {
  display: block;
  height: 27px;
  padding: 5px 17px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #231f20;
  line-height: 1.7em;
}

#footer {
  clear: both;
  position: relative;
  width: 100%;
  height: 100px;
  margin: -101px 0 0;
  padding: 0;       
  font-size: 10px;
  line-height: 1.2em;
  text-align: center;
  letter-spacing: -0.2px;
}

#footer-inside {
  width: 780px;
  margin: 0 auto;
  padding: 10px 25px;
  text-align: left;
}

#footer p {
  margin: 0 0 0.5em 0;
}

#footer-logo {
  float: left;
  width: 40px;
  height: 37px;
}

#footer-col-1,
#footer-col-2 {
  float: left;
}

/**
 * Page type 1 specific styles (red colors).
 */
 
.page-type-1 {
  background: #370600 url('../images/page_bg_1.png') no-repeat center top;
  color: #826966;
}

.page-type-1 #logo {
  background: url('../images/logo_1.png') no-repeat left top;
}

.page-type-1 #slogan {
  margin: 0 0 0 -32000px;
  padding: 0 18px 0 32000px;
  background: #1a0100;
  text-align: right;
  line-height: 1.6em;
  font-family: "Times New Roman", times, serif;
  font-size: 25px;
  color: #fff;
  opacity: 0.8;
}

.page-type-1 #menu li {
  background: url('../images/menu_item_bg_1.png') no-repeat left -4px;
}

.page-type-1 #menu li a:hover {
  background: #c2b5b4;
}

.page-type-1 #footer {
  border-top: 1px solid #826966;
}

.page-type-1 #footer-logo {
  margin-left: -15px;
  background: url('../images/footer_logo_1.png') no-repeat left top;
}

.page-type-1 #footer-col-1 {
  width: 345px;
  margin-left: 15px;
}

.page-type-1 #footer-col-2 {
  width: 340px;
  margin-left: 10px;
}

/**
 * Frontpage specific styles.
 */

#page-top {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#page-top-padding {
  padding-bottom: 491px;  
}

.frontpage #page {
  height: auto !important;
  min-height: 501px !important;
  margin: -501px auto 0;
}

.frontpage #page-content {
/*  margin: 0 30px;*/
  padding-bottom: 180px;  
}
 
.frontpage #logo {
  margin: 0 0 0 262px;
}

.frontpage #slogan {
  float: left;
  width: 445px;
  position: relative;
  top: -5px;
}

.frontpage #menu {
  float: right;
  position: relative;
  top: -7px;
  padding-right: 50px;
} 

/**
 * Contact page specific styles.
 */

.contact-page #page {
  padding: 1px 85px;
}

.contact-page #footer-inside {
  padding: 10px 85px;
}
 
.contact-page #logo {
  float: left;
  margin: -12px 5px 0 -105px;
}

.contact-page #slogan {
  float: left;
  width: 453px;
  position: relative;
  top: -6px;
}

.contact-page #menu {
  float: left;
  margin: 27px 0 0;
}  

.contact-box {
  float: left;
  width: 211px;
  height: 239px;
  margin-top: 20px;
  padding: 15px 10px 0;
  background: url('../images/contact_box_bg.png') no-repeat left top;
  color: #231f20;
  overflow: hidden;
}

.contact-details {
}

.contact-form {
  margin-left: 8px;
}

.contact-box h3 {
  float: right;
  width: 60px;
  margin: 0;
  padding: 15px 0 32px 85px;
  background: url('../images/contact_logo.png') no-repeat 5px 3px;
  line-height: 1.5em;
  font-size: 12px;
  font-weight: bold;
}

.contact-box p,
.contact-box form {
  clear: both;
  width: 210px;
  margin: 0 0 0.9em 0 !important;
}

.contact-box p {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center !important;
}

.form-item {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin: 0.4em 0;
}

.form-item label {
  float: left;
  width: 50px;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
}

.form-text,
.form-textarea {
  float: right;
  width: 145px;
  border: 0 none;
  padding: 3px 5px;
  background: #a87a59;
  color: #fbf1ea;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}

.form-textarea {
  height: 60px;
  overflow: auto;
}

.form-submit {
  float: right;
  margin: -3px 5px 0 0;
  border: 0 none;
  padding: 0;
  background: 0 none;
  color: #231f20;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.form-submit:hover {
  color: #6a4a36;  
}

.errors,
.messages {
  width: 441px;
  margin-top: 20px;
  padding: 10px 15px;
  font-weight: bold;
  color: #fff;
  opacity: 0.8;
}

.errors {
  background: #a31200;  
}

#thankyou-box {
  float: left;
  width: 440px;
  height: 59px;
  margin-top: 20px;
  padding: 20px 15px 0;
  background: url('../images/thankyou_box_bg.png') no-repeat left top;
  font-weight: bold;
  color: #231f20;
  color: #fdf0e7;
  overflow: hidden
}

.signature {
  text-align: right;
  margin-top: 1em;
  padding-right: 2em;
}

/**
 * Page type 2 specific styles (blue colors).
 */
 
body.page-type-2 {
  background: #bad1eb;  
}

body.page-type-2 {
  background: #bad1eb url('../images/page_bg_2.png') no-repeat center top;
  color: #363639;
}

.page-type-2 #page {
  padding: 0 85px;
}

.page-type-2 #footer-inside {
  padding: 10px 85px;
}

.page-type-2 #logo {
  width: 192px;
  height: 170px;
  margin: 5px 0 0 -90px;
  background: url('../images/logo_2.png') no-repeat left top;
}

.page-type-2 #menu {
  float: left;
  margin: 27px -15px 0 25px;
}

.page-type-2 #menu li {
  background: url('../images/menu_item_bg_2.png') no-repeat left -4px;
}

.page-type-2 #menu li a {
  position: relative;
  color: #282526;
}

.page-type-2 #menu li a:hover {
  background-color: #fefefe;
}

#left-col {
  float: left;
  width: 340px;
}

#right-col {
  float: left;
  width: 366px;
  margin-left: 45px;
}

.page-type-2 #footer {
  border-top: 1px solid #221e1f;
}

.page-type-2 #footer-logo {
  margin: 0 0 0 -25px;
  background: url('../images/footer_logo_2.png') no-repeat left top;
}

.page-type-2  #footer-col-1 {
  width: 346px;
  margin-left: 15px;
}
.page-type-2  #footer-col-2 {
  width: 335px;
  margin-left: 10px;              
}

/**
 * Account page specific styles.
 */

#hlbox {
  float: left;
  clear: both;
  width: 297px;
  height: 474px;
  margin: 23px 0 0 0;
  padding: 17px;
  background: url('../images/hlbox_bg.png') no-repeat left top;
  font-weight: bold;
  line-height: 1.5em;
  color: #fff;
}

#key {
  height: 93px;
  margin: -10px 0 -3px 0px;
  background: url('../images/key.png') no-repeat left top;
}

.account-page-photo {
  margin: -10px -10px 0 -7px;
  padding: 15px 21px 18px 14px;
  background: url('../images/photo_bg.png');
}

.account-page-photo img {
  display: block;
}

/**
 * Wealth page specific styles.
 */
 
.wealth-page #right-col {
  background: url('../images/sprout.png') no-repeat right bottom;
  padding-bottom: 180px;
}

.wealth-page #logo {
  margin-bottom: 2em;
}

.wealth-page #slogan {
  margin-bottom: 121px;
}