.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* Roary */

/* Roary Promo */

.roary #container {
	margin:0 auto;
	width:960px;
	background:transparent;
	
	}
.roary #container li {
	margin:0 auto;
	width:600px;
	height:750px;
	background:url(roary/comic-frame.png) -00px 10px no-repeat;
}

.roary #container ul li img {
	margin-top:62px;
}

body.roary {padding:0px;background:transparent url(roary/bubbles_bg.jpg) repeat;color:#555;font:80%/140% 'helvetica neue',sans-serif;text-align:center;
padding:0; margin:0;}
.roary #wrapper { margin:0 auto;}
.roary #branding { height:285px; width:1024px;  margin:0 auto; background:url(roary/header.jpg) top center no-repeat; position:relative;}
.roary #header {height:285px; background: url(roary/header-bg.gif) top left repeat-x; margin:0 auto; position:relative;}
.roary h1, .roary h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.roary h1 {text-indent:-999px; background:url(roary/intro-head.jpg) no-repeat top left; height:150px; margin-top:20px;}

.roary h2, .noddy h2, .fifi h2 {
	color: #fff;
	font-size: 12px;
	width: 180px;
	margin-left: 30px;
	letter-spacing: normal;
	text-transform: uppercase;
}
	
	
.roary #contents { width:1024px; margin:0 auto; background:url(roary/side-border.gif) top center repeat-y; position:relative;}
	
	
	
.roary #comic-strip {height:700px;}
.roary #comic-container {width:660px; margin:0 0 0 0; background:transparent; position:absolute; padding:0; top:0; left:210px;}
	
.roary a{color:#348;text-decoration:none;outline:none;}
.roary a:hover{color:#67a;}
.roary .caption{color:#888;position:absolute;top:250px;left:3px;width:50px;}
.roary .demo{position:relative;margin-top:0;}
.roary .comic{width:40px;float:right; margin:0 20px 0 0;}
.roary .comic li{width:50px;height:65px;border:1px solid #fff;margin: 0 2px 2px 0;background:#eee;}
.roary .comic li.hover{border-color:#bbb;}
.roary .comic li.active{border-style:solid;border-color:#222;}
.roary .comic li div{left:0px}
.roary .comic li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
.roary .galleria_container{margin:0;height:680px;width:560px; float:right;
		background:url(roary/comic-frame.gif) -26px -40px no-repeat;
		}	
	
.roary .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.roary .info p{margin-top:1.6em;}
	
.roary .nav{}
	
.roary .replaced {padding:12px 10px 0 0;}
	
.roary #top-nav {list-style-type:none;}
.roary #intro {background:url(roary/intro.gif) top center no-repeat; clear:both; text-align:left; width:230px;float:left;}
.roary #intro p {color:#fff; width:180px; font-size:14px; margin-left:30px;}
.roary #intro-footer {width:230px; height:20px;background:url(roary/intro.gif) bottom left no-repeat;*/ border-bottom:4px solid #fff; }
.roary #footer {clear:both; background:url(roary/footer.gif) top center no-repeat; width:900px; margin:0 auto; height:130px; position:relative;}
.roary #footer p a { padding:0; margin:0; text-indent:-9999px; background:url(roary/print-page.gif) top left no-repeat; width:396px; height:68px; display:block; position:absolute; top:60px; left:255px; }
.roary ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top:200px;
	left:85px;
	height:73px;
	z-index:100;
	width:852px;
}

.roary ul#top-nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 73px;
	z-index:100;
}

.roary ul#top-nav li a {
	background: url(roary/top-nav.gif) no-repeat;
	display: block;
	height: 73px;
	outline: 0;
	text-indent: -999em;
	z-index:100;
}

.roary ul#top-nav li#butt-MenuItem1 a:link, .roary ul#top-nav li#butt-MenuItem1 a:visited {
	background-position: -0px -0px;
	width: 215px;
}

.roary ul#top-nav li#butt-MenuItem1 a:focus, .roary ul#top-nav li#butt-MenuItem1 a:hover, .roary ul#top-nav li#butt-MenuItem1 a:active {
	background-position: -0px -73px;
	width: 215px;
}


.roary ul#top-nav li#butt-MenuItem2 a:link, .roary ul#top-nav li#butt-MenuItem2 a:visited {
	background-position: -215px 0px;
	width: 261px;
}

.roary ul#top-nav li#butt-MenuItem2 a:focus, .roary ul#top-nav li#butt-MenuItem2 a:hover, .roary ul#top-nav li#butt-MenuItem2 a:active {
	background-position: -215px -73px;
	width: 261px;
}


