#wrapper {
	background-color: 		#eee;
    margin-top: 			30px;
	border-radius: 			20px;
	border: 				1px solid #ddd;
}

#content {
	margin: 				20px;
    height:		 			500px;
    background-color: 		white;
	border: 				1px solid #ddd;
	position:				relative;
	overflow:				hidden;
}

#headerbar {
	position:				absolute;
	width: 					100%;
	z-index:				1;
	height: 				80px;
	transition: 			all 500ms; 
}

#headerbar.static {
	background-color:  		white;
	height:					60px;
	box-shadow: 			0 0 5px #888;
}

#logo {
	position: 				absolute;
    left: 					30px;
	top:					30px;
	transition: 			all 500ms; 
}

#logo.static {
	left:					20px;
	top:					20px;
}

#menu {
	position: 				absolute;
    right: 					30px;
	top:					30px;
	transition: 			all 500ms; 
}

#menu.static {
	right:					20px;
	top:					20px;
}

#scrolling {
	position: 				absolute;
	top: 					0;
	left: 					0;
	right: 					0;
	bottom: 				0;
	overflow: 				auto;
	padding: 				40px;
	padding-top: 			80px;
	background-color:		#fafafa;
	color:					#444;
}