/* sizes */
body  { 
			min-width: 800px;
			min-height: 600px;
	}
			

#header{
    background: grey ;
	text-align: center;
	position: relative ;
	width: 100% ;
	}
#footer {
    background: grey ;
	text-align: center;
	bottom: 0 ;
	position: fixed ;
	width: 100% ;
	}

#sidebar {
    float: left;
    min-width: 100px;
	height: inherit ;
	background: blue ;
}

#content-wrap {
    float: right;
    width: 80%;
	background: yellow ;
	height: inherit ;
}

#info-wrap {
    /* overflow to handle inner floating block */
    overflow: hidden;
	background: green ;
	width: 80%;
	height: inherit ;
}

.info {
    width: 10%;
    float: left;
	background: red ;
}
.menu {
    float: left;
	background: pink ;
	overflow: hidden;
}