html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 1.2em;	
	color: #333333;  
    background: #ffffff url(images/bg.jpg) repeat-x top center;     	
}

#wrapper {
	position: relative; /* needed for footer positioning*/
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;   
    margin-bottom: 0; 
    width: 100%;      
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */       	     
}


#innerWrapper {
    position: relative; 
    margin-left: auto;
    margin-right: auto;   
    margin-bottom: 0; 
    padding: 0 0 40px 0;
    width: 850px;  
}

/*---------- HEADER
--------------------------------------------------------------------------*/


#header {
    position: relative; 
    padding: 97px 0 0 140px;	
    height: 193px;
    background: #ffffff url(images/design.jpg) no-repeat top center;       
}

#mainMenu {
    position: relative; 
    height: 40px;   
	color: #ffffff;		
}




/*---------- MAINBODY
--------------------------------------------------------------------------*/

#mainBody {
    position: relative; 
    padding: 10px 20px;
    width: 810px;
    min-height: 400px;    
}

#leftDiv {
    float: left;
    width: 500px;
    min-height: 400px;  
}
#rightDiv {
    float: right; 
    width: 250px;
    min-height: 400px;
}

.clear{
    clear: both;
    position: relative;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}

/*---------- FOOTER
--------------------------------------------------------------------------*/

#footer {
	position:absolute;
	bottom: 0px; /* stick to bottom */	
	width: 100%;
	height: 40px;
	font-family: verdana, arial, Helvetica, sans-serif;  
	font-size: 100%;
    text-align: center; 
	font-weight: bold;	
    color: #ffffff;
	line-height: 40px;  
    background: url(images/footer.jpg) repeat-x top center;    	  	
}