.roary ul#top-nav li#butt-MenuItem3 a:link, .roary ul#top-nav li#butt-MenuItem3 a:visited {
	background-position: -476px -0px;
	width: 211px;
}

.roary ul#top-nav li#butt-MenuItem3 a:focus, .roary ul#top-nav li#butt-MenuItem3 a:hover, .roary ul#top-nav li#butt-MenuItem3 a:active {
	background-position: -476px -73px;
	width: 211px;
}

.roary ul#top-nav li#butt-MenuItem4 a:link, .roary ul#top-nav li#butt-MenuItem4 a:visited {
	background-position: -687px -0px;
	width: 165px;
}

.roary ul#top-nav li#butt-MenuItem4 a:focus, .roary ul#top-nav li#butt-MenuItem4 a:hover, .roary ul#top-nav li#butt-MenuItem4 a:active {
	background-position: -687px -73px;
	width: 165px;
}

.roary #nick {text-indent:-9999px; background:url(roary/nick.gif) top left no-repeat;  height:150px; width:300px; float:right;}

.roary .previous {
	margin-left: 50px;
}

/* FIFI */
	body.fifi {padding:0px;background:#eabbd7;color:#002f7b;font:80%/140% 'helvetica neue',sans-serif;text-align:center}
	.fifi h2{
	color:#002f7b ;
}
.fifi #wrapper { margin:0 auto;}
.fifi #branding { height:265px; width:1024px;  margin:0 auto; background:url(fifi/header.gif) top center no-repeat; position:relative;}
.fifi .logo {width:230px; height:166px; background:url(fifi/logo.gif) top center no-repeat; text-indent:-999em; position:absolute; top:10px; left:400px;}
	
.fifi #header {height:265px; margin:0 auto; position:relative;}
	
.fifi h1 {text-indent:-999em; background:url(fifi/intro-head.jpg) no-repeat top left; height:170px; margin-top:40px;}
	
	
.fifi #contents { width:1024px; margin:0 auto; background:url(fifi/side-border.gif) top center repeat-y; position:relative;}
	
	
	
.fifi #comic-strip {height:680px;}
.fifi #comic-container {width:660px; margin:0 0 0 0; background:transparent; position:absolute; padding:0; top:0; left:210px;}
	
.fifi a{color:#348;text-decoration:none;outline:none;}
.fifi a:hover{color:#67a;}
.fifi .caption{color:#888;position:absolute;top:250px;left:3px;width:50px;}
.fifi .demo{position:relative;margin-top:0;}
.fifi .comic{width:40px;float:right; margin:0 20px 0 0;}
.fifi .comic li{width:50px;height:65px;border:1px solid #fff;margin: 0 2px 2px 0;background:#eee;}
.fifi .comic li.hover{border-color:#bbb;}
.fifi .comic li.active{border-style:solid;border-color:#222;}
.fifi .comic li div{left:0px}
.fifi .comic li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
.fifi .galleria_container{margin:0;height:680px;width:560px; float:right;
		background:url(fifi/comic-frame.gif) -26px -40px no-repeat;
		}	
	
.fifi .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.fifi .info p{margin-top:1.6em;}
	
.fifi .replaced {padding:12px 10px 0 0;}
	
.fifi #top-nav {list-style-type:none;}
.fifi #intro {background:url(fifi/intro.gif) top center no-repeat; clear:both; text-align:left; width:230px;float:left;}
.fifi #intro p {color:#002f7b; width:180px; font-size:14px; margin-left:30px;}
.fifi #intro-footer {width:230px; height:20px;/*background:url(fifi/intro.gif) bottom left no-repeat;*/ border-bottom:15px solid #d6e03e; }
.fifi #footer {clear:both; background:url(fifi/footer.gif) bottom center no-repeat; width:900px; margin:0 auto; height:100px; position:relative;}
.fifi #footer p a {
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(fifi/print-page.gif) top left no-repeat;
	width:396px;
	height:90px;
	display:block;
	position:absolute;
	top:46px;
	left:255px;
}
.fifi ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top:201px;
	left:198px;
	height:73px;
	z-index:100;
	width:704px;
}

.fifi ul#top-nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 64px;
	z-index:100;
}

.fifi ul#top-nav li a {
	background: url(fifi/top-nav.gif) no-repeat;
	display: block;
	height: 64px;
	outline: 0;
	text-indent: -999em;
	z-index:100;
}

.fifi ul#top-nav li#butt-MenuItem1 a:link, .fifi ul#top-nav li#butt-MenuItem1 a:visited {
	background-position: -0px -0px;
	width: 178px;
}

.fifi ul#top-nav li#butt-MenuItem1 a:focus, .fifi ul#top-nav li#butt-MenuItem1 a:hover, .fifi ul#top-nav li#butt-MenuItem1 a:active {
	background-position: -0px -65px;
	width: 178px;
}


.fifi ul#top-nav li#butt-MenuItem2 a:link, .fifi ul#top-nav li#butt-MenuItem2 a:visited {
	background-position: -178px 0px;
	width: 175px;
}

