Someone

body {
	background: white url('img/bg.png') repeat-x bottom fixed;
	font-family: Calibri, Helvetica, sans-serif;
}

p { clear: both; }

.blue   { background-color: #4f80ff; }
.green  { background-color: #8cc63f; }
.gray   { background-color: #939598; }
.orange { background-color: #fcb040; }
.red    { background-color: #fc4040; }
.purple { background-color: #aa40fc; }

#introcontainer {
	width: 500px;
	height: 500px;
	margin: 5em auto 0 auto;
	text-align: center;
}

.intronav {
	display: inline;
	color: white;
	width: 150px;
	padding: 8px;
}

.introbox {
	width: 100%;
	margin: 25px;
}



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Quartier Printing</title>
	<link rel="stylesheet" href="style.css" media="screen, projector"
	title="Quartier"/>
</head>
<body>
	<div id="introcontainer">
		<div class="introbox">
			<span class="intronav blue">Resources &amp; Support</span>
			<span class="intronav green">Results</span>
			<span class="intronav orange">Products &amp; Services</span>
			<span class="intronav gray">Request a Quote</span>
			<span class="intronav red">How Are We Different?</span>
			<span class="intronav purple">About/Contact</span>
		</div>
		<div class="introbox">
			<img src="img/logo.png" alt="Quartier Printing"/>
		</div>
		<div class="introbox">
			<img src="img/sterlingplanet.png" alt="Low Impact Printing"/>
			<img src="img/g7.png" alt="G7 Certified Master Printer"/>
			<img src="img/fsc.png" alt="Green Printing Options"/>
		</div>
	</div>
</body>
</html>