body {background:#8e7969 repeat; padding:0; margin:0;}


.bg {background:#51453c url('bg/1.jpg') no-repeat; padding:0; margin:0; width:1024px; height:704px; margin:0px auto 0px auto; padding:0px;}

.container {margin:30px 0px 0px 40px; padding:0px;}

h2 {font-family:arial,sans-serif; font-size:18px; font-weight:normal; color:#ffffff; padding:0; margin:10px; float:left;}
.contact {position: relative; top: -10px; height: 58px; width: 310px; text-align: right; padding: 0px; margin: 0 0 0 0px;}
.mailform {position: relative; left: 25px; top: 0px; height: auto; width: 280px; text-align: left; padding: 0px; font-family:arial,sans-serif; font-size:11px; line-height:150%; font-weight:normal; color:#ffffff;}

div#copyright {position: relative; bottom: 25px; height: 0px; width:auto; text-align: center; padding: 0px; margin:0; }
div#copyright p {font-family:arial,sans-serif; font-size:11px; font-weight:normal; color:#ffffff; margin:0 auto 0px auto; padding: 0px;}


/* transparante overlay */

#column-1 {
  position: relative;
  float: left;
  width: 335px; /* remember to set a width */
}

.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0.36;
  -moz-opacity: 0.36; /* older Gecko-based browsers */
  filter:alpha(opacity=36); /* For IE6&7 */
}

#column-1 .content {
width: 295px;
padding: 0px;
margin:15px 0 0 15px;
}

.content {
  position: relative;
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}

/* end transparante overlay */