* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
body#metal {
	background: url(../images/metal.jpg);
	}
	
body#blue {
	background-color: #002596;
	}
	
body#sand {
	background: url(../images/sand.gif);
	}
	
body#white {
	background-color: #fff;
	}
	
body {
	text-align: center;
	font-family: courier, sans-serif;
	font-size: 62.5%;
	}
	
#container {
	text-align: left;
	margin: 40px auto 40px auto;
	background: #fff;
	width: 500px;
	padding-bottom: 30px;
	}
	
img.header {
	margin-bottom: 15px;
	}
	
img.right {
	float: right;
	margin: 8px;
	}
	
body#white #container {
	border: 1px solid #ccc;
	}
	
body#blue #container {
	border: 1px solid #fff;
	}
	
p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0px 25px;
	margin-bottom: 15px;
	}
	
body#metal p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 8px;
	}
	
body#metal p span {
	background: #fff;
	}

body#blue p span {
	background: #D1DCFF;
	}
	
body#sand p span {
	background: #EEE9D6;
	}
	
body#white p span {
	background: #ddd;
	}