@font-face {
 font-family: 'Adventor';
 src: url('texgyreadventor-regular-webfont.eot?') format('eot'), url('texgyreadventor-regular-webfont.woff') format('woff'), url('texgyreadventor-regular-webfont.ttf') format('truetype'), url('texgyreadventor-regular-webfont.svg#webfontq8JY2DYb') format('svg');
 font-weight: normal;
 font-style: normal;
}


body
{
 font-family: 'Adventor', 'URW Gothic', sans-serif;
 color: rgb(64,64,64);
 width: 960px;
 margin: 30px auto auto  auto;
}

html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

h1
{
 font-size: 56px;
 font-weight: normal;
 margin: 0 0 20px 0;
 z-index: 999;
 position: relative;
 width: 270px;
}

h1 a
{
 color: rgb(64,64,64);
 text-decoration: none;
}

h1 span.grab
{
 color: rgb(0, 180, 222);
}

h1 span.trademark
{
 color: rgb(190,190,190);
 font-size: 12px;
 vertical-align: 180%;
}

h2
{
 font-weight: normal;
 font-size: 30px;
 margin: 0;
}

p
{
 margin: 0;
}

p.intro
{
 font-size: 24px;
}

p.tagline, p.tagline a
{
 font-size: 18px;
 color: rgb(125,125,125);
 margin: 0 0 20px 0;
}

p.tagline a:hover
{
 color: rgb(185,185,185);
}

span.buttons
{
 display: block;
 border: 1px solid rgb(240,240,240);
 background: rgb(254,254,254);
 padding: 8px;
 text-align: center;
 -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}

span.buttons .button
{
 display: inline-block;
 width: 305px;
 font-size: 20px;
 text-align: left;
 margin: 0px 20px;
}

span.buttons .button a.button-link
{
 display: inline-block;
 padding: 3px;
 border: 1px solid rgb(230,230,230);
 background-color: rgb(255,255,255);
 text-decoration: none;
 padding-left: 55px;
 width: 250px;
 line-height: 80%;
 border-radius: 4px;
}

span.buttons .button .button-additional
{
 font-size: 10px;
}

span.buttons .button a.button-info
{
 font-size: 10px;
 margin-left: 12px;
 display: block;
 text-decoration: none;
 width: auto;
}

span.buttons .button a.button-info:hover
{
 text-decoration: underline;
}

span.buttons .download-button a.button-link
{
 background-image: url(download.png);
 background-position: 12px center;
 background-repeat: no-repeat;
}

span.buttons .download-button a
{
 color: rgb(0,180,222);
}

span.buttons .download-button a.button-link:hover
{
 background-color: rgb(0,180,222);
 background-image: url(download-hover.png);
 color: rgb(255,255,255);
}

span.buttons .donate-button a.button-link
{
 background-image: url(donate.png);
 background-position: 12px center;
 background-repeat: no-repeat;
}

span.buttons .donate-button a
{
 color: rgb(255,55,135);
}

span.buttons .donate-button a.button-link:hover
{
 background-color: rgb(255,55,135);
 background-image: url(donate-hover.png);
 color: rgb(255,255,255);
}

.content
{
 color: rgb(140,140,140);
 margin-top: 30px;
}

#why-donate  p.intro
{
 font-size: 13px;
}

#why-donate span.donation-method
{
 font-size: 20px;
}

#why-donate ul
{
 margin: 0;
 padding: 0;
 margin-top: 10px;
}

#why-donate ul li
{
 margin-right: 11px;
 list-style: none;
 display: block;
 float:left;
 height: 200px;
 padding: 2px;
}

#why-donate ul li#donate-paypal
{
 width: 616px;
}

#why-donate ul li#donate-bank
{
 width: 308px;
}

#why-donate .donation-method
{
 font-size: 18px;
}

#why-donate a
{
 color: #FF3787;
 font-size: 20px;
 display: inline-block;
 padding: 2px;
 text-decoration: none;
 padding-right: 25px;
}

#why-donate a:hover
{
 color: #fff;
 background: #FF3787;
}

#download-options p.intro
{
 font-size: 18px;
}

#download-options ul
{ margin: 20px 0;
 padding: 0;
}

#download-options ul li
{
 margin-right: 11px;
 list-style: none;
 display: block;
 width: 300px;
 float: left;
 color: rgb(140,140,140);
 padding: 6px;
 opacity: 0.5;
 height: 400px;
}

#download-options ul li:hover, #download-options ul li.active
{
 -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 opacity: 1;
}

#download-options ul li:last-child
{
 margin-right: 0;
}

#download-options #download-linux
{
 background-image: url(linux.png);
 background-repeat: no-repeat;
 background-position: center 10px;
}

#download-options #download-mac
{
 background-image: url(mac.png);
 background-repeat: no-repeat;
 background-position: center 10px;
}

#download-options #download-windows
{
 background-image: url(windows.png);
 background-repeat: no-repeat;
 background-position: center 10px;
}

span.download-os
{
 font-size: 22px;
}

span.download-content
{
 display: block;
 margin-top: 50px;
}

#download-options a.start-download
{
	color: #aaa;
	padding: 4px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #eee;
	text-decoration: none;
	margin-bottom: 10px;
	 -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 	box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}

#download-options a.start-download:hover
{
	color: #fff;
	background: rgb(0,180,222);
}

span.clear
{
 display: block;
 clear: both;
}

#legallinks
{
 font-size: 8px;
 text-align: center;
 margin-top: 10px;
 clear: both;
}

#legallinks a
{
 text-decoration: none;
 color: #aaa
}

#legallinks a:hover
{
 color: #888;
}

#legal a
{
 color: rgb(120,120,120);
 text-decoration: underline;
}

#legal a:hover
{
 color: rgb(140,140,140);
}

#legal .legal-column
{
 display: block;
 height: 120px;
 width: 470px;
 float: left;
 padding-right: 10px;
}

#legal p.intro
{
 font-size: 13px;
}

#more .screenshot
{
 float: left;
 margin-right: 10px;
}

#more iframe.screenshot
{
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
 	box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}

#advertisement
{
	margin-top: 40px;
	border: 1px solid rgb(240,240,240);
	background: rgb(254,254,254);
	padding: 8px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.03);
	color: rgb(140,140,140);
	font-size: 10px;
	line-height: 30px;
	vertical-align: middle;
}

#language-switcher
{
	position: absolute;
	right: 60px;
	top: -12px;
 	width: 100%;
 	z-index: -0;
	text-align: right;
}

#language-switcher .links
{
	display: block;	
	width: 960px;
 	margin: 64px auto auto  auto;
}

#language-switcher .links a.first
{
	margin-left: 280px;
}

#language-switcher .links a.newline {
	margin-left: 280px;
}

#language-switcher .links a
{
	font-size: 12px;
	text-decoration: none;
	color: #aaa;
}

#language-switcher .links a:hover
{
	text-decoration: underline;
}

#twitter
{
 font-size: 12px;
 text-align: center;
 margin-top: 10px;
 clear: both;
}

#twitter a, ul a
{
	color: rgb(0, 180, 222);
}