body

	{ 	background-image:url('images/web-background.jpg');
		background-color: #990000; 
		
	}


.pagewrapper {
	width: 850px;
	margin-top: 100px;
	left: 50%;
	position: absolute;
	margin-left: -425px;
	
}

.leftbox
{
	margin: 20px;
	width: 150px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	color: #ffffff;
	text-align: center;
}

.centrebox
{
	position: relative;
	float: left;
}

.rightbox
{
	float: right;
	margin: 20px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	color: #ffffff;
	text-align: center;
}

* html #rightbox {
display: inline;
margin-left: -160px;
}

p
	{	font-family: Arial, Helvetica, sans-serif; 
		font-size: 1.3em; 
		color: #ffffff;
		text-align: center;
		font-weight: bold;
	}

.nameheader
	{	height: 50px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 1.3em; 
		color: #ffffff;
		text-align: center;
		font-variant: small-caps;
		font-weight: bold;
	}
	
.footer {
	position: relative;
	clear: both;
	bottom: 0;
	left:0;
	width: 100%;
	padding-top: 20px;
	
}
	
a:link {	font-family: Arial, Helvetica, sans-serif; 
		font-size: 0.9em; 
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		}
				
a:visited {	font-family: Arial, Helvetica, sans-serif; 
		font-size: 0.9em; 
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		}
		
#gallery {
	width:600px; 
	height:300px;
	}
#gallery ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	width:150px; 
	position:relative; 
	float:left;
	}
#gallery ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	float:left; 
	margin:3px 3px 3px 3px;
	}
#gallery ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border:1px solid #ffffff;
	}
#gallery ul li a img {
	display:block; 
	width:48px; 
	height:48px; 
	border:0;
	}
#gallery ul li a:hover {
	white-space:normal; 
	border-color:#dddddd;
	}
#gallery ul li a:hover img {
	position:absolute; 
	left:170px; 
	top:0;
	width:auto; 
	height: 285px; 
	border:none;
}