/************ HTML ***********/
html, body {
 margin: 0px;
 height: 100%;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
}

/************ DIV ************/
#main {
 width: 999px;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 position:relative; /* needed for footer positioning*/
 margin:0 auto; /* center, not in IE5 */
 background:#f0f0f0;	
 height:auto !important; /* real browsers */
 height:100%; /* IE6: treaded as min-height*/
 min-height:100%; /* real browsers */
}

#secondary {
 width: 33%;
 height:auto !important;
 height: 100%;
 min-height: 100%;
 background-color: #99CC00;
}

#secondary p {
 padding: 10px;
 margin: 0;
}

#abs_pic {
 position: absolute;
 top: 50px;
 left: 100px;
 z-index: 2;
}

#abs_pic img {
 border: 6px solid #99CC00;
}

#abs_pic2 {
 position: absolute;
 top: 150px;
 left: 200px;
 z-index: 3;
}

#abs_pic2 img {
 border: 6px solid #99CC00;
}

#abs_pic3 {
 position: absolute;
 top: 250px;
 left: 300px;
 z-index: 4;
}

#abs_pic3 img {
 border: 6px solid #99CC00;
}

#abs_pic4 {
 position: absolute;
 top: 350px;
 left: 400px;
 z-index: 5;
}

#abs_pic4 img {
 border: 6px solid #99CC00;
}
/*
#green_fill {
 position: absolute;
 top: 350px;
 left: 300px;
 height: 455px;
 width: 512px;
 background: #99CC00;
 z-index: 3;
}
*/

#green_fill {
 position: absolute;
 top: 350px;
 left: 300px;
 height: auto !important;
 height: 100%;
 bottom: 0;
 width: 512px;
 background: #99CC00;
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#footer {
 position: absolute;
 width: 100%;
 bottom: 0; /* stick to bottom */
 background: #ddd;
 border-top: 6px double gray;
 text-align: center;
 height: 50px;
}

#footer p {
 padding: 15px;
 margin: 0;
}