.fifi ul#top-nav li#butt-MenuItem2 a:focus, .fifi ul#top-nav li#butt-MenuItem2 a:hover, .fifi ul#top-nav li#butt-MenuItem2 a:active {
	background-position: -178px -65px;
	width: 175px;
}


.fifi ul#top-nav li#butt-MenuItem3 a:link, .fifi ul#top-nav li#butt-MenuItem3 a:visited {
	background-position: -353px -0px;
	width: 176px;
}

.fifi ul#top-nav li#butt-MenuItem3 a:focus, .fifi ul#top-nav li#butt-MenuItem3 a:hover, ul#top-nav li#butt-MenuItem3 a:active {
	background-position: -353px -65px;
	width: 176px;
}

.fifi ul#top-nav li#butt-MenuItem4 a:link, .fifi ul#top-nav li#butt-MenuItem4 a:visited {
	background-position: -529px -0px;
	width: 175px;
}

.fifi ul#top-nav li#butt-MenuItem4 a:focus, .fifi ul#top-nav li#butt-MenuItem4 a:hover, .fifi ul#top-nav li#butt-MenuItem4 a:active {
	background-position: -529px -65px;
	width: 175px;
}

.fifi #nick {text-indent:-9999px; background:url(fifi/nick.gif) top left no-repeat;  height:150px; width:300px; float:right;}
.fifi #footer p.return a { padding:0; margin:0; text-indent:-9999px; background: url(fifi/web-address-290x42.gif) top left no-repeat; width:290px; height:42px; display:block; position:absolute; top:144px; left:310px; } 

.fifi .copyright, .noddy .copyright {
	text-indent: -999em;
}

.fifi .previous {
	margin-left: 30px;
}

/* noddy */


/* noddy */

body.noddy {padding:0px;background:transparent url(noddy/bg.gif) repeat;color:#333;font:80%/140% 'helvetica neue',sans-serif;text-align:center}
.noddy #wrapper {width:960px; margin:0 auto;  }
.noddy #header {height:265px; margin:0 auto; position:relative; width:960px;}
.noddy #contents { margin:0 auto; background:url(noddy/side-border.gif) left center repeat-y; width:960px; position:relative;}
.noddy #comic-strip {height:680px;}
.noddy #comic-container {width:660px; margin:0 0 0 0; background:transparent; position:absolute; padding:0; top:10px; left:230px;}

.ie .noddy #comic-container {width:660px; margin:0 0 0 0; background:transparent; position:absolute; padding:0; top:10px; left:250px;
	border: 1px solid red;
}
	
