html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  }
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-color: #716d55;
  background-image: url(../graphics/bg.gif);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
  }
#v_spacer {
  float: left;
  width: auto;
  text-align: center;
  font-size: 1pt;
  height: 50%;
  margin: 0px auto -290px auto;
  }
#main {
  clear: both;
  position: relative;
  margin: 0px auto 0px auto;
  width: 876px;
  height: 584px;
  background-color: #d2c8b0;
  }
ul#nav {
  position: absolute;
  top: 250px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 876px;
  height: 40px;
  background-color: #4e4739;
  }
ul#nav li {
  display: inline;
  }
ul#nav li a {
  display: block;
  float: left;
  width: 146px;
  height: 40px;
  text-decoration: none;
  font-size: 1px;
  }
ul#nav li#nav_01 a,
ul#nav li#nav_03 a,
ul#nav li#nav_05 a {
  color: #5e5749;
  }
ul#nav li#nav_02 a,
ul#nav li#nav_04 a {
  color: #4c4a3e;
  }
ul#nav li#nav_01 a:hover,
ul#nav li#nav_03 a:hover,
ul#nav li#nav_05 a:hover {
  color: #80735d;
  }
ul#nav li#nav_02 a:hover,
ul#nav li#nav_04 a:hover {
  color: #706c53;
  }
ul#nav li#nav_01.here a,
ul#nav li#nav_03.here a,
ul#nav li#nav_05.here a,
ul#nav li#nav_02.here a,
ul#nav li#nav_04.here a {
  color: #000000;
  }
  
ul#nav li#nav_01 a {
  background: url(../graphics/nav_01_home.gif) no-repeat 0px 0px;
  }
ul#nav li#nav_01 a:hover {
  background: url(../graphics/nav_01_home.gif) no-repeat 0px -40px;
  }
ul#nav li#nav_01.here a {
  background: url(../graphics/nav_01_home.gif) no-repeat 0px -80px;
  }

ul#nav li#nav_02 a {
  background: url(../graphics/nav_02_services.gif) no-repeat 0px 0px;
  }
ul#nav li#nav_02 a:hover {
  background: url(../graphics/nav_02_services.gif) no-repeat 0px -40px;
  }
ul#nav li#nav_02.here a {
  background: url(../graphics/nav_02_services.gif) no-repeat 0px -80px;
  }

ul#nav li#nav_03 a {
  width: 292px;
  background: url(../graphics/nav_03_why.gif) no-repeat 0px 0px;
  }
ul#nav li#nav_03 a:hover {
  width: 292px;
  background: url(../graphics/nav_03_why.gif) no-repeat 0px -40px;
  }
ul#nav li#nav_03.here a {
  width: 292px;
  background: url(../graphics/nav_03_why.gif) no-repeat 0px -80px;
  }

ul#nav li#nav_04 a {
  background: url(../graphics/nav_04_team.gif) no-repeat 0px 0px;
  }
ul#nav li#nav_04 a:hover {
  background: url(../graphics/nav_04_team.gif) no-repeat 0px -40px;
  }
ul#nav li#nav_04.here a {
  background: url(../graphics/nav_04_team.gif) no-repeat 0px -80px;
  }

ul#nav li#nav_05 a {
  background: url(../graphics/nav_05_forum.gif) no-repeat 0px 0px;
  }
ul#nav li#nav_05 a:hover {
  background: url(../graphics/nav_05_forum.gif) no-repeat 0px -40px;
  }
ul#nav li#nav_05.here a {
  background: url(../graphics/nav_05_forum.gif) no-repeat 0px -80px;
  }

ul#nav li a:hover {
  background-position: 0px -40px;
  }
ul#nav li a img {
  position: absolute;
  top: -250px;
  left: 0px;
  border: none;
  }
#feature {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 584px;
  height: 250px;
  }
#feature object,
#feature embed {
  margin: 0px;
  padding: 0px;
  }
#content_panel {
  position: absolute;
  top: 290px;
  left: 0px;
  width: 584px;
  height: 294px;
  }
