html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear { display: inline-block; }
.clear { display: block; }

body {
	background: #FFFFFF;
	color: #666666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	overflow-x: hidden;
}

#main > header {
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
}

header img {
	border-radius: 5px;
}

a {
	color: #3b4043;
	font-weight:600;
	text-decoration: none;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

a:hover, a:active {
	color: #3399FF;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	color: #A6A6A6;
	float: left;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 30px 0;
	margin: 0 10px 0 0;
	text-transform: uppercase;
}

nav ul a {
	margin-right: 10px;
}

nav ul li .disable {
	color: #AEAEAE;
	cursor: default;
}

nav ul li .divider, ul.aboutfott .divider {
	color: #AEAEAE;
}

nav a:hover, nav a:active {
	color: #3399FF;
}

nav#navigation-right ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

nav#navigation-right ul li {
	float: left;
	margin-left: 10px;
	padding: 26px 0;
}

#description {
	border-bottom: 1px solid #efefef;
}

#description > h1 {
	margin: 0;
	padding: 30px 10px;
	color: #AEAEAE;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 300;
}

#description .highlight {
	color: #52b9da;
	font-weight: 400;
	border-bottom: 1px solid #DADADA;
}

#files-image {
	padding: 50px 0px;
	border-bottom: 1px solid #efefef;
}

#files-font  {
	padding: 50px 0px 20px 0;
	border-bottom: 1px solid #efefef;
}

#about  {
	padding: 30px 0px 50px 0;
}

section#files-image aside, section#files-font aside {
	float: left;
	width: 460px;
	border: 5px solid rgba(243,243,243,0.5);
    border-radius: 5px;
	margin-right: 30px;
	position: relative;
}
section#files-image aside img, section#files-font aside img {
	padding: 0 20px;
}

section#files-image article > div, section#files-font article > div {
	float: left;
	width: 460px;
}

section#about aside {
	float: left;
	width: 280px;
	margin-right: 30px;
	position: relative;
}

section#about article > div {
	float: left;
	width: 650px;
}

.description-files h2.icons {
	background: url(../img/files.png) no-repeat;
	padding: 10px 0 20px 68px;
}

.description-files h2.fonts {
	background: url(../img/font.png) no-repeat;
	padding: 13px 0 20px 68px;
}

.description-files h2.info {
	padding: 30px 0 20px 0px;
}

aside h2.about {
	background: url(../img/about.png) -7px 0 no-repeat;
	padding: 30px 0 20px 58px;	
}

ul.aboutfott {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.aboutfott li {
	float: left;
	font-size: 14px;
	margin-right: 10px;
}

ul.aboutfott a {
	margin-right: 10px;
}

h2 {
	color: #3b4043;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.art { 
	padding-bottom: 20px;
}

.classes {
	padding-left: 68px;
}

.classesTwo {
	padding-left: 0px;
}

.download {
	background: url(../img/download.png) no-repeat 20px 10px #3399FF;
	border-radius: 3px;
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 20px 20px 20px 70px;
	margin: 20px 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}

.donate { 
	background: url(../img/donate.png) no-repeat 20px 10px #3399FF;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 16px 20px 20px 70px;
	margin: 20px 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	position:absolute;
	left: 160px;
	bottom: -50px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.download span {
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-left: 5px;	
}

.download:hover {
	background: url(../img/download.png) no-repeat 20px 10px #3b4043;
	color: #fff; 
}

.donate:hover {
	background: url(../img/donate.png) no-repeat 20px 10px #3b4043;
	color: #fff; 
}

pre {
	overflow: auto;
	padding: 10px;
}

pre, code {
	background: #f6f6f6;
    color: #3b4043;
    font-family: "Courier New", Courier, monospace !important;
    font-size: 12px;
	margin: 30px 0;
}

p {
    font-size: 14px;
    line-height: 22px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 10px 0;
}

strong {
	font-weight: 500;
}