.noddy a{color:#348;text-decoration:none;outline:none;}
.noddy a:hover{color:#67a;}
.noddy .caption{color:#888;position:absolute;top:250px;left:3px;width:50px;}
.noddy .demo{position:relative;margin-top:0;}
.noddy .comic{width:40px;float:right; margin:0 20px 0 0;}
.noddy .comic li{width:50px;height:65px;border:1px solid #fff;margin: 0 2px 2px 0;background:#eee;}
.noddy .comic li.hover{border-color:#bbb;}
.noddy .comic li.active{border-style:solid;border-color:#222;}
.noddy .comic li div{left:0px}
.noddy .comic li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
.noddy .galleria_container{margin:0 5px 0 0;height:689px;width:550px; float:right;
		background:url(noddy/comic-frame.gif) -30px -40px no-repeat;
		}	
html>body.noddy .galleria_container{margin:0;height:689px;width:550px; float:right;
		background:url(noddy/comic-frame.gif) -30px -40px no-repeat;
		}
	
.noddy .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.noddy .info p{margin-top:1.6em;}
	
.noddy .nav{position:absolute;top:360px;left:0;}
	
.noddy .replaced {padding:12px 10px 0 0;}
.noddy #branding {
	height:280px;
	width:1024px;
	margin:auto;
	background:url(noddy/header.gif) top center no-repeat;
	position:relative;
}
.noddy #top-nav {list-style-type:none;}
.noddy #intro {
	background:url(noddy/intro.gif) top center no-repeat transparent;
	clear:both;
	min-height:300px;
	text-align:left;
	width:252px;
	float:left;
	position:relative;
}
.noddy #intro h1 {
	background:url(noddy/h1.gif) top left no-repeat;
	width:195px;
	height:130px;
	margin-left:33px;
	margin-top:30px;
	text-indent:-9999px;
}
.noddy #intro p {color:#fff; width:180px; margin-left:40px; font-size:14px;}
.noddy #intro .intro-copy {text-indent:-9999px; background:url(noddy/intro-copy.gif) top center no-repeat; height:230px;}
.noddy #intro #arrows {
	background:url(noddy/intro-bottom.gif) bottom center no-repeat;
	height:97px;
	position:relative;
}

.noddy #intro-footer {width:252px; height:90px;background:url(noddy/intro-bottom.gif) bottom left no-repeat}

.noddy #footer {clear:both; background:url(noddy/butt-border.gif) top left no-repeat; width:960px; margin:0 auto; height:124px; position:relative;}
.noddy #footer p a {
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(noddy/sky.gif) top left no-repeat;
	width:396px;
	height:70px;
	display:block;
	position:absolute;
	top:46px;
	left:255px;
}
 
	html>body.noddy #footer p a { position:absolute; top:0px; left:305px;width:394px; padding:0; margin:0; text-indent:-9999px; }
.noddy .print {position:absolute; left:20px; top:40px; height:70px;}
	
.noddy #footer p a {display:block; width:396px; height:70px; outline:0; background:url(noddy/sky.gif) top left no-repeat;}
.noddy #footer p a:link, .noddy #footer p a:visited {width:396px; background-position:-0px -0px;}
.noddy #footer p a:hover, .noddy #footer p a:focus  {width:396px; background-position:-0px -70px;}
.noddy ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top:177px;
	left:224px;
	height: 87px;
	width: 550px;
}

.noddy ul#top-nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 78px;
}

.noddy ul#top-nav li a {
	background: url(noddy/top-nav.gif) no-repeat;
	display: block;
	height: 102px;
	outline: 0;
	text-indent: -999em;
}

.noddy ul#top-nav li#butt-MenuItem1 a:link, .noddy ul#top-nav li#butt-MenuItem1 a:visited {
	background-position: -0px -0px;
	width: 190px;
}

.noddy ul#top-nav li#butt-MenuItem1 a:focus, .noddy ul#top-nav li#butt-MenuItem1 a:hover, .noddy ul#top-nav li#butt-MenuItem1 a:active {
	background-position: -0px -101px;
	width: 190px;
}

.noddy ul#top-nav li#butt-MenuItem2 a:link, .noddy ul#top-nav li#butt-MenuItem2 a:visited {
	background-position: -190px -0px;
	width: 180px;
}

.noddy ul#top-nav li#butt-MenuItem2 a:focus, .noddy ul#top-nav li#butt-MenuItem2 a:hover, .noddy ul#top-nav li#butt-MenuItem2 a:active {
	background-position: -190px -101px;
	width: 180px;
}

.noddy ul#top-nav li#butt-MenuItem3 a:link, .noddy ul#top-nav li#butt-MenuItem3 a:visited {
	background-position: -370px -0px;
	width: 180px;
}

.noddy ul#top-nav li#butt-MenuItem3 a:focus, .noddy ul#top-nav li#butt-MenuItem3 a:hover, .noddy ul#top-nav li#butt-MenuItem3 a:active {
	background-position: -370px -101px;
	width: 180px;
}

.noddy .previous {
	margin-left: 50px;
}

/* LazyTown */

/* lazy Promo */

.lazy #container {
	margin:0 auto;
	width:960px;
	background:transparent;
	
	}
.lazy #container li {
	margin:0 auto;
	width:600px;
	height:750px;
	background:url(lazy/comic-fr.png) -00px 10px no-repeat;
}

.lazy #container ul li img {
	margin-top:62px;
}

body.lazy {padding:0px;background:#ffe512;color:#555;font:80%/140% 'helvetica neue',sans-serif;text-align:center;
padding:0; margin:0;}
.lazy #wrapper { margin:0 auto;}
.lazy #branding { height:285px; width:1024px;  margin:0 auto; background:url(lazy/header00.jpg) top center no-repeat; position:relative;}
.lazy #header {height:285px;margin:0 auto; position:relative;}
.lazy h1, .lazy h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.lazy h1 {text-indent:-999px; background:url(lazy/intro-he.gif) no-repeat top left; height:150px; margin-top:20px;}

