Stuff

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Gotjuice? .:. Counter Strike Server</title>
	<link rel="stylesheet" href="index_files/style.css" type="text/css">
</head>

<body>

	<div id="container">

		<div id="branding">
			<h1>Got Juice</h1>
		</div>

		<ul id="navigation">

			<li><a href="http://www.gotjuice.nl/main/index.php?page=news">News</a></li>
			<li><a href="http://www.gotjuice.nl/main/index.php?page=about">About</a></li>
			<li><a href="http://www.gotjuice.nl/main/index.php?page=splugins">Server Plugins</a></li>
			<li><a href="http://www.gotjuice.nl/main/index.php?page=smaps">Server Maps</a></li>
			<li><a href="stream://connect/80.100.103.127">Connect to Server</a></li>
			<li><a href="http://www.gotjuice.nl/forums/index.php">Forums</a></li>
			<li><a href="http://www.gotjuice.nl/main/index.php?page=faq">FAQ</a></li>

		</ul>

		<div id="content">

			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc elit felis, gravida a,
				egestas sit amet, eleifend a, tortor. Aenean sagittis. Sed leo purus, consequat nec,
				varius eget, lobortis ut, nisi. Vestibulum ante ipsum primis in faucibus orci luctus et
				ultrices posuere cubilia Curae; Cras vel sem. Integer mollis, nisi a consequat condimentum,
				arcu quam ultrices enim, eu volutpat velit purus eget ligula. Vestibulum non mauris. Nunc lectus
				mauris, dignissim vitae, pellentesque sit amet, tincidunt nec, mauris. Nullam posuere. Nulla
				tincidunt nibh et ante. Mauris ac ante ac justo sollicitudin adipiscing. Pellentesque felis.
				Proin tincidunt malesuada erat. Vestibulum nulla augue, cursus sit amet, mattis a, adipiscing
				vel, arcu. Aliquam id enim. Phasellus in odio. Maecenas blandit lorem in felis. Aenean nec nisi
				in odio pretium dapibus. Aliquam odio.
			</p>

		</div>

		<p id="footer">

			Copyright MaximusBrood, All Rights Reserved. Inspiration by Freecode

		</p>

</body>

</html>











*
{
	margin:0;
	padding:0;
}

body
{
	background: url(bg.png);
	font-family: Verdana, Sylfaen, 'Times New Roman', Arial, sans-serif;
	font-size: 12px;
}

a
{ 
	color: #475363; 
	text-decoration: none; 
}

a:hover 
{ 
	color: #F75F63;  
}


h1
{
	background-image: url(banner.png);
	height:150px;
	text-indent: -1000em;
}

ul
{
	list-style-type:none;
}


/****
	Containers
****/

#branding
{	
	border-bottom: 1px solid black;
	padding: 5px;
	padding-bottom: 4px;
	background-color:white;
}

#container
{
	width: 810px;
	margin: 10px auto;
	line-height: 130%;
	background-color: #E9EAEA;
	color: #333;
	border: 1px solid black;
}

#footer
{
	padding: .5em;
	color: #333;
	border-top: 1px solid black;
	text-align: center;
	font-size: 10px;
}

/****
	Navigation
****/

#navigation
{
	float:left;
	width: 140px;	
	padding: 5px;
}

#navigation li a
{
	font-weight: bold;
	color: blue;
}


/****
	Content
****/

#content
{
	padding: 10px;
	padding-left: 8px;
	margin-left: 144px;
	border-left: 1px solid gray;
	background: #FFF;
}