Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style_test.css">
<title>Freepbx Support</title>
</head>
<body>
<header class="header"><b>FreePBX</b> Support</header>
<br>
<div class="div_top">
	<li class="borderlist"><a href="www.google.com">FreePBX initial setup</a></li>
	<br>
	<br>
	<br>
	<li class="borderlist"><a href="www.google.com">FreePBX Advanced setup</a></li>
	<div class="div_top_text">FreePBX tech was created for beginners or experts of the open source pbx system. Read our documents or watch our help videos to learn how to use the latest version of FreePBX</div>
	</div>
</body>
</html>

CSS SHEET
head{font-family: Verdana, Geneva, sans-serif;
}
body{background-color: #C0C0C0;
}
p{font-family: "Courier New", Courier, monospace;
}
.borderlist{
	list-style-position:inside;
	list-style-type:none;
}
.header{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 50px;
	float: left-side;
	padding-top: 20px;
	padding-left: 50px;

}
a:link, a:visited, a:active{
	text-decoration: none;
	color: #292421;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	display: inline-block;
	border : 4px solid orange;
	width: 275px;
	padding: 30px;
	background-color: #D3D3D3;

}
a:hover{
	text-decoration: none;
	color: #292421;
	font-family: Verdana, Geneva, sans-serif;
	display: inline-block;
	border : 4px solid #ee7600;
	padding: 30px;
	background-color: #E8E8EE;
}
.div_top{
	background-color: #E18A07;
	width: 700px;
	height: 300px;
	padding-left: 50px;
	padding-top: 75px;
	margin-left: 75px;
	float:left;
}
.div_top_text{
	width: 75px;
	text-align: right;
	padding-right: 20px;
	float:right;
	float:top;
}
.br_bigger{
	margin: 100px;
	padding: 100px;
}