#content_panel h1 {
  margin: 35px 0px 0px 35px;
  }
#content_box {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 534px;
  height: 234px;
  padding: 0px 15px 0px 35px;
  border-top: 1px dotted #9d937a;
  overflow: auto;
  }
#content {
  padding: 10px 0px 15px 0px;
  }
#content p {
  margin: 0pt 0pt 6pt 0pt;
  line-height: 1.6em;
  }
#content a,
#address a {
  text-decoration: none;
  color: #884444;
  }
#content a:hover,
#address a:hover {
  text-decoration: underline;
  }

#address {
  position: absolute;
  top: 290px;
  right: 0px;
  width: 292px;
  height: 294px;
  font-size: 90%;
  background-color: #b7ab8b;
  }
#main.forum_index #address,
#main.forum_board #address,
#main.forum_thread #address {
  display: none;
  }
#address h2 {
  margin: 20px 0px 10px 20px;
  }
#address .label {
  display: block;
  float: left;
  clear: both;
  width: 72px;
  text-align: right;
  }
#address .data {
  margin-left: 75px;
  }
#clients {
  display: none;
  }
.home #clients {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 292px;
  height: 98px;
  }
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  color: #444040;
  font-size: 1.2em;
  }




/* forum */

#main.forum_index #content_panel,
#main.forum_board #content_panel,
#main.forum_thread #content_panel {
  width: 876px;
  }
#main.forum_index #content_box,
#main.forum_board #content_box,
#main.forum_thread #content_box {
  width: 806px;
  padding: 0px 35px 0px 35px;
  border-top: 1px dotted #9d937a;
  }
#main.forum_board #content_panel h1,
#main.forum_thread #content_panel h1 {
  float: left;
  }
#main.forum_board #content_panel h2,
#main.forum_thread #content_panel h2,
#main.forum_board #content_panel h3,
#main.forum_thread #content_panel h3 {
  margin: 35px 0px 0px 20px;
  float: left;
  }
#main.forum_board #breadcrumbs,
#main.forum_thread #breadcrumbs {
  position: absolute;
  top: 10px;
  right: 35px;
  }
#main.forum_board #breadcrumbs a,
#main.forum_thread #breadcrumbs a {
  margin: 0px 5px 0px 5px;
  text-decoration: none;
  color: #884444;
  }
#main.forum_board #breadcrumbs a:hover,
#main.forum_thread #breadcrumbs a:hover {
  text-decoration: underline;
  }
#main.forum_board #content_panel h2 .handle,
#main.forum_board #content_panel h3 .handle,
#main.forum_thread #content_panel h2 .handle,
#main.forum_thread #content_panel h3 .handle {
  font-weight: normal;
  color: #80735d;
  }
#main.forum_index .layout_block,
#main.forum_board .layout_block,
#main.forum_thread .layout_block {
  clear: left;
  }
#main.forum_index .layout_block {
  margin: 10px 0px 25px 0px;
  }
#main.forum_board .layout_block {
  margin: 10px 0px 15px 0px;
  }
#main.forum_thread .layout_block {
  margin: 10px 0px 10px 0px;
  }
#main.forum_index .layout_block:after,
#main.forum_board .layout_block:after,
#main.forum_thread .layout_block:after {
  content: "."; 
  display: block; 
  height: 0px;
  font-size: 1pt; 
  clear: both; 
  visibility: hidden;
  }
#main.forum_index .layout_item,
#main.forum_board .layout_item,
#main.forum_thread .layout_item {
  float: left;
  width: 150px;
  }
/* remove 15px of left margin to accommodate longer contributor names */ 
#main.forum_board #content_box,
#main.forum_thread #content_box {
  width: 831px;
  padding: 0px 35px 0px 10px;
  }
#main.forum_board .col_a,
#main.forum_thread .col_a {
  width: 126px;
  margin-right: 10px;
  text-align: right;
  }
#main.forum_board .col_b,
#main.forum_thread .col_b {
  width: 678px;
  }



