body,html{
	height:100%;
	position:relative;
	background:url('../images/bg.jpg');
	font: 12px Georgia, serif;
}

#wrapper{
	min-height:100%;
	position:relative;
	width:992px;
	/*background:url('../images/wrapper_bg.jpg');*/
}
	#bg_pics{
		width:151px;
		height:292px;
		background:url('../images/bg_pics.png') top left no-repeat;
		position:absolute;
	}
	#bg_eyes{
		margin-top:13px;
		width:105px;
		height:150px;
		background:url('../images/bg_eyes.png') top left no-repeat;
		z-index: 2;
		position:absolute;
		top:292px;
	}
	
#cloud1, #cloud2, #cloud3{
	position:absolute;
	background-repeat:no-repeat;
	background-position:top left;
}
#cloud1{
	background-image:url('../images/cloud1.png');
	top:15px;
	left:22px;
	width:138px;
	height:104px;
}
#cloud2{
	background-image:url('../images/cloud2.png');
	width:228px;
	height:172px;
	top:5px;
	left:838px;
}
#cloud3{
	background-image:url('../images/cloud3.png');
	width:110px;
	height:83px;
	left:98px;
	top:251px;
}
#clouds_layer {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width:100%;
	height:350px;
	overflow:hidden;
}


#content{
	/*padding-bottom:100px;*/
	width:850px;
	background:rgb(242,242,242);
	background:rgba(242,242,242,0.95);
	height:100%;
	position:relative;
	left:142px;
	top:0; 
	z-index: 3;
}
	.leftShadow, .rightShadow{
		position:absolute;
		width:4px;
		height:100%;
		top:0;
		background-image:url('../images/shadow.png');
		background-repeat:repeat-y;
	}

	.leftShadow{
		left:-4px;
		background-position:top left;
	}
	.rightShadow{
		right:-4px;
		background-position:top right;
	}
	
	
	#content h1.ydek{
		background:url('../images/ydek.png') no-repeat;
		width:219px;
		height:144px;
		position:absolute;
		top:88px;
		left:-97px;
		text-indent: -999em;
		z-index: 1;
	}
		.all #content h1.ydek {
			background-position: 0 0;
		}
		.interactive #content h1.ydek {
			background-position: 0 -144px;
		}
		.video #content h1.ydek {
			background-position: 0 -288px;
		}
	#zebra_snake{
		background:url('../images/zebra_snake.png') top left no-repeat;
		width:308px;
		height:160px;
		position:absolute;
		left:-6px;
	}
	#welcome {
		margin: 0 50px 0 195px;
		font-style: italic;
		font-size: 14px;
	}
	#welcome strong {
		font-size: 24px;
		font-style: normal;
	}
	header{
		margin:106px 271px 0 155px;
		background:url('../images/snow_flake.gif') top left no-repeat;
		padding:11px 0 0 35px;
		float:left;

	}
		header h1{
			font-size:24px;
			text-transform:uppercase;
			font-weight:normal;
			color:#fff;
			padding-left:5px;
			line-height:26px;
		}
			.all header h1 {
				background: #00aeef;
			}
			.interactive header h1 {
				background: #ec008c;
			}
			.video header h1 {
				background: #8dc63f;
			}
		header address{
			font-size:13px;
			font-style:normal;
			margin-top:8px;
			line-height:18px;
			padding-left:5px;
			margin-bottom: 30px;
		}
		menu{
			font-size:30px;
			
			float:right;
			margin:38px 0 25px 0;
		}
		menu li{
			float:left;
			padding-right:35px;
			height:51px;
			line-height:51px;
			background:url('../images/menu_slant.gif') right center no-repeat;
		}
		menu li:last-child, .last-child{
			background-image:none;
			padding-right: 60px;
		}
		menu li a {
			color: inherit;
			text-decoration: none;
		}
			menu li.all a:hover, menu li.all a.selected {
				color: #00aeef;
			}
			menu li.interactive a:hover, menu li.interactive a.selected {
				color: #ec008c;
			}
			menu li.video a:hover, menu li.video a.selected {
				color: #8dc63f;
			}
		menu li a:hover {
		}
	
		article{
			clear:both;
			display:block;
			margin:11px 9px;
			background:#fff;
			border: 1px solid #333;
			padding:25px 45px;
			position: relative;
			float:left;
			width:739px;
		}
			article .bullet {
				display: block;
				position: absolute;
				top: 27px;
				left: 18px;
				width: 15px;
				height: 15px;
				background: url('../images/bullets.gif') no-repeat;
			}
			article.video .bullet {
				background-position: 0 -15px;
			}
			article h1, article h2 {
				display: inline;
				padding: 5px 10px;
				background: #000;
			}
			article h1 {
				font-size: 24px;
			}
				article.interactive h1, article.interactive h2 {
					color: #ec008c;
				}
				article.video h1, article.video h2 {
					color: #8dc63f;
				}
			
			article h2 {
				font-size: 18px;
				margin-top: 4px;
				margin-bottom: 30px;
			}
			article h3 {
				font-size: 12px;
				margin-bottom: 5px;
			}
			article p {
				width: 420px;
				line-height: 1.5em;
			}
			article a.thumbnail {
				display: none;
				width: 269px;
				height: 146px;
				border: 1px solid #000;
				position:relative;
			}
			article .right img {
				border: 1px solid #000;
			}
			
			.right > a.thumbnail:first-child{display:block;}
			article a.thumbnail:hover {
				
			}
				article a.thumbnail:hover span{
					display:block !important;
					background:url('../images/thumbs/plus.gif') center center no-repeat #000 !important;
					background:url('../images/thumbs/plus.gif') center center no-repeat rgba(0,0,0,0.5) !important;
				}
				article a.thumbnail span{
					display:block;
					position:absolute;
					width:100%;
					height:100%;
					z-index:3;
				}
				article.video a.thumbnail span{
					background:url('../images/thumbs/play.png') center center no-repeat;
				}
				article.interactive a.thumbnail span{
					background:url('../images/thumbs/plus.gif') center center no-repeat #000;
					background:url('../images/thumbs/plus.gif') center center no-repeat rgba(0,0,0,0.5);
					display:none;
				}	
			article a.go {
				display: block;
				width: 125px;
				width:170px;
				height: 25px;
				border: 1px solid #000;
				position: absolute;
				bottom: 25px;
				right: 45px;
				color: #000;
				background: url('../images/thumbs/arrows.png') no-repeat 139px -27px;
				line-height: 25px;
				text-align: center;
				/*padding-right: 45px;*/
				font-size: 14px;
				text-decoration: none;
			}
			.interactive a.go{background-position:139px 0;
				padding-right:10px;
				width:160px;
				}
			.video a.go{background-position:139px -54px;}
			a.go:hover{
				background-color: #00aeef;
				background-position:139px -81px;
				color:#fff;
			}
			article .left {
				float: left;
				clear: left;
			}
			article .right {
				float: right;
				clear: right;
				padding-bottom:50px;
			}
	
footer {
	/*position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	background:#eee;*/
	}

.caps {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}

sup {
	vertical-align: super;
	font-size: 0.5em;
	line-height: 1em;
}