.lazy h2, .noddy h2, .fifi h2 {
	color: #00539b;
	font-size: 12px;
	width: 180px;
	margin-left: 30px;
	letter-spacing: normal;
	text-transform: uppercase;
}
	
	
.lazy #contents { width:1024px; margin:0 auto; background:url(lazy/side-bor.gif) top center repeat-y; position:relative;}
	
	
	
.lazy #comic-strip {height:700px;}
.lazy #comic-container {width:660px; margin:0 0 0 0; background:transparent; position:absolute; padding:0; top:0; left:210px;}
	
.lazy a{color:#348;text-decoration:none;outline:none;}
.lazy a:hover{color:#67a;}
.lazy .caption{color:#888;position:absolute;top:250px;left:3px;width:50px;}
.lazy .demo{position:relative;margin-top:0;}
.lazy .comic{width:40px;float:right; margin:0 20px 0 0;}
.lazy .comic li{width:50px;height:65px;border:1px solid #fff;margin: 0 2px 2px 0;background:#eee;}
.lazy .comic li.hover{border-color:#bbb;}
.lazy .comic li.active{border-style:solid;border-color:#222;}
.lazy .comic li div{left:0px}
.lazy .comic li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
.lazy .galleria_container{margin:0;height:680px;width:560px; float:right;
		background:url(lazy/comic-fr.gif) -26px -40px no-repeat;
		}	
	
.lazy .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.lazy .info p{margin-top:1.6em;}
	
.lazy .nav{}
	
.lazy .replaced {padding:12px 10px 0 0;}
	
.lazy #top-nav {list-style-type:none;}
.lazy #intro {background:url(lazy/intro000.gif) top center no-repeat; clear:both; text-align:left; width:230px;float:left;}
.lazy #intro p {color:#fff; width:180px; font-size:14px; margin-left:30px;}
.lazy #intro-footer {width:230px; height:20px;background:url(lazy/intro000.gif) bottom left no-repeat;*/ border-bottom:4px solid #fff; }
.lazy #footer {clear:both; background:url(lazy/footer00.gif) top center no-repeat; width:900px; margin:0 auto; height:130px; position:relative;}
.lazy #footer p a { padding:0; margin:0; text-indent:-9999px; background:url(lazy/print-pa.gif) top left no-repeat; width:396px; height:68px; display:block; position:absolute; top:60px; left:255px; }
.lazy ul#top-nav {
height:73px;
left:189px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:184px;
width:722px;
z-index:100;
}

.lazy ul#top-nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 83px;
	z-index:100;
}

.lazy ul#top-nav li a {
	background: url(lazy/top-nav0.gif) no-repeat;
	display: block;
	height: 83px;
	outline: 0;
	text-indent: -999em;
	z-index:100;
}

.lazy ul#top-nav li#butt-MenuItem1 a:link, .lazy ul#top-nav li#butt-MenuItem1 a:visited {
	background-position: -0px -0px;
	width: 180px;
}

.lazy ul#top-nav li#butt-MenuItem1 a:focus, .lazy ul#top-nav li#butt-MenuItem1 a:hover, .lazy ul#top-nav li#butt-MenuItem1 a:active {
	background-position: -0px -84px;
	width: 180px;
}


.lazy ul#top-nav li#butt-MenuItem2 a:link, .lazy ul#top-nav li#butt-MenuItem2 a:visited {
	background-position: -180px 0px;
	width: 180px;
}

.lazy ul#top-nav li#butt-MenuItem2 a:focus, .lazy ul#top-nav li#butt-MenuItem2 a:hover, .lazy ul#top-nav li#butt-MenuItem2 a:active {
	background-position: -180px -84px;
	width: 180px;
}


.lazy ul#top-nav li#butt-MenuItem3 a:link, .lazy ul#top-nav li#butt-MenuItem3 a:visited {
	background-position: -360px -0px;
	width: 180px;
}

.lazy ul#top-nav li#butt-MenuItem3 a:focus, .lazy ul#top-nav li#butt-MenuItem3 a:hover, .lazy ul#top-nav li#butt-MenuItem3 a:active {
	background-position: -360px -84px;
	width: 180px;
}

.lazy ul#top-nav li#butt-MenuItem4 a:link, .lazy ul#top-nav li#butt-MenuItem4 a:visited {
	background-position: -540px -0px;
	width: 180px;
}

.lazy ul#top-nav li#butt-MenuItem4 a:focus, .lazy ul#top-nav li#butt-MenuItem4 a:hover, .lazy ul#top-nav li#butt-MenuItem4 a:active {
	background-position: -540px -84px;
	width: 180px;
}

.lazy .previous {
	margin-left: 50px;
}

.lazy p.copyright {
	width: 600px;
	margin: 0 auto;
}