html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	background: rgb(30, 30, 30);
	color: rgb(200,200,200);
	font-size: 1.4em;
}

a:link {
    color:  rgb(225,75,0);
}
a:visited {
    color: rgb(224,75,0);
}

a:hover {
    color:  rgb(255,100,0);
}

a:active {
    color:  rgb(255,100,0);
}


/* Header */

#header {
	height: 360px;
	background: url("bg.png");
	background-repeat: none;
	padding-top: 20px;
}

#infobox {
	height: 320px;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	background: rgba(40, 40, 40, .85);
	border-radius: 10px;
	padding: 25px;
	margin-top: 0;
	text-align: center
	
}

#infobox h1 {
	margin-top: 0;
	margin-bottom: 0.5em;
	color: rgb(255, 100,0);
	font-weight: 100;
	font-size: 5em;
}



#infobox h2 {
	
	
	font-weight: 100;
	margin-bottom: 0.0em;
	font-size: 1.5em;
}



#mainbody h1 {
	margin-top: 15px;
	margin-bottom: 10px;
	color: rgb(255, 100, 0);
	font-weight: 100;
	font-size: 3em;
}

#mainbody strong {
	color: rgb(230, 230, 230);	
}



#samples {
	
	margin-left: 0em;
}

#samples h2 {
	margin-bottom: 0;
	color: rgb(200, 200, 200);
	font-weight: 100;
	font-size: 1.8em;
}

#samples h3 {
	margin-left: 0.5em;
	margin-top: 10;
	margin-bottom: 5px;
	color: rgb(180, 180, 180);
	font-weight: 100;
	font-size: 1.3em;
}

#sampleCat {
	margin-top: 10px;
	margin-left: 0em;
}

#codeblock {
	margin-top: 0px;
	margin-left: 0em;
}


#jumpto .btn {
	width: 80px;
	margin-left: 0em;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	background: none;
	border: 2px solid rgb(127, 50, 0);
	color: rgb(255, 100, 0);
	font-size: 1.5em;
	font-weight: bold;
}

#jumpto .btn:hover {
	background: rgb(127, 50, 0);
}


#jumpto .download-button {
	width: 10em;
	height: 2.2em;
}