html, body {
	height:100%;	
}
body, body * {
	margin:0;
	padding:0;
}
body {
  text-align:center;  
}
body *{ 
  text-align:left;
}

#viewport {
  width:995px;
  min-height:100%;
  height:auto;
  position:absolute;  
  z-index:100;
  left:-498px;
  margin-left:50%;
  
}
#banner_area {
	height:316px;	
	}

#left_content_area {
	width:448px;
	float:left;
	padding-bottom:70px;
	margin-top:0px; 
    margin-left:40px;
    z-index:10;
        
}
#right_content_area {
	width:427px;
	padding-bottom:70px;
    margin-left:527px;
    margin-top:20px;
    padding-top:3px;   			
}

#footer {    
	height:50px;
	width:100%;	
	position:absolute;
	bottom:0;
	left:0px;
    background:yellow;	
}


/*  Poprawka, dzięki której kontener klasy .clearfix rozszerza się
	tak, żeby objąć elementy floatowane
	
	pobrany przeze mnie ze strony:
	http://positioniseverything.net/easyclearing.html
	*/

.clearfix:after {
    content: ""; 
    display: none;     
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* koniec fixa */