* {
	margin: 0;
	padding: 0;

}

a {color: #fff;}
a:hover {color: #F8AF5E;}

body {
	background: #000 url(http://www.spanner.co.uk/images/bk.gif) no-repeat center top;
	color: #fff;
	font: normal 60% Arial, Helvetica, sans-serif;
	min-height: 104%;
}

p,code,ul {padding-bottom: 1.2em;}



h1 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #F8AF5E;
	margin-bottom: 18px;
}

h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #F8AF5E;
	margin-bottom: 4px;
}

h3 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 4px;
}



h1,h2 {padding-top: 4px;}

.clearer {clear: both;}

.left {float: right;}

.right {float: left;}

.container {
	background: #000;
	font-size: 1.4em;
	margin: 0 auto;
	padding: 0 2px 1px;
	width: 767px;
	
}

.lower {
	background: #000;
	margin: 0 auto;
	padding: 0 16px 1px;
	width: 740px;
	
}


.top {
	
	padding: 0px 0px 0;
}


.theheader {
	background: #000;
	height: 196px;
	margin: 0 auto;
	padding: 1px 1px 1px;
	width: 780px;
}

.theheader {
	background: #000 url(http://www.spanner.co.uk/images/spanner.gif) no-repeat;
	padding-top: 0px; 
   
	line-height: 196px;
	width: 778px;
}


.imgleft {
float: left;
padding: 6px 10px 6px 0px;
}


.imgright {
float: right;
padding: 0px 10px 6px 6px;
}


.themain {
	border-top: 2px solid #000;
}


.sidenav {
	float: right;
	width: 240px;
}


.content {
	float: left;
	margin: 5px 0;
	padding: 0 16px;
	width: 440px;
}
.content .subt {
	color: #4f68a1;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.content p {font-family: Arial, Helvetica, sans-serif;}

.thefooter {
	background: #000;
	padding-bottom: 20px; 
	
	color: #aa9b6a;
	font: 0.6em Arial, Helvetica, sans-serif;
	text-align: center;
}

.tletter {  font-family: Trebuchet MS, Arial, Helvetica; color: #141413; font-size: 13px; text-align: justify}