* {
    margin: 0;  padding: 0;
}
body {
    margin: 0 20px 0 20px;
    
    background: #666;
}
#Container { 
    margin: auto;
    min-width: 800px;
    max-width: 1400px;
    
    background: #fff;
}
#Header {
    position: relative;
    
    background: #F2893C;
}
#Wrapper {
    float: left;
    width: 100%;
}
#WrapperTop {
    float: left;
    width: 100%;
}
#TopPane {
    margin: 0 0 0 220px;
    padding: 10px 20px 10px 20px;
    
    background: #6FC0F8;
}
#WrapperContent {
    float: left;
    width: 100%;
}
#ContentPane {
    margin: 0 270px 0 220px;
    padding: 10px 20px 10px 20px;
    
    background: #C8C9C7;
}
#RightPane {
    float: left;      
    /*set rightPane width & margin*/
    /*do not forget to change contentPane margin*/
    margin-left: -270px;
    width: 240px;
    padding: 10px 20px 10px 10px;
    
    background: #8CF86F;
}
#WrapperBottom {
    clear: left;
    float: left;
    width: 100%;    
}
#BottomPane {
    margin: 0 0 0 220px;
    padding: 10px 20px 10px 20px;
    
    background: #C4AC9A;
}
#LeftContent {
    float: left;        
    /*set leftContent width & margin*/
    /*do not forget to change bottomPane, contentPane, topPane margin*/
    width: 180px;
    padding: 20px 20px 20px 20px;
    margin-left: -100%;
    
    background: #CF84EE;
}
#Footer {
    clear: both;
    
    background: #B7C49A;
}