/*--------------------------------------------------------------------------- Browser reset ---*/ 
html{overflow-y:scroll;}
html,body,div,iframe,ul,ol,li,dl,dt,dd,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,p,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,img,object,embed{padding:0;margin:0;border:0;font-size:100%;}
ul,ol{list-style:none;}
img{-ms-interpolation-mode:bicubic;}
table{border-collapse:collapse;}
caption,th,td{text-align:left;}
input,select,textarea{margin:0;font-family:inherit;font-size:100%;}
textarea{overflow-y:auto;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a:active{outline:0;}
body{background:#fff;color:#000;}
@font-face { 
	font-family:"crackingfont"; 
	src: url("fonts/CrackingFontGromit.eot"); 
	src: local("CrackingFontGromit"), 
		url("fonts/CrackingFontGromit.ttf") format("truetype");
}
.customfont {font-family:crackingfont;}

/*--------------------------------------------------------------------------- Utilities ---*/ 
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.void{display:none;visibility:hidden;}
.hide{position:absolute !important;left:-999em;height:0;width:0;overflow:hidden;}

.cf:after, .li-cf li:after, .clearfix:after, #wallpaper-inner:after {content:'.';display:block;font-size:0;height:0;clear:both;visibility:hidden;} 
.cf, .clearfix, .li-cf li, #wallpaper-inner  {zoom:1;}

/*--------------------------------------------------------------------------- Base styles ---*/ 
body {font:13px/1.2 arial,sans-serif;
	background:#c5d1cc url(http://images.wallaceandgromit.com/2009/skin/bg/wallpaper.r1.jpg);color:#014B6A;} 
a {text-decoration:underline;}
input[type=submit], button {text-transform:capitalize;}
input[type=radio] {margin:0 .2em 0;vertical-align:middle;}
input[type=text],input[type=password],textarea,select { background-color:rgba(255, 255, 255, 0.3);}

h1,h2,h3 {/*text-shadow:.07em .07em .1em rgba(0, 0, 0, .2);*/padding:0 0 .3em;}
h1, h2 {font-family:crackingfont,georgia,serif;font-weight:normal;line-height:1;word-spacing:-.2em;}
h1 {font-size:32px;}
h2 {font-size:34px;}
.no-fontface h1, 
.no-fontface h2 {line-height:1.1;word-spacing:0;font-family:georgia,serif;font-weight:bold;}
.no-fontface h1 {font-size:24px;}
.no-fontface h2 {font-size:22px;}

.clear {clear:both;}
.offScreen {position:absolute;left:-9999em;padding:0;margin:0;}

/*-------------------------------------------------------------------- Persistent elements ---*/
#wallpaper-outer {background:url(http://images.wallaceandgromit.com/2009/skin/bg/bg-tile-middle.jpg) repeat-y;width:1000px;}
#wallpaper-trim-1 {background:url(http://images.wallaceandgromit.com/2009/skin/bg/bg-tile-top.jpg) no-repeat;zoom:1;}
#wallpaper-inner {background:url(http://images.wallaceandgromit.com/2009/skin/bg/bg-tile-bottom.jpg) left bottom no-repeat;position:relative;zoom:1;}

#nav-related {position:absolute;right:-4px;top:26px;width:44px;height:138px;background:url(http://images.wallaceandgromit.com/2009/skin/tabs.png) no-repeat;}
	#nav-related a {position:absolute;text-indent:-999em;overflow:hidden;width:40px;height:40px;}
	#nav-related-1 a {top:0;left:1px;}
	#nav-related-2 a {top:46px;left:6px;}
	#nav-related-3 a {top:87px;left:10px;height:53px;width:36px;}
		
#skip-links {font-size:0;}
	#skip-links a {position:absolute;text-decoration:none;}
	#skip-links a:focus,
	#skip-links a:active {position:fixed;z-index:100;font:bold 14px arial,sans-serif;
		color:#fff;background:#333;border:1px solid yellow;padding:.5em 1em;outline:0;}
		
#header {background-repeat:no-repeat;height:232px;position:relative;}
	
#login {color:#014b6a;padding:4px 0 0 55px;font-size:12px;}
	#login p {display:inline;}
	#login a {color:#014b6a;}
	#login a:hover {color:#000;}
	#login input {vertical-align:middle;}
	#login label  {padding-left:15px;}
	#login input.text {width:120px;background:#faf6ec;border:1px solid #90a598;}
	#login-register {position:absolute;right:62px;top:4px;}
	
	#login #loggedIn {margin:0;padding:7px 0 0 20px;display:block;}
	
#nav-1 {height:590px;position:absolute;top:139px;}
	#nav-1 a {position:absolute;width:176px;height:46px;background:url(http://images.wallaceandgromit.com/2009/skin/bg/nav.png) -999em 0 no-repeat;
		text-indent:-999em;overflow:hidden;left:0;}

	#nav-1-films a {top:0;left:0;}
	.Films #nav-1-films a,
	#nav-1-films a:hover {background-position:-197px 0;}

	#nav-1-characters a {top:47px;height:42px;}
	.Characters #nav-1-characters a,
	#nav-1-characters a:hover {background-position:-197px -47px;}
	
	#nav-1-about a {top:90px;height:34px;}
	.About #nav-1-about a,
	#nav-1-about a:hover {background-position:-197px -90px;}
	
	#nav-1-news a {top:125px;height:42px;}
	.News #nav-1-news a,
	#nav-1-news a:hover {background-position:-197px -125px;}
	
	#nav-1-download a {top:185px;height:36px;}
	.Download #nav-1-download a,
	#nav-1-download a:hover {background-position:-197px -185px;}
	
	#nav-1-game a {top:222px;height:36px;}
	.Games #nav-1-game a,
	#nav-1-game a:hover {background-position:-197px -222px;}
	
	#nav-1-ecards a {top:259px;height:38px;}
	.ECards #nav-1-ecards a,
	#nav-1-ecards a:hover {background-position:-197px -259px;}

	#nav-1-forum a {top:306px;height:43px;}
	.Forum #nav-1-forum a,
	#nav-1-forum a:hover {background-position:-197px -306px;}
	
	#nav-1-community a {top:350px;height:33px;}
	.Community #nav-1-community a,
	#nav-1-community a:hover {background-position:-197px -350px;}
	
	#nav-1-creations a {top:384px;height:35px;}
	.Creations #nav-1-creations a, 
	#nav-1-creations a:hover {background-position:-197px -384px;}
	
	#nav-1-shop a {top:426px;height:63px;}
	.Shop #nav-1-shop a,
	#nav-1-shop a:hover {background-position:-197px -426px;}
	
	#nav-1-schools a {top:495px;height:33px;}
	.Schools #nav-1-schools a,
	#nav-1-schools a:hover {background-position:-197px -495px;}

	#nav-1-charity a {top:529px;height:42px;}
	.Charity #nav-1-charity a,
	#nav-1-charity a:hover {background-position:-197px -529px;}

#nav-social {position:absolute;top:775px;}
	#nav-social a {position:absolute;height:35px;width:35px;text-indent:-99em;
		overflow:hidden;}
	#nav-social-facebook a {left:11px;}
	#nav-social-bebo a {left:55px;}
	#nav-social-myspace a {left:98px;}
	
#binder {position:absolute;top:0;bottom:60px;left:155px;width:58px;
	background:url(http://images.wallaceandgromit.com/2009/skin/bg/binder.png) 0 15px repeat-y;}

#column-1 {	float:left;width:178px;background:url(http://images.wallaceandgromit.com/2009/skin/bg/nav.png) 0 139px no-repeat;
	min-height:1139px;_height:1139px;}

.content {min-height:317px;_height:317px;position:relative;line-height:1.6;
	padding-bottom:125px;}
	.content a {}

#column-2 {width:810px;float:right;}

.bg-trim {background-color:#949866;width:770px;min-height:500px;_height:500px;}
.bg-trim h1,
.bg-trim h1 a,
.bg-trim h2,
.bg-trim h2 a,
.bg-trim h3,
.bg-trim h3 a,
.bg-trim-pad h1,
.bg-trim-pad h1 a,
.bg-trim-pad h2,
.bg-trim-pad h2 a,
.bg-trim-pad h3,
.bg-trim-pad h3 a {color:#027798;}

.content a,
.bg-trim a,
.bg-trim {color:#014B6A;}
.content a:hover,
.bg-trim a:hover {color:#014B6A;}

.ECards .bg-trim {min-height:804px;_height:804px;}
.Films .bg-trim {min-height:552px;_height:552px;}
.User .bg-trim {min-height:200px;_height:200px;}

.bg-trim {background:0;}
.bg-trim[class] {/*background:url(http://images.wallaceandgromit.com/2009/skin/bg/trans-white.png);*/
background:0;
	padding-top:10px;}
	
.bg-trim-pad {padding:20px 30px 30px 42px;width:698px;background:0;}
.bg-trim-pad[class] {/*background:url(http://images.wallaceandgromit.com/2009/skin/bg/trans-white.png);*/
background:0;
}

.Green .content,
.Green .bg-trim {color:#fff;overflow:hidden;}
.Green .bg-trim {background:#949866;color:#fff;}

.Green .content {}
.Green .content a,
.Green .content a:hover,
.Green .content h1,
.Green .content h2,
.Green .content h3 {color:#fff;}

#nav-footer {font-family:arial,sans-serif;position:absolute;bottom:50px;left:327px;
	zoom:1;padding:16px 0 16px 0;text-align:center;color:#014b6a;}
	#nav-footer li {display:inline;font-size:10px;line-height:1;padding:0 5px 0;border-left:1px solid;}
	#nav-footer li.first {background:0;border:0;}
	#nav-footer li a {color:#014b6a;white-space:nowrap;text-transform:uppercase;text-decoration:none;}
	#nav-footer li a:hover {text-decoration:underline;}

.flow-area {background:#949866;
	line-height:1.5;min-height:675px;_height:675px;}
	.flow-area p,
	.flow-area ul {padding:0 0 1em;}
	.flow-area ul {list-style:outside disc;padding-left:40px;}
	.flow-area li {padding-left:3px;}
	.flow-area a {}
	.flow-area a:hover {text-decoration:none;}
	.flow-area .pager {text-align:right;padding:10px 0 0;font-size:115%}
	.flow-area h1,
	.flow-area h2 {padding:0 0 .5em;}

.About .flow-area {color:#014B6A;padding-top:25px;}
	.About .flow-area h1 {color:#027798;}
	.About .flow-area a {color:#014B6A;}
	
	
	
#ticker {position:absolute;top:10px;left:80px;visibility:hidden;}
	#ticker a {width:465px;color:#027798;text-decoration:none;}
	#ticker a:hover {text-decoration:underline;}
	#ticker:before {font-weight:bold;content:'NEWS:';padding-right:5px;color:#014B6A;}
	
.Green #ticker {left:292px;width:300px;top:16px;}
.Green #ticker:before {content:'';}
.Green #ticker a {color:#fff;}
	
/*-------------------------------------------------------------------- Reusable styles ---*/
.alt-links a {text-decoration:none;}
.alt-links a:hover {text-decoration:underline;}

/*-------------------------------------------------------------------- Homepage ---*/
.Home .content {background:url(http://images.wallaceandgromit.com/2009/skin/bg/sketches.jpg) 34px 210px no-repeat;min-height:781px;_height:781px;font-family:arial,sans-serif;line-height:1.2;}
.Home #header {background-image:url(http://images.wallaceandgromit.com/2009/home/header.jpg);background-position:27px 0;}
.Home .content h2,
.Home .content h3 {text-shadow:none;}

#home-promo-main,
#home-promo-2,
#home-shop,
#home-news,
#home-community,
#home-competition {position:absolute;}

#home-promo-main {left:31px;top:-14px;}
#home-promo-2 {left:161px;top:533px;}
#home-competition {left:46px;top:262px;}

.home-dynamic .cta a {text-indent:-9999em;overflow:hidden;position:absolute;width:116px;height:38px;}
.home-dynamic .thumb {position:absolute;}

#home-shop {left:481px;top:-7px;width:287px;height:242px;background:url(http://images.wallaceandgromit.com/2009/home/home-shop.jpg) no-repeat;}
	#home-shop .trim {padding:57px 30px 0 127px;color:#1f456d;}
	#home-shop h3 {color:#e92100;padding:0 0 .2em;}
	#home-shop .thumb {top:64px;left:7px;}
	#home-shop .price  {position:absolute;width:100px;font-size:18px;top:193px;
		left:10px;text-align:center;}
	#home-shop .cta  a {top:182px;left:127px;}
	
#home-community {left:570px;top:264px;width:189px;height:274px;background:url(http://images.wallaceandgromit.com/2009/home/home-community.jpg) no-repeat;}
	#home-community .trim {padding:179px 25px 0;color:#1f456d;text-align:center;}
	#home-community .desc {color:#ac2814;}
	#home-community .thumb {top:92px;left:46px;}
	#home-community .cta  a {top:236px;left:37px;}
	#home-community .user {color:#5c5d2a;}
	#home-community .user a {color:#5c5d2a;}
	#home-community .user a:hover {color:#000;}

#home-news {left:280px;top:260px;width:270px;height:242px;background:url(http://images.wallaceandgromit.com/2009/home/home-news.jpg) no-repeat;}
	#home-news h2 {padding:59px 30px 0 35px;text-align:center;font-family:arial,sans-serif;font-weight:bold;word-spacing:0;}
		#home-news h2  a {text-transform:uppercase;font-size:14px;color:#7f1b1b;text-decoration:none;
			display:block;height:62px;}
		#home-news h2  a:hover {color:#000;}
	#home-news h3 {padding:10px 30px 0;}
		#home-news h3  a {display:block;height:100px;text-indent:-9999em;overflow:hidden;}
		
/*-------------------------------------------------------------------- About W&G ---*/
.About #header {background-image:url(http://images.wallaceandgromit.com/2009/headers/about.jpg);
	background-position:0 0;height:241px;}
	
/*-------------------------------------------------------------------- Creations ---*/
#nav-creations {padding:10px 34px;font-weight:normal;font-size:24px;
	font-family:crackingfont,georgia,serif;line-height:1;word-spacing:-.2em; background:url(http://images.wallaceandgromit.com/wip/creations/maskingTape.png) no-repeat; width: 303px; height: 71px; position: relative; top: -15px; left: 15px;}
	
#nav-creations-links { position: relative; top: 12px; left: -10px; }
#nav-creations-links .active { color: #FF6226; padding-bottom: 20px; background:url(http://images.wallaceandgromit.com/wip/creations/activeArrow.png) no-repeat 40% 100%; }
#nav-creations-links .leftMargin { margin-left: 5px; }
#nav-creations-links .rightMargin { margin-right: 5px; }
#nav-creations-links a { text-decoration: none;}

.no-fontface #nav-creations-links { font-size: 20px; word-spacing: normal;}

h2#blueSticker { position: relative; background: url(http://images.wallaceandgromit.com/wip/creations/sticker-blue.png) no-repeat; width: 201px;}
h2#blueSticker span { padding-top: 2px; width: 201px; display: block; color: #fff; line-height: 52px; font-size: 28px; text-align: center;}

.no-fontface h2#blueSticker span { display: block; font-family: georgia, serif; font-size: 15px; line-height: 52px; word-spacing: normal; width: 12em;}

h2#purple-sticker {background: url(http://images.wallaceandgromit.com/wip/creations/sticker-purple-left.png) no-repeat; padding-left: 15px;}
h2#purple-sticker span{background:transparent url(http://images.wallaceandgromit.com/wip/creations/sticker-purple-right.png) no-repeat scroll 100% 0;color:#FFFFFF;display:block;font-size:28px;line-height:52px;padding-left:5px;padding-right:20px;padding-top:2px;text-align:center;width:8em;}

.no-fontface h2#purple-sticker span { display: block; font-family: georgia, serif; font-size: 15px; line-height: 52px; word-spacing: normal; width: 12em;}

.Creations .intro_text {margin:0;padding:0;position:relative;left:20px; 
	top:-3px;font-size:18px;}
	.Creations  .content {line-height:1.2;}
.CreationsView .content {line-height:1.6;}

textarea#message { width: 510px; }
	
/*-------------------------------------------------------------------- Forum ---*/
.Forum .bg-trim,
.News .bg-trim {padding-top:0;padding-bottom:3em;} 
	
/*-------------------------------------------------------------------- Misc. legacy ---*/
div.clear {clear:both;line-height:0;font-size:0;}
hr {display:block;clear:both;border:0;width:770px;height:10px;
	background:url(http://images.wallaceandgromit.com/hr.gif) left top repeat-x;margin:15px 0;}
#home_skyscraper_adframe {	width:134px; height:627px;	background:url(http://images.wallaceandgromit.com/skyscraper_adframe.gif) no-repeat 0 0;	margin: 0 auto 0 auto;
	position:relative; top:20px;}
#home_skyscraper_internal {	width:120px; height:600px;	position:relative; top:19px; left:7px;}
#home_skyscraper_right_adframe {	width:134px; height:627px;	background:url(http://images.wallaceandgromit.com/skyscraper_adframe.gif) no-repeat 0 0;
	position:absolute; top:20px; left:1000px;}
#footer_leader_adframe {	width:751px; height:99px;	background:url(http://images.wallaceandgromit.com/ad_frame_leader_black.gif) no-repeat 0 0;
	position:relative; left:10px; top:5px;}
#footer_leader_internal {	width:728px; height:90px;	position:relative; left:17px; top:5px;}