@font-face {
    font-family: 'marioClassic';
    src: url('font/supermario256-webfont.eot');
    src: url('font/supermario256-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/supermario256-webfont.woff') format('woff'),
         url('font/supermario256-webfont.ttf') format('truetype'),
         url('font/supermario256-webfont.svg#doomregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'marioTitle';
    src: url('font/super_mario_bros-webfont.eot');
    src: url('font/super_mario_bros-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/super_mario_bros-webfont.woff') format('woff'),
         url('font/super_mario_bros-webfont.ttf') format('truetype'),
         url('font/super_mario_bros-webfont.svg#doomregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{padding:0;margin:0;}

html, body{height:100%;}
body{color:#fff;font-family:marioClassic, Georgia, Geneva, Arial, sans-serif;height:100%;}
.wrap{height:1500px;}

#ContentWrapper{margin-left:auto;margin-right:auto;width:1000px;overflow:hidden;}
.fp{background:#98e0e0 url(i/background.png) repeat;padding:30px 0 100px;}

#UpdateBar{position:static;width:960px;height:64px;background:#000;background-color:white;
color:#036;border:5px solid white;font-size:9px;font-family:Verdana, Geneva, sans-serif;}
#CCatLogo{width: 54px;height: 64px;float:right;}
canvas{display:block;border:5px solid white;box-shadow:0 0 15px #000;background:none;overflow:hidden;
	box-sizing:border-box;-moz-box-sizing: border-box;
	border-style:solid;border-width:16px 17px 17px 16px;
	-moz-border-image:url(i/borderz.png) 16 16 16 16 repeat;
	-webkit-border-image:url(i/borderz.png) 16 16 16 16 repeat;
	-o-border-image:url(i/borderz.png) 16 16 16 16 repeat;
	border-image: url(i/borderz.png) 16 16 16 16 fill repeat;
}

.scrollblock{width: 100%;}
#example1{position:absolute;background:#000;top:1000px;}

.consol a{float:left;margin-left:10px;color:#fff;text-transform:uppercase;
	text-decoration:none;color:#000;padding:10px;
	background:#fff;border-radius:0 0 15px 15px;box-shadow:0 0 10px #000;opacity:0.9;
}
.consol{clear:both;overflow:hidden;display:block;padding-bottom:10px;}
.consol a span{float:left;margin-right:5px;width:16px;height:16px;background:url(i/note2.gif) no-repeat 0 0;}
.consol a.music span{background-image:url(i/note1.gif);}
.consol a.music.off span,
.consol a.off span{background-image:url(i/off.png);}

.like{margin:50px auto 50px;padding:42px 0 5px 30px;width:250px;background:url(i/lakitu.png) rgba(250,250,250,0.6) no-repeat 10% 10px;border-radius:10px;}

h2{font-family:marioTitle;font-size:50px;margin:20px 0;}

.explanation{padding:100px 0 200px;background:#98e0e0 url(i/sectionBG1.png) 100% 100% repeat-x;}
.concept{padding:100px 0 200px;background:#a8b800 url(i/sectionBG2.png) 100% 100% repeat-x;}

.backtotopinstance{cursor:pointer;
position:fixed;right:50px;bottom:0px;background:url(i/toTop.png) 50% 100% no-repeat;
border-radius:3px 3px 3px 3px;padding: 15px 25px;}
body .backTopLink{border-radius:3px;bottom:0px;display:none;height:60px;position:fixed;right:50px;text-indent:-9999px;width:60px;}

.box{clear:both;overflow:hidden;margin-left:auto;margin-right:auto;width:1000px;display:block;color:#000;width:960px;box-shadow:0 0 10px #000;
	background:url(i/bg3.png) repeat 0 0;border-style:solid;border-width:16px 17px 17px 16px;
	-moz-border-image:url(i/borderz4.png) 16 17 17 16 repeat;-webkit-border-image: url(i/borderz4.png) 16 17 17 16 repeat;
	-o-border-image: url(i/borderz4.png) 16 17 17 16 repeat;border-image: url(i/borderz4.png) 16 17 17 16 fill repeat;
}

.box h2{text-shadow:0 0 5px #000;color:#fff;margin-left:20px;}
.box p{font-size:35px;color:#000;text-shadow:0 0 1px #fff;padding:0 0 20px 0;margin-left:100px;text-transform:uppercase;}
.box img{float:right;margin-right:136px;}
.box p a{text-shadow:2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff;text-decoration:none;}

.explaination p{width:500px;font-size:34px;}
.explanation .box p{color:#6c4f37;}

.box2{background:url(i/bg5.png) repeat 0 0;
	-moz-border-image:url(i/borderz5.png) 16 17 17 16 repeat;
	-webkit-border-image: url(i/borderz5.png) 16 17 17 16 repeat;
	-o-border-image: url(i/borderz5.png) 16 17 17 16 repeat;
	border-image: url(i/borderz5.png) 16 17 17 16 fill repeat;
}

.concept .box p{color:#426217;}
.concept .box p a{color:#426217;}
.concept .box p a:hover,
.concept .box p a:focus{color:#000;}

.specialthanks{padding:100px 0 0;background:#a8b800 url(i/sectionBG3.png) 100% 100% repeat;overflow:hidden;}

section{border-top:1px solid #000;}

.box3{margin-bottom:200px;background:url(i/bg6.png) repeat 0 0;
	-moz-border-image:url(i/borderz6.png) 16 17 17 16 repeat;
	-webkit-border-image: url(i/borderz6.png) 16 17 17 16 repeat;
	-o-border-image: url(i/borderz6.png) 16 17 17 16 repeat;
	border-image: url(i/borderz6.png) 16 17 17 16 fill repeat;
}
.box3 p,
.box3 p a{color:#0e242f;}
.box3 p a:hover{color:#000;}

.box3 a.twitter{padding-left:25px;background:url(i/twitter.png) no-repeat 0 50%;}
.box3 a.email{padding-left:20px;background:url(i/email.png) no-repeat 0 50%;}