body {margin: 0;
padding: 0;
height: 100%;
width: 100%}

#container { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}

.footer {
	background-color: #000;
	padding: 0.5em;
}

.lightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 50px;
	left: 30%;
	width: 50%;
	height: 100%;
	text-align: left;
	z-index:256;
	overflow: hidden;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:255;
	background-color:#333;
	-moz-opacity: 0.8;	
	opacity:.8;
	filter: alpha(opacity=80);
}
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This need to solve position fixed*/ position:fixed;       }