#header {
	background : url(http://images.wallaceandgromit.com/2009/characters/header.jpg) 21px -7px no-repeat;
	width : 770px;
	height : 494px;
	position : relative;
}

#header h2, 
span.strapline {position:absolute;left :-9999em;width:500px;}

.character-summary h2, 
.film h3 {position:absolute;left:-9999em;width:0;}

.character-summary {position:absolute;top:242px;width:138px;left:100px;line-height:1.5;}
.character-summary a {position:absolute;text-indent:-999em;height:46px;width:150px;top:176px;left:0;overflow:hidden;}
#wallace-summary {left:66px;}
#wallace-summary a {}
#gromit-summary {left:590px;width:155px;}
#gromit-summary a {}



.film #loaf-header {	display : block;	position : absolute;	top : 5px;	left : 30px;}

#filmholder {}
	#filmholder div.first {background:0;padding-top:12px;}

.film {width : 538px;padding : 24px 12px 12px 220px;
	background : url(http://images.wallaceandgromit.com/2009/skin/bg/line.png) center -2px no-repeat;
	position : relative;clear : both;}
	.film li {display : inline;width : 80px;margin-right : 8px;text-align : center;float : left;
	line-height : 12px;padding-bottom : 20px;}
	.film li a {text-decoration:none;}
	.film li a:hover {text-decoration:underline;}
	.film img.title {position:absolute;top:20px;left:20px;}
	.film li img {display : block;margin : 0 auto 10px auto;}

div.clear {	clear : left;	line-height : 0;	font-size : 0;}

#mainfoot {position:absolute;right:61px;bottom:125px;}