* {
		padding: 0;
		margin: 0;
		}

body {
		padding: 10px;
		background-color: #b9b9b9;
		background-image:url(../gfx/bodybg.jpg);
		background-repeat: repeat-x;
		}

#wrapper {
		width: 970px;
		padding: 10px;
		margin: 0 auto;
		
		}

#mainContent, #sidebar {
		float: left;
		}

#mainContent {
		width: 970px;
		min-height: 400px;
		background: #ffffff;
		}

#logo {
		width: 970px;
		height: 90px;
		}

#sidebar {
		width: 340px;
		padding-left: 10px;
		padding-top: 10px;
		background: #eeeeee;
		}

.columnContainer {
		padding-top: 10px;
		}

.column {
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		padding: 10px;
		}

#mainContent .column {
		width: 290px;
		}

#sidebar .column {
		width: 138px;
		border: 1px solid #aaaaaa;
		background: #ffffff;
		padding: 10px;
		height: 10em;
		}

#mainContent .spanTwo {
		width: 610px;
		}

#mainContent .spanThree {
		width: 930px;
		}

#mainContent .spanFour {
		width: 970px;
		}

#sidebar .spanTwo {
		width: 308px;
		height: auto;
		}

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		padding-bottom: 10px;
		}

#footer {
	height:60px;
	width: 970px;
	background-image:url(../gfx/footer-bg.png);
	background-repeat:no-repeat;
	background-position: center top;
	float: left;
}

#footer .column {
		width: 162px;
		}

.cBox {
	border: #b8b8b8 1px solid;
	text-align: center;
		}



/* Debugging colours


#mainContent {
		background: silver;
		}

#sidebar {
       background: #00a651;
		}

.column {
		background: #e6e6e6;
		}

#footer .column {
		background-color: yellow;
		}

*/