Untitled

<html>
<head>
<title>Social Networking</title>
</head>
<body>
<style>

body {
	margin:0px;
	padding:0px;
	text-align:center;

}
p.blue::selection {
	background:#a8d1ff;
}

html, background {
	background:#1a69ab;
}
#header {
	background:#afb1b3;
	font-family:Tahoma;
	box-shadow::0px 0px 8px #222222;
	height:3%;
	max-height:3.5%;
	position:fixed;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	outline:3px solid #ccc;
}
#left {
	float:left;
	height:100%;
	width:200px;
	background:#afb1b3;
	border-right:3px solid #ccc;
	position:relative;
}
#right {
	border-left:1px solid #ccc;
	float:right;
	height:100%;
	background:#afb1b3;
	width:19px;
}
#imgContainer {
	margin-left:20%;
}
.img {
	padding:4px;
}
hr {
	width:172px;
	height:1px;
	border:none;
	border-bottom:3px solid #ccc;
}

</style>
<body>
<div id="header">
	<div id="imgContainer">
		<img src="Message.png" class="img">
		<img src="Notify.png" class="img">
		<img src="request.png" class="img">
	</div>
</div>
<div id="left">

<div id="right">
	<br>
	<br>
	<img src="scroll.png">
</div>
</body>
</html>