body {
  background: #fafafa;
  color: #222;
}

.link {
  color: #2070df;
}

.navigation:hover .navigation-bar {
  background: -webkit-radial-gradient(50% 100%, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 66%);
  background: -moz-radial-gradient(50% 100%, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 66%);
  background: -ms-radial-gradient(50% 100%, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 66%);
  background: -o-radial-gradient(50% 100%, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 66%);
  background: radial-gradient(50% 100%, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 66%);
}

.navigation .navigation-item a {
  color: #555;
  color: rgba(0, 0, 0, 0.66);
}

.navigation .navigation-item a:hover {
  color: #444;
  color: rgba(0, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.1);
}

.navigation .navigation-item a:active {
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  background: #000;
  background: rgba(0, 0, 0, 0.125);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.15)), color-stop(1, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.1));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba( 0, 0, 0, 0.1));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.1));
  background: gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.1));
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  -ms-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
}

.navigation .navigation-item.selected a {
  color: #444;
  color: rgba(0, 0, 0, 0.85);
  background: #000;
  background: rgba(0, 0, 0, 0.075);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(1, rgba(0, 0, 0, 0.05)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
  background: gradient(top, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  -ms-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0px 1px 0 rgba(255, 255, 255, 0.2):
}

.navigation a:hover .navigation-icon {
  opacity: 0.75;
}

.navigation-title {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.navigation:hover .navigation-separator {
  opacity: 0.4;
}

#header-headline {
  color:#888;
}

#header-button-macappstore, #header-button-appstore {
  opacity: 0.75;
}

#header-button-macappstore:hover, #header-button-appstore:hover {
  opacity: 1.0;
}

#overview-section {
  background: #e6e6e6;
}

.overview-link:hover {
  color: #2070df;
}

.feature-headline {
  color: #888;
}

.new-badge {
  background-color: #c4ffa6;
  border-color: #a4f979;
  color: #487432;
}

#footer-section {
  background: #3f3f3f;
}

.footer-headline {
  color: #6e6e6e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.footer-link {
  color: #595959;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.footer-link:hover {
  color: #fff;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}

.footer-link:hover .footer-link-badge {
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}

.footer-link-badge {
  background-color: #595959;
  color: #3f3f3f;
}