html {color:#fff;background:#fff; height: 100%;}

body {margin:0;padding:0; /*height: 100%; */}

div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote, th,td { margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;
/*background:#fff;
filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;*/
}

img {border:0;}

em,strong,th,{font-style:inherit;font-weight:inherit;}

li{list-style:none;}


h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:baseline;}

input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-
weight:inherit;}

input,button,textarea,select {*font-size:100%;}


body {
	background-color: #000; background-image:url('../pics/big-grunge.jpg'); background-repeat:repeat-x;
	font: 1.0em helvetica, arial, sans-serif; line-height: 1.5em;
	color: #000;
}


a {
  color: #8C4A0D;
  text-decoration: none;
  /* border-bottom: 1px solid #777; */
}

ol {list-style-type: lower-roman; margin:5;padding:5;}
ul,li {list-style-type: square; margin:5;padding:5;
	font: .9em helvetica, arial, sans-serif; line-height: 1.5em;}

h1 {font: 1.5em helvetica, arial, sans-serif;}

#content-old {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
  
border: 0;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;

 padding: 20px;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative; 
}





#column-1 {
  position: relative;
  width: 760px; /* remember to set a width */
  margin-left: auto ;
  margin-right: auto ; 
}

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

#column-1 .content {
width: 680px;
padding: 40px; 
}

.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);
}