@charset "utf-8";
/* CSS Document */
html {
	background-color:#21272f;
}
body { /* yes ... body is a tag too ;) */
	width: 1024px;
	font: 14px "Verdana", sans-serif;
	color: #333;
	margin: 0 auto;
}
#main {
	position: relative;
	background-color: #CCC;
}

#header {
	height: 114px;
}

#headertext {
	position: absolute;
	top:0;
	right:0;
	color:#FFF;
	text-align:right;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top: 10px;
	margin-right: 20px;

}

#content {
	
	padding: 10px;
	height: 440px;
}

#content img{
	float: right;
	
}

.break {
	height: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #443823;
}

#footer {
	width: 1024px;
	background-image: url(../assets/wac_footer.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	height: 177px;
	padding-bottom: 20px;
	background-color:#21272f;
}

#footer span{
	font-size:11px;
	position: absolute;
	right:0;
	bottom: 0;
}
#footer span a{
color:#FFF;
}


#colourbar {
	background-image: url(../images/woollybutt_colourbar.jpg);	
	height: 53px;
	color:#FFF;
	font-weight:bold;

}
#colourbar ul{
	margin: 0;
	padding-top: 5px;
}

#colourbar li {
	float:inherit;
	list-style:none;
	display:inline;
	vertical-align: bottom; /* Removes unwanted margin in IE */
}

#colourbar ul.top li {
padding-right:60px;		
}

#colourbar ul li.one {
padding-right:23px;		
}

#colourbar ul li.two {
padding-right:109px;		
}

#colourbar ul li.three {
padding-right:68px;		
}