#main.forum_index h2 a {
  color: #444040;
  text-decoration: none;
  }
#main.forum_index h2 a:hover {
  text-decoration: underline;
  }

#main.forum_index #content .layout_block p.thread_title {
  margin: 5px 0px 0px 0px;
  font-weight: bold;
  }
#main.forum_index #content .layout_block p.thread_title a {
  color: #444040;
  text-decoration: none;
  }
#main.forum_index #content .layout_block p.thread_title a:hover {
  text-decoration: underline;
  }
#main.forum_index .layout_block .col_a {
  width: 695px;
  }
#main.forum_index .layout_block .col_b {
  width: 95px;
  padding-top: 5px;
  }
#main.forum_index #content .layout_block a.more {
  margin-left: 5px;
  font-style: italic;
  white-space: nowrap;
  text-decoration: none;
  color: #884444;
  }
#main.forum_index #content .layout_block a.more:hover {
  text-decoration: underline;
  }
#main.forum_index .layout_block a.btn,
#main.forum_board .layout_block a.btn,
#main.forum_board .layout_block input[type="submit"],
#main.forum_thread .layout_block a.btn,
#main.forum_thread .layout_block input[type="submit"] {
  display: inline-block;
  margin: 0px;
  padding: 2px 4px;
  text-decoration: none;
  color: #000000;
  background: #b7ab8b;
  border: 1px solid #999999;
  }
#main.forum_index .layout_block a.btn:hover,
#main.forum_board .layout_block a.btn:hover,
#main.forum_board .layout_block input[type="submit"]:hover,
#main.forum_thread .layout_block a.btn:hover,
#main.forum_thread .layout_block input[type="submit"]:hover {
  text-decoration: none;
  color: #000000;
  background: #ffdd44;
  }
#main.forum_board #content_panel .col_b h3,
#main.forum_thread #content_panel .col_b h3 {
  margin-left: 0px;
  float: none;
  }

#main.forum_board a.thread_title {
  font-weight: bold;
  color: #444040;
  }
#main.forum_thread #content h1#page_name {
  margin: 0px 0px 20px 136px;
  }



#main.forum_index #content .layout_block .contributor,
#main.forum_board #content .layout_block .contributor,
#main.forum_thread #content .layout_block .contributor {
  font-style: italic;
  white-space: nowrap;
  color: #666060;
  }
#main.forum_index #content p.note,
#main.forum_board #content p.note,
#main.forum_thread #content p.note {
  font-style: italic;
  color: #666060;
  }
#main.forum_board #content .layout_block .col_b .replies,
#main.forum_thread #content .layout_block .col_a .datestamp {
  color: #666060;
  }
#main.forum_board .col_b textarea,
#main.forum_thread .col_b textarea {
  width: 508px;
  border: 1px solid #cccccc;
  }
#main.forum_board #content .col_b input[type="text"],
#main.forum_thread #content .col_b input[type="text"] {
  width: 248px;
  border: 1px solid #cccccc;
  }
#validate_form {
  display: block;
  padding-bottom: 10px;
  }


/* Forum from Hands On Sa
.forum_thread #content .layout_block .col_a p {
  margin: 0pt;
  }
.forum_board #content .layout_block .col_a h3,
.forum_thread #content .layout_block .col_a h3 {
  margin: 0pt;
  }
.forum_index #content .layout_block h2 {
  margin: 0px 0px 0px 0px;
  border-bottom: 1px dotted #b2c7d9;
  }
.forum_index #content .layout_block p.thread_title {
  margin: 5px 0px 0px 0px;
  font-weight: bold;
  }
.forum_index .layout_block a.thread_link {
  font-style: italic;
  text-decoration: none;
  }
.forum_index .layout_block a.thread_link:hover {
  text-decoration: underline;
  }

.forum_board .col_header {
  font-weight: bold;
  font-style: italic;
  color: #89a9c4;
  }
.forum_board .col_b,
.forum_thread .col_b {
  width: 510px;
  } */