#header {
    background-color:#f3339b;
}

#menu {
    background-color:#4f6138;
}

#content {
    background-color:#2b7eb8;
}

#aside {
    background-color:#00e3ac;
}

#footer {
    background-color:#3a3a3a;
}

/*case 1
#header {
    float:left;
    width:70%;
    min-height:50px;
}

#menu {
    float:left;
    width:30%;
    min-height:50px;
}

#content {
    clear:left;
    float:left;
    width:80%;
    min-height:50px;
}

#aside {
    float:right;
    width:20%;
    min-height:50px;
}

#footer {
    clear:both;
    width:100%;
    min-height:50px;
}*/

/*case 2
#header {
    float:left;
    width:100%;
    min-height:50px;
}

#menu {
    clear:left;
    float:left;
    width:20%;
    min-height:50px;
}

#content {
    float:left;
    width:60%;
    min-height:50px;
}

#aside {
    float:right;
    width:20%;
    min-height:50px;
}

#footer {
    clear:both;
    width:100%;
    min-height:50px;
}*/

/*case 3*/
#header {
    float:left;
    width:100%;
    min-height:50px;
}

#menu {
    clear:left;
    float:left;
    width:20%;
    min-height:50px;
}

#content {
    float:right;
    width:60%;
    min-height:50px;
}

#aside {
    float:left;
    width:20%;
    min-height:50px;
}

#footer {
    clear:both;
    width:100%;
    min-height:50px;
}