html, body {margin: 0;padding: 0;height: 100%;width: 100%;}
body.hidden {overflow: hidden;}
* {	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;}
h2 {font-family: Helvetica, Arial, Verdana;	font-weight:normal;font-size:36px;color:#222222;}
.pagewrap {height: 400px;}
.pageblock {width: 100%;}
.pagewrap .fb-like {position: fixed;left: 30px;top: 75px;z-index: 100;}
.pagewrap .githubbuttons {position: fixed;left: 220px;top: 75px;z-index: 100;}
.pagewrap .copy {font-size: 10px;bottom: 20px;left: 30px;z-index: 100;position: absolute;color: white;}
.pagewrap .copy a, .pagewrap .copy a:hover {color: white;}
.pageblock#fullscreen {	height: 400px;background: none;color: white;}
.pageblock#fullscreen h2 {color: white;font-size: 72px;	margin: 0;	padding: 0;	font-family: 'sxehwcmaax-blackblack', Helvetica, Arial, Verdana;font-weight:normal;}
.pageblock#fullscreen .slider {width: 100%;height: 400px;overflow: hidden;position: relative;}
.pageblock#fullscreen .slider .slide {width: 100%;height: 400px;top: 0;left: 0;float: left;position: absolute;}
.pageblock#fullscreen .slider .slide .slidecontent {position: absolute;	top: 60%;width: 100%;margin-top: -150px;text-align: center;}
.pageblock#fullscreen .slider .slide .slidecontent h2 {	text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);font-weight: bold;	font-size: 48px;margin: 20px 0 30px 0;padding: 0;line-height: 80px;}
.pageblock#fullscreen .slider .slide .slidecontent h2 a{text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);font-weight: bold;	font-size: 48px;margin: 20px 0 30px 0;padding: 0;line-height: 80px; text-decoration:none; color:#F00;}
.pageblock#fullscreen .slider .slide .slidecontent .headersur {font-size: 30px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);color: #f0f0f0;font-style: italic;display: block;}
.pageblock#fullscreen .slider .slide .slidecontent .button {padding: 5px 25px 5px;	border: 0px solid white;text-transform: uppercase;background: transparent;background: none;color: white;font-size: 15px;font-weight: bold;display: inline-block;
cursor: pointer;letter-spacing: 1px;margin: 5px 0;line-height: 10px;}
.pageblock#fullscreen .slider .slide .slidecontent .button a, .pageblock#fullscreen .slider .slide .slidecontent .button a:hover {text-decoration: none !important;color: white;}
.pageblock#fullscreen .slider .slide .slidecontent .button:hover {background: rgba(0, 0, 0, .3);}
.pageblock#fullscreen .slider .slide .slidecontent .text {width: 1000px;margin: 0 auto;line-height: 10px;}
.pageblock#fullscreen .slider .slide .slidecontent .text a {color: white;text-decoration: underline;}
.pageblock#fullscreen .slider .slide .slidecontent .text a:hover {text-decoration: none;}
.pageblock#fullscreen .slider .slide .slidecontent .text xmp {font-size: 13px;text-align: left;	border: 1px solid white;background: rgba(0, 0, 0, 0.1);	padding: 10px 15px;}
.pageblock#fullscreen #slideposition {position: absolute;top: 521px;left: 46%;}
.pageblock#fullscreen #slideposition ul {list-style-type: none;	margin: 0;padding: 0;}
.pageblock#fullscreen #slideposition ul li.indicator { float:left;display: inline-block;height: 10px;width: 10px;background:#68cdc9;margin: 0px 7px;padding: 0;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;overflow: hidden;cursor: pointer;}
.pageblock#fullscreen #slideposition ul li.indicator.active {background: red;}