/* @override 
	http://bohemiancoding/stylesheets/main.css
	http://bohemiancoding.jonnotie.nl/stylesheets/main.css
	http://bohemiancoding.com/stylesheets/main.css
*/

/* @group basics */

* {
  margin: 0;
  padding: 0;
  outline: 0;
}

html, body {
  background: url(images/basics/bg.jpg) -70% -20%;
}

body {
	/* [disabled]font: 14px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; */
	color: #898a8a;
}

ul, ol {
  margin-bottom: 20px;
}

img {
  vertical-align: bottom;
  border-style: none;
  border-width: 0;
}

p {
  margin-bottom: 20px;
}

h2 {
  height: 36px;
  margin-bottom: 15px;
  text-indent: -9999px;
  font-size: 20px;
  line-height: 36px;
  background-position: -1px 0;
  width: 210px;
}

.h2 {
  height: 26px;
  margin-bottom: 15px;
  text-indent: -9999px;
  font-size: 20px;
  line-height: 26px;
  cursor: pointer;
  background-position: -1px 0;
}

h3 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
}

h4 {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}

code {
  display: block;
  margin-bottom: 20px;
  border-left-style: solid;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left-width: 2px;
}

pre {
  display: block;
  margin-bottom: 20px;
  border-left-style: solid;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left-width: 2px;
  width: 599px;
  white-space: pre;
}

#main {
  width: 919px;
  margin: 0 auto;
  padding-top: 30px;
}

a:link, a:visited {
  color: #424242;
}

a:link:hover, a:visited:hover {
  color: #85be1b;
}

a:link:activer, a:visited:active {
  
}

blockquote {
  
}

blockquote p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

blockquote strong {
  font: normal bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group essentials */

/* @group header */

#header {
  width: 859px;
  margin: 0 auto;
  display: block;
  height: 124px;
  overflow: hidden;
  background-image: url(images/essentials/header/bg.png);
  padding: 15px 30px 0;
  position: relative;
}

/* @group logo */
#twitter {
	width: 32px;
	height: 30px;
	display: block;
	background-image: url(../img/twitter.png);
	text-indent: -9999px;
	position: absolute;
	top: 15px;
	left: 813px;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	background-repeat: no-repeat;
}

#twiter:hover {
  opacity: 0.5;
}

#twiter:active {
  opacity: 0.2;
}


#logo {
	width: 179px;
	height: 70px;
	display: block;
	background-image: url(images/essentials/header/logo.png);
	text-indent: -9999px;
	position: absolute;
	top: 6px;
	left: 30px;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
}

#logo:hover {
  opacity: 0.5;
}

#logo:active {
  opacity: 0.2;
}

/* @end */

/* @group navigation */

#navigation {
	margin-left: 30px;
	height: 31px;
	position: absolute;
	top: 87px;
	left: 649px;
	text-shadow: #fffeff 1px 0 1px;
}

#navigation li {
  display: inline;
  float: left;
  background-repeat: no-repeat;
}

#navigation li a {
  font-size: 12px;
  line-height: 27px;
  float: left;
  display: inline;
  padding-right: 12px;
  text-decoration: none;
  color: #a0a0a0;
  padding-left: 11px;
  height: 29px;
  background-repeat: no-repeat;
  padding-top: 2px;
}

#navigation li a span {
	display: block;
	height: 31px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	cursor: pointer;
}

#navigation li:hover {
  background: url(images/essentials/header/navigation/right.png) right 0;
}

#navigation li a:hover {
  background: url(images/essentials/header/navigation/left.png) no-repeat 0 0;
}

#navigation li:active {
  background-position: right -31px;
}

#navigation li a:active {
  background-repeat: no-repeat;
  background-position: 0 -31px;
}

/* --- */

#fontcase #navigation li.nav-fontcase {
  background: url(images/essentials/header/navigation/right.png) right -31px;
}

#fontcase #navigation li.nav-fontcase a {
  background: url(images/essentials/header/navigation/left.png) no-repeat 0 -31px;
}

#sketchpad #navigation li.nav-sketchpad {
  background: url(images/essentials/header/navigation/right.png) right -31px;
}

#sketchpad #navigation li.nav-sketchpad a {
  background: url(images/essentials/header/navigation/left.png) no-repeat 0 -31px;
}

#batch #navigation li.nav-batch {
  background: url(images/essentials/header/navigation/right.png) right -31px;
}

#batch #navigation li.nav-batch a {
  background: url(images/essentials/header/navigation/left.png) no-repeat 0 -31px;
}

#drawit #navigation li.nav-drawit {
  background: url(images/essentials/header/navigation/right.png) right -31px;
}

#drawit #navigation li.nav-drawit a {
  background: url(images/essentials/header/navigation/left.png) no-repeat 0 -31px;
}

#slipcover #navigation li.nav-slipcover {
  background: url(images/essentials/header/navigation/right.png) right -31px;
}

#slipcover #navigation li.nav-slipcover a {
  background: url(images/essentials/header/navigation/left.png) no-repeat 0 -31px;
}

/* --- */

#navigation .nav-fontcase span {
  background-image: url(images/pages/fontcase/icon-16.png);
}

#navigation .nav-batch span {
  background-image: url(images/pages/batch/icon-16.png);
}

#navigation .nav-sketchpad span {
  background-image: url(images/pages/sketchpad/icon-16.png);
}

#navigation .nav-sketch span {
  background: url(images/pages/sketch/icon-16.png) no-repeat 0 4px;
}

#navigation .nav-drawit span {
  background-image: url(images/pages/drawit/icon-16.png);
}

#navigation .nav-slipcover span {
  background-image: url(images/pages/slipcover/icon-16.png);
}

/* @end */

/* @group service */

#service {
  font-size: 12px;
  line-height: 17px;
  color: #a9a9a9;
  text-shadow: #fffeff 0 1px 0;
  position: absolute;
  top: 33px;
  right: 14px;
  text-shadow: #fffeff 0 1px 0;
}

#service li {
  display: inline;
  margin-right: 15px;
}

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

#service li a:hover {
  text-decoration: underline;
}

/* @end */

/* @end */

/* @group heading */

#heading {
  background: url(images/essentials/heading/bg.jpg) no-repeat;
  padding: 3px 30px 0;
  height: 151px;
  overflow: hidden;
  position: relative;
}

/* @group title */

#title {
  padding-left: 130px;
  height: 88px;
  padding-top: 25px;
  position: absolute;
  width: 380px;
  display: block;
  top: 3px;
  left: 30px;
}

#title img {
  position: absolute;
  top: 16px;
  left: -4px;
}

#title .slogan {
  font-style: italic;
  text-shadow: #fffeff 0 1px 1px;
  color: #acacac;
}

/* @end */

/* @group download */

#download {
  width: 327px;
  overflow: hidden;
  height: 70px;
  padding-top: 42px;
  position: absolute;
  top: 1px;
  right: 28px;
}

#download ul {
  float: left;
  width: 205px;
  margin-top: 3px;
}

#download ul li {
  display: inline;
  float: left;
  margin-right: 10px;
}

#download ul li a {
  float: left;
}

#download #info {
  float: right;
  width: 113px;
  font-size: 12px;
  line-height: 17px;
  color: #a9a9a9;
  text-shadow: #fffeff 0 1px 0;
}

#download #info p {
  margin-bottom: 0;
}

/* @end */

/* @group subnavigation */

#subnavigation {
  margin-bottom: 0;
  height: 37px;
  padding-top: 1px;
  font-size: 12px;
  background: url(images/essentials/header/subnavigation/separator.png) no-repeat 0 1px;
  display: inline;
  width: 749px;
  position: absolute;
  top: 116px;
  left: 159px;
}

#subnavigation li {
  display: inline;
  line-height: 38px;
  height: 36px;
  float: left;
  padding-left: 1px;
}

#subnavigation li a {
  float: left;
  background: url(images/essentials/header/subnavigation/separator.png) no-repeat right 0;
  text-decoration: none;
  color: #5c5c5c;
  height: 36px;
  padding: 0 10px 0 9px;
}

#subnavigation li a:hover {
  background-color: #fffeff;
}

#subnavigation li a:active {
  background: #fffeff url(images/essentials/header/subnavigation/active.png) repeat-x;
  margin-left: -2px;
  padding-left: 11px;
}

#subnavigation li.current {
  background: #fffeff url(images/essentials/header/subnavigation/separator.png) no-repeat;
  height: 37px;
}

#subnavigation li.current a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

#subnavigation li a span {
  float: left;
  height: 36px;
  cursor: pointer;
}

/* --- */

#subnavigation li.page-overview a span {
  background: url(images/essentials/header/subnavigation/icons/overview.png) no-repeat 0 11px;
  padding-left: 25px;
}

#subnavigation li.page-plugins a span {
  background: url(images/essentials/header/subnavigation/icons/plugins.png) no-repeat 0 9px;
  padding-left: 25px;
}

#subnavigation li.page-tips a span {
  background: url(images/essentials/header/subnavigation/icons/tips.png) no-repeat 0 10px;
  padding-left: 25px;
}

#subnavigation li.page-new a span {
  background: url(images/essentials/header/subnavigation/icons/new.png) no-repeat 0 11px;
  padding-left: 25px;
}

#subnavigation li.page-cases span {
  background: url(images/essentials/header/subnavigation/icons/cases.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-download span {
  background: url(images/essentials/header/subnavigation/icons/download.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-buy span {
  background: url(images/essentials/header/subnavigation/icons/buy.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-store span {
  background: url(images/essentials/header/subnavigation/icons/buy.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-company span {
  background: url(images/essentials/header/subnavigation/icons/company.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-support span {
  background: url(images/essentials/header/subnavigation/icons/support.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-faq span {
  background: url(images/essentials/header/subnavigation/icons/faq.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-blog span {
  background: url(images/essentials/header/subnavigation/icons/blog.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-press span {
  background: url(images/essentials/header/subnavigation/icons/press.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-reviews span {
  background: url(images/essentials/header/subnavigation/icons/press.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-showcase span {
  background: url(images/essentials/header/subnavigation/icons/press.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-batchlings span {
  background: url(images/essentials/header/subnavigation/icons/batchlings.png) no-repeat 0 11px;
  padding-left: 24px;
}

#subnavigation li.page-batch span {
  background: url(images/essentials/header/subnavigation/icons/batch.png) no-repeat 0 11px;
  padding-left: 24px;
}

/* --- */

.page-overview #subnavigation li.page-overview {
  height: 37px;
  background: #fffeff url(images/essentials/header/subnavigation/separator.png) no-repeat;
}

.page-overview #subnavigation li.page-overview a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-overview #subnavigation li.page-overview a:active {
  display: none;
}

.page-store #subnavigation li.page-store {
  height: 37px;
  background: #fffeff url(images/essentials/header/subnavigation/separator.png) no-repeat;
}

.page-store #subnavigation li.page-store a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-store #subnavigation li.page-store a:active {
  display: none;
}

.page-about #subnavigation li.page-company {
  height: 37px;
  background: #fffeff url(images/essentials/header/subnavigation/separator.png) no-repeat;
}

.page-about #subnavigation li.page-company a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-about #subnavigation li.page-company a:active {
  display: none;
}

.page-batch #subnavigation li.page-batch {
  height: 37px;
  background: #fffeff url(images/essentials/header/subnavigation/separator.png) no-repeat;
}

.page-batch #subnavigation li.page-batch a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-batch #subnavigation li.page-batch a:active {
  display: none;
}

/* --- */

.page-plugins #subnavigation li.page-plugins {
  height: 37px;
  background-color: #fffeff;
}

.page-plugins #subnavigation li.page-plugins a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-plugins #subnavigation li.page-plugins a:active {
  display: none;
}

.page-tips #subnavigation li.page-tips {
  height: 37px;
  background-color: #fffeff;
}

.page-tips #subnavigation li.page-tips a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-tips #subnavigation li.page-tips a:active {
  display: none;
}

.page-new #subnavigation li.page-new {
  height: 37px;
  background-color: #fffeff;
}

.page-new #subnavigation li.page-new a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-new #subnavigation li.page-new a:active {
  display: none;
}

.page-cases #subnavigation li.page-cases {
  height: 37px;
  background-color: #fffeff;
}

.page-cases #subnavigation li.page-cases a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-cases #subnavigation li.page-cases a:active {
  display: none;
}

.page-download #subnavigation li.page-download {
  height: 37px;
  background-color: #fffeff;
}

.page-download #subnavigation li.page-download a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-download #subnavigation li.page-download a:active {
  display: none;
}

.page-buy #subnavigation li.page-buy {
  height: 37px;
  background-color: #fffeff;
}

.page-buy #subnavigation li.page-buy a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-buy #subnavigation li.page-buy a:active {
  display: none;
}

.page-support #subnavigation li.page-support {
  height: 37px;
  background-color: #fffeff;
}

.page-support #subnavigation li.page-support a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-support #subnavigation li.page-support a:active {
  display: none;
}

.page-faq #subnavigation li.page-faq {
  height: 37px;
  background-color: #fffeff;
}

.page-faq #subnavigation li.page-faq a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-faq #subnavigation li.page-faq a:active {
  display: none;
}

.page-blog #subnavigation li.page-blog {
  height: 37px;
  background-color: #fffeff;
}

.page-blog #subnavigation li.page-blog a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-blog #subnavigation li.page-blog a:active {
  display: none;
}

.page-press #subnavigation li.page-press {
  height: 37px;
  background-color: #fffeff;
}

.page-press #subnavigation li.page-press a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-press #subnavigation li.page-press a:active {
  display: none;
}

.page-reviews #subnavigation li.page-reviews {
  height: 37px;
  background-color: #fffeff;
}

.page-reviews #subnavigation li.page-reviews a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-reviews #subnavigation li.page-reviews a:active {
  display: none;
}

.page-showcase #subnavigation li.page-showcase {
  height: 37px;
  background-color: #fffeff;
}

.page-showcase #subnavigation li.page-showcase a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-showcase #subnavigation li.page-showcase a:active {
  display: none;
}

.page-batchlings #subnavigation li.page-batchlings {
  height: 37px;
  background-color: #fffeff;
}

.page-batchlings #subnavigation li.page-batchlings a {
  background-repeat: no-repeat;
  background-position: right 0;
  height: 37px;
}

.page-batchlings #subnavigation li.page-batchlings a:active {
  display: none;
}

/* @end */

/* @end */

/* @group content */

#content {
  background-image: url(images/essentials/content/bg.jpg);
  padding: 30px 10px 1px;
  zoom: 1;
}

#content .container {
  width: 899px;
}

#content .container:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

/* @group welcome */

#welcome {
  padding: 0;
  width: 899px;
}

/* @group more */

#more {
  clear: both;
  padding: 20px 68px 30px;
  background: url(images/essentials/content/section.png) no-repeat;
  width: 763px;
  margin: 0;
  position: relative;
  z-index: 1;
}

#more:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

#more .button {
  float: left;
  margin-top: 21px;
}

/* @end */

/* @group apple design award */

#ada {
  width: 169px;
  height: 43px;
  float: left;
  background-image: url(images/essentials/content/ada.png);
  text-indent: -9999px;
  margin-top: 10px;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

#ada:hover {
  opacity: 0.5;
}

#ada:active {
  opacity: 0.2;
}

/* @end */

/* @group thumbs */

#thumbs {
  width: 488px;
  float: right;
  list-style-type: none;
  margin-bottom: 0;
}

#thumbs li {
  float: left;
  margin-left: 10px;
  position: relative;
}

#thumbs li a {
  display: block;
  float: left;
  width: 110px;
  height: 64px;
  padding: 2px;
  background: url(images/essentials/content/thumb.png) -3px -3px;
  position: relative;
  z-index: 1;
}

#thumbs li a:hover {
  background-position: 0 -74px;
  padding: 5px;
  width: 110px;
  height: 64px;
  margin: -3px;
}

#thumbs li:active img {
  opacity: 0.5;
}

#thumbs li a:active {
  opacity: 0.75;
}

#thumbs li:first-child {
  margin-left: 0;
}

#thumbs li img {
  position: absolute;
  z-index: 0;
  width: 108px;
  height: 62px;
  top: 3px;
  left: 3px;
}

#thumbs li.current a {
  background-position: 0 -74px;
  padding: 5px;
  width: 110px;
  height: 64px;
  margin: -3px;
}

/* @end */

/* @end */

/* @group features */

#features {
  margin-top: -40px;
  margin-bottom: 40px;
  height: 290px;
  background: url(images/essentials/content/section_separator.png) no-repeat 0 222px;
  position: relative;
  font-size: 12px;
  width: 899px;
}

/* Elliott - the jQuery carousel takes care of this */

#features:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

#features ul {
  margin-bottom: 0;
  list-style-type: none;
  list-style-position: outside;
  width: 1800px;
  position: absolute;
  height: 280px;
}

#features ul:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

#features ul li {
  width: 225px;
  float: left;
  height: 280px;
  background: url(images/essentials/content/features.png) repeat-x 0 119px;
  overflow: hidden;
}

#features ul li a {
  display: block;
  width: 185px;
  height: 240px;
  padding: 20px;
  color: #949495;
  text-decoration: none;
  background: url(images/essentials/content/features_separator.png) no-repeat right 0;
  position: relative;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

#features ul li:hover a {
  opacity: 0.5;
  color: #949495 !important;
}

#features ul li img {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

/* --- */

#features .h2 {
  display: block;
  margin-bottom: 15px;
}

/* --- */

#features .navigate {
  height: 39px;
  width: 17px;
  position: absolute;
  top: 139px;
  text-indent: -9999px;
  background-image: url(images/essentials/content/features_navigate.png);
}

#features .navigate.disabled {
  cursor: default;
}

#features .navigate.previous {
  left: -15px;
  background-position: 0 0;
}

#features .navigate.previous:hover {
  background-position: 0 -39px;
}

#features .navigate.previous.disabled {
  background-position: 0 -78px;
}

#features .navigate.next {
  right: -15px;
  background-position: -17px 0;
}

#features .navigate.next:hover {
  background-position: -17px -39px;
}

#features .navigate.next.disabled {
  background-position: -17px -78px;
}

/* @end */

/* @group section */

.section {
  background: url(images/essentials/content/section.png) no-repeat center bottom;
  margin-bottom: 40px;
  clear: both;
  width: 899px;
  position: relative;
  padding-top: 0;
  padding-bottom: 1px;
}

.section:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

.page {
  padding: 0 68px 1px;
  background: url(images/essentials/content/section.png) no-repeat center bottom;
  margin-bottom: 40px;
  clear: both;
  width: 763px;
  position: relative;
}

.page.small {
  padding-left: 150px;
  padding-right: 150px;
  width: 599px;
}

.post {
  margin-bottom: 30px;
  padding: 0 150px 11px;
  width: 599px;
  clear: both;
  position: relative;
  background: url(images/essentials/content/section_separator.png) no-repeat 0 bottom;
}

.page:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

.text {
  padding-bottom: 20px;
  width: 210px;
  float: left;
  margin: 0 0 0 68px;
}

.screenshot {
  list-style-type: none;
  width: 621px;
  margin-top: -11px;
}

.left .screenshot {
  float: right;
}

.left .thumbs {
  float: right;
  margin-left: 0;
  margin-right: 191px;
}

.right .text {
  float: right;
  margin: 0 68px 0 0;
}

.right .screenshot {
  float: left;
}

.content {
  float: right;
  width: 508px;
  padding-top: 11px;
}

.right .intro {
  float: right;
}

.right .content {
  float: left;
}

/* --- */

.separate {
  background-image: url(images/essentials/content/section_separator.png);
  padding-bottom: 11px;
  margin-bottom: 30px;
}

.last {
  background-image: none;
  margin-bottom: -42px;
}

.intro {
  padding-bottom: 20px;
  width: 210px;
  float: left;
}

.intro h2 {
  margin-bottom: 19px;
}

/* @end */

/* @group screenshots */

.screenshots {
  position: absolute;
  top: -10px;
  list-style-type: none;
  margin-bottom: 0;
  background-color: #fffeff;
  height: 461px;
  width: 899px;
}

.screenshots li {
  width: 814px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-left: 46px;
}

.screenshots li:first-child {
  display: block;
}

.close {
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  background-image: url(images/assets/close.png);
  position: absolute;
  top: -10px;
  right: 50px;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

.close:hover {
  opacity: 0.5;
}

.close:active {
  opacity: 0.2;
}

/* @end */

/* @group thumbs */

.thumbs {
  list-style-type: none;
  height: 67px;
  clear: both;
  display: block;
  float: left;
  margin: 0 0 20px 191px;
  padding-top: 20px;
  background: url(images/assets/thumbs.png) no-repeat center 0;
  width: 238px;
}

.thumbs li {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  float: left;
}

.thumbs li a {
  display: block;
  width: 110px;
  height: 64px;
  padding: 2px;
  background: url(images/essentials/content/thumb.png) -3px -3px;
  position: relative;
  z-index: 1;
  float: left;
}

.thumbs li a:hover {
  background-position: 0 -74px;
  padding: 5px;
  width: 110px;
  height: 64px;
  margin: -3px;
}

.thumbs li:active img {
  opacity: 0.5;
}

.thumbs li a:active {
  opacity: 0.75;
}

.thumbs li:first-child {
  margin-left: 0;
}

.thumbs li img {
  position: absolute;
  z-index: 0;
  width: 108px;
  height: 62px;
  top: 3px;
  left: 3px;
}

.thumbs li.current a {
  background-position: 0 -74px;
  padding: 5px;
  width: 110px;
  height: 64px;
  margin: -3px;
}

/* --- */

/* @end */

/* @end */

/* @group footer */

#footer {
  width: 919px;
  margin: 0 auto;
  padding-top: 61px;
  text-align: center;
  background: url(images/essentials/footer/bg.jpg) no-repeat;
  color: #797979;
  text-shadow: rgba(255,254,255,0.73) 0 1px 1px;
  font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer a {
  font-weight: bold;
  text-decoration: none;
}

#footer strong {
  font-weight: bold;
  text-decoration: none;
  color: #424242;
}

/* @end */

/* @end */

/* @group assets */

/* @group appstore */

.appstore {
  height: 52px;
  display: block;
  text-indent: -9999px;
  width: 142px;
  background-image: url(images/assets/appstore.png);
  margin-bottom: 10px;
  position: relative;
  top: 10px;
}

.appstore:hover {
  height: 52px;
  display: block;
  text-indent: -9999px;
  width: 142px;
  background: url(images/assets/appstore.png) 0 -52px;
}

.appstore:active {
  height: 52px;
  display: block;
  text-indent: -9999px;
  width: 142px;
  background: url(images/assets/appstore.png) 0 -104px;
}



/* @end */

/* @group buttons */

.button {
  height: 29px;
  display: block;
  width: 30px;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
  border-width: 0;
  border-style: none;
  cursor: pointer;
}

.button:hover {
  background-position: 0 -29px;
}

.button:active {
  background-position: 0 -58px;
}

/* --- */

.button.download {
  background-image: url(images/assets/buttons/download.png);
  width: 85px;
}

.button.resend {
  background-image: url(images/assets/buttons/resend.png);
  width: 68px;
}

.button.write {
  background-image: url(images/assets/buttons/write.png);
  width: 58px;
}

/* @end */

/* @end */

/* @group modules */

/* @group batchlings */

#batchlings {
  width: 783px;
  padding-right: 48px;
  margin-bottom: -28px;
}

#batchlings:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

#batchlings .batchling {
  width: 239px;
  height: 320px;
  background-image: url(images/modules/batchlings/bg.png);
  float: left;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0 18px 20px -2px;
  position: relative;
}

#batchlings .batchling h3 {
  color: #898a8a;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  border-bottom: 1px solid #f0f0f0;
  padding: 20px;
  line-height: 48px;
  margin-bottom: 0;
}

#batchlings .button {
  background-image: url(images/pages/batch/buttons/buy_now.png);
  height: 29px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

#batchlings .button:hover {
  background-position: 0 -29px;
}

#batchlings .button:active {
  background-position: 0 -58px;
}

#batchlings form {
  border-top: 1px solid #f0f0f0;
  text-align: center;
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 202px;
  padding: 20px 20px 0;
}

#batchlings .icon {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  opacity: 0.5;
}

/* --- */

#batchlings .effect {
  width: 239px;
  vertical-align: bottom;
  height: 157px;
  text-align: center;
  line-height: 153px;
  overflow: hidden;
}

#batchlings .effect a {
  width: 239px;
  height: 157px;
  display: block;
}

#batchlings .effect img {
  vertical-align: middle;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

#batchlings .effect a:hover img {
  opacity: 0.5;
}



/* @end */

/* @group ipads */

#ipads {
  
}

#ipads ul.container {
  list-style-type: none;
  list-style-position: outside;
  margin-bottom: 0;
  width: 832px;
  padding-left: 67px;
}

#ipads ul li {
  width: 186px;
  margin-right: 66px;
  margin-bottom: 20px;
  padding-left: 25px;
  padding-top: 27px;
  background: url(images/modules/ipads/ipad.png) no-repeat;
  float: left;
}

#ipads ul li strong {
  text-align: center;
  display: block;
  width: 162px;
  font-weight: normal;
  font-style: normal;
  height: 40px;
}

#ipads ul li a {
  font-size: 14px;
  line-height: 20px;
  color: #a0a0a0;
  text-decoration: none;
  display: block;
  width: 160px;
}

#ipads ul li a img {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  display: block;
  margin-bottom: 40px;
}

#ipads ul li a:hover img {
  opacity: 0.5;
}

#ipads ul li strong a {
  display: inline;
  color: #424242;
  font-weight: bold;
}

#ipads ul li strong {
  font-weight: normal;
  font-style: normal;
}

#ipads ul li strong a:hover {
  text-decoration: underline;
}

/* @end */

/* @group write_comment */

#write_comment {
  overflow: hidden;
  margin-bottom: 0;
  color: #fffeff;
  background: #fffeff url(images/modules/comment/bg.png) no-repeat center 0;
  width: 579px;
  height: 327px;
  padding: 20px 149px 0 170px;
}

#write_comment div {
  overflow: hidden;
  margin-bottom: 11px;
}

#write_comment label {
  display: block;
  float: left;
  width: 112px;
  line-height: 27px;
  font-weight: bold;
  text-shadow: #709b22 0 -1px 0;
}

#write_comment input {
  width: 182px;
  float: left;
  padding: 4px 10px 0;
  height: 25px;
  margin: 0;
  background-image: url(images/modules/comment/input.png);
  border-style: none;
  border-width: 0;
  background-color: transparent;
  color: #898a8a;
  font: 14px/26px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#write_comment textarea {
  width: 428px;
  float: left;
  height: 151px;
  margin: 0;
  background-image: url(images/modules/comment/textarea.png);
  border-style: none;
  border-width: 0;
  background-color: transparent;
  color: #898a8a;
  font: 14px/26px "Lucida Grande", Lucida, Verdana, sans-serif;
  overflow: auto;
  resize: none;
  padding: 4px 10px;
  vertical-align: bottom;
}

#write_comment button {
  float: right;
  margin-right: 20px;
  margin-top: 7px;
}

/* --- */

#write_comment.loggedin {
  height: 204px;
  background-image: url(images/modules/comment/bg2.png);
}

/* @end */

/* @group comments */

#comments {
  font-size: 12px;
}

#comments h3 {
  font-size: 14px;
  margin-bottom: 9px;
}

#comments .avatar {
  float: left;
  width: 42px;
  height: 42px;
  margin-top: 2px;
}

#comments .text {
  margin-left: 20px;
  float: left;
  width: 537px;
  padding-bottom: 0;
}

#comments .comment {
  width: 599px;
  padding: 0 150px 21px;
  margin-bottom: 40px;
  clear: both;
  position: relative;
  overflow: hidden;
  background: url(images/essentials/content/section.png) no-repeat center bottom;
}

.closed p {
  background: url(images/modules/comments/lock.png) no-repeat 0 0;
  height: 24px;
  line-height: 24px;
  padding-left: 40px;
}

/* @end */

/* @group press */

#press {
  width: 599px;
  height: 62px;
  background-image: url(images/modules/press/bg.png);
  padding-top: 10px;
  margin-bottom: 20px;
}

#press a {
  float: left;
  width: 209px;
  text-align: left;
  text-decoration: none;
  color: #fffeff;
  font-weight: bold;
  text-shadow: #709b22 0 -1px 0;
  background-repeat: no-repeat;
  background-position: 20px center;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  height: 52px;
  padding-left: 70px;
  line-height: 50px;
  padding-right: 20px;
}

#press a:hover {
  opacity: 0.5;
}

#press a span {
  float: right;
  color: #43620a;
  text-shadow: rgba(255,254,255,0.38) 0 1px 0;
  font-size: 12px;
}

/* --- */

#press a#presskit {
  background-image: url(images/modules/press/presskit.png);
}

#press a#vcard {
  float: right;
  background-image: url(images/modules/press/vcard.png);
}

/* @end */

/* @group resend */

#resend {
  padding: 22px 0 0 20px;
  overflow: hidden;
  background-color: #fffeff;
  margin-bottom: 30px;
  width: 579px;
  height: 50px;
  background-image: url(images/modules/resend/bg.png);
  color: #fffeff;
}

#resend label {
  display: block;
  float: left;
  width: 112px;
  line-height: 27px;
  font-weight: bold;
  text-shadow: #709b22 0 -1px 0;
}

#resend input {
  width: 341px;
  float: left;
  padding: 4px 10px 0;
  height: 25px;
  margin: 0 20px 0 0;
  background-image: url(images/modules/resend/input.png);
  border-style: none;
  border-width: 0;
  background-color: transparent;
  color: #898a8a;
  font: 14px/26px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#resend button {
  float: left;
}

/* @end */

/* @group explain */

/* @end */

/* @group buy */

#buy {
  
}

#buy ul {
  list-style-type: none;
  list-style-position: outside;
  margin-bottom: 40px;
}

#buy ul:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

#buy ul li {
  float: left;
  width: 221px;
  margin-left: 20px;
  height: 131px;
  padding: 20px 20px 20px 0;
  background-image: url(images/modules/buy/bg.png);
  position: relative;
}

#buy ul li .text {
  margin-left: 0;
  padding-left: 90px;
  width: 131px;
  background-repeat: no-repeat;
  background-position: 21px 3px;
}

#buy h3 {
  margin-bottom: 7px;
}

#buy ul li:first-child {
  margin-left: 0;
}

#buy .price {
  width: 90px;
  text-align: center;
  color: #fffeff;
  position: absolute;
  top: 116px;
  left: 0;
  z-index: 1;
  font-weight: bold;
  text-shadow: #8e0e06 0 -1px 0;
  font-size: 12px;
  line-height: 19px;
  font-style: italic;
  height: 26px;
  padding-top: 12px;
  display: none;
}

#buy .button {
  width: 232px;
  position: absolute;
  left: -9px;
  top: 117px;
  height: 36px;
  cursor: pointer;
  text-indent: 0;
  color: #fffeff;
  font-size: 12px;
  text-align: center;
  text-shadow: #8e0e06 0 -1px 0;
  font-weight: bold;
  padding: 6px 134px 3px 10px;
  line-height: 30px;
}

#buy .button span {
  display: none;
}

#buy .button:hover {
  background-position: 0 -36px;
}

#buy .button:active {
  background-position: 0 -72px;
}

/* --- */

#buy h2.choose_a_license_pack {
  height: 34px;
  width: 168px;
  background: url(images/modules/buy/choose_a_license_pack.png) 0 0;
  margin: -10px auto 20px;
  cursor: default;
}

#buy h2.fontcase {
  height: 34px;
  width: 95px;
  background: url(images/modules/buy/fontcase2.png) 0 0;
  margin: -10px auto 20px;
  cursor: default;
}

#buy h2.or_buy_a_bundle {
  height: 34px;
  width: 131px;
  background: url(images/modules/buy/or_buy_a_bundle.png) 0 0;
  position: relative;
  cursor: default;
  margin: -59px auto 20px;
}

#buy h2.drawit {
  height: 34px;
  width: 81px;
  background: url(images/modules/buy/drawit2.png) 0 0;
  position: relative;
  cursor: default;
  margin: -59px auto 20px;
}

#buy h2.sketch {
  height: 34px;
  width: 81px;
  background: url(images/modules/buy/sketch2.png) 0 0;
  position: relative;
  cursor: default;
  margin: -59px auto 20px;
}

#buy h2.bundles {
  height: 34px;
  width: 87px;
  background: url(images/modules/buy/bundles.png) 0 0;
  position: relative;
  cursor: default;
  margin: -59px auto 20px;
}

/* --- */

#buy .bundles li {
  width: 351px;
  background-image: url(images/modules/buy/bg2.png);
  height: 111px;
  margin-left: 21px;
}

#buy .bundles .text {
  width: 260px;
}

#buy .bundles .button {
  top: 97px;
  left: -9px;
}

#buy .bundles .price {
  top: 96px;
  left: 0;
}

#buy .bundles li:first-child {
  margin-left: 0;
}

/* --- */

#store li.fontcase_drawit .text {
  background-image: url(images/modules/buy/fontcase+drawit.png);
}

#store li.drawit_sketch .text {
  background-image: url(images/modules/buy/drawit+sketch.png);
}

#store li.sketch_fontcase .text {
  background-image: url(images/modules/buy/sketch+fontcase.png);
}

/* @group batch */



/* @end */

/* @group sketch */

#buy .sketch h3 {
  color: #3385e4;
}

#sketch .button,
#buy .sketch .button {
  text-shadow: #103e7e 0 -1px 0;
}

#sketch .price,
#buy .sketch .price {
  text-shadow: #cf5d09 0 -1px 0;
}

#sketch li .text,
#buy .sketch li .text {
  background-image: url(images/modules/buy/sketch.png);
}

#sketch .button.select_and_proceed,
#buy .sketch .button.select_and_proceed {
  background-image: url(images/pages/sketch/buttons/select.png);
}

#sketch .bundles .button.select_and_proceed,
#buy .bundles.sketch .button.select_and_proceed {
  background-image: url(images/pages/sketch/buttons/select2.png);
  width: 364px;
  padding-right: 265px;
}

/* @end */

/* @group store */

#store .button {
  text-shadow: #57800c 0 -1px 0;
}

#store .price {
  text-shadow: #cf5d09 0 -1px 0;
}

#store li .text {
  background-image: url(images/modules/buy/drawit.png);
}

#store .button.buy_now {
  background-image: url(images/pages/drawit/buttons/buy_now.png);
  width: 80px;
}

#store .button.select_and_proceed {
  background-image: url(images/pages/store/buttons/select.png);
}

#store .bundles .button.select_and_proceed {
  background-image: url(images/pages/store/buttons/select2.png);
  width: 364px;
  padding-right: 265px;
}

/* @end */

/* @group drawit */

#buy .drawit h3 {
  color: #f99339;
}

#drawit .button,
#buy .drawit .button {
  text-shadow: #cf5d09 0 -1px 0;
}

#drawit .price,
#buy .drawit .price {
  text-shadow: #cf5d09 0 -1px 0;
}

#drawit li .text,
#buy .drawit li .text {
  background-image: url(images/modules/buy/drawit.png);
}

#drawit li.bundle-fontcase .text {
  background-image: url(images/modules/buy/drawit+fontcase.png);
}

#drawit li.bundle-sketch .text {
  background-image: url(images/modules/buy/drawit+sketch.png);
}

#drawit .button.buy_now {
  background-image: url(images/pages/drawit/buttons/buy_now.png);
  width: 80px;
}

#drawit .button.watch_screencast {
  background-image: url(images/pages/drawit/buttons/watch_screencast.png);
  width: 127px;
}

#drawit .button.select_and_proceed,
#buy .drawit .button.select_and_proceed {
  background-image: url(images/pages/drawit/buttons/select.png);
}

#drawit .bundles .button.select_and_proceed,
#buy .bundles.drawit .button.select_and_proceed {
  background-image: url(images/pages/drawit/buttons/select2.png);
  width: 364px;
  padding-right: 265px;
}

/* @end */

/* @group fontcase */

#buy .fontcase h3 {
  color: #b70000;
}

#fontcase li .text,
#buy .fontcase li .text {
  background-image: url(images/modules/buy/fontcase.png);
}

#fontcase li.bundle-drawit .text {
  background-image: url(images/modules/buy/fontcase+drawit.png);
}

#fontcase li.bundle-sketch .text {
  background-image: url(images/modules/buy/fontcase+sketch.png);
}

#fontcase .button.buy_now {
  background-image: url(images/pages/fontcase/buttons/buy_now.png);
  width: 80px;
}

#fontcase .button.select_and_proceed,
#buy .fontcase .button.select_and_proceed {
  background-image: url(images/pages/fontcase/buttons/select.png);
  text-shadow: #880001 0 -1px 1px;
}

#fontcase .bundles .button.select_and_proceed,
#buy .bundles.fontcase .button.select_and_proceed {
  background-image: url(images/pages/fontcase/buttons/select2.png);
  width: 364px;
  padding-right: 265px;
}

/* @end */

/* @group batch */

#buy .batch h3 {
  color: #b70000;
}

#batch li .text,
#buy .batch li .text {
  background-image: url(images/modules/buy/batch.png);
}

#batch li.bundle-drawit .text {
  background-image: url(images/modules/buy/fontcase+drawit.png);
}

#batch li.bundle-sketch .text {
  background-image: url(images/modules/buy/fontcase+sketch.png);
}

#batch .button.buy_now {
  background-image: url(images/pages/batch/buttons/buy_now.png);
  width: 80px;
}

#batch .button.select_and_proceed,
#batch .fontcase .button.select_and_proceed {
  background-image: url(images/pages/batch/buttons/select.png);
  text-shadow: #2f54b9 0 -1px 1px;
}

#batch .bundles .button.select_and_proceed,
#batch .bundles.fontcase .button.select_and_proceed {
  background-image: url(images/pages/fontcase/buttons/select2.png);
  width: 364px;
  padding-right: 265px;
}

/* @end */

/* @end */

/* @group plugins */

.plugins {
  float: right;
  width: 510px;
  margin-right: -10px;
}

.plugins ul {
  float: left;
}

.plugins .left {
  margin-right: 46px;
}

.plugins li {
  width: 232px;
  display: block;
}

.plugins li span {
  cursor: pointer;
}

.plugins li a {
  display: block;
  width: 212px;
  background-color: #f6f6f6;
  margin-bottom: 20px;
  padding: 10px;
  text-decoration: none;
  color: #a0a0a0;
  background-image: url(images/modules/plugins/top.png);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

.plugins li a:hover {
  opacity: 0.6;
  color: #a0a0a0 !important;
}

.plugins li a:active {
  opacity: 0.25;
}

.plugins li a .title {
  color: #777;
  display: block;
  margin-bottom: 5px;
  background: url(images/modules/plugins/icon.png) no-repeat 0 2px;
  padding-left: 25px;
  font-weight: bold;
}

.plugins li a .p {
  font-size: 12px;
  margin: 0 -10px -10px;
  padding: 0 10px 10px;
  background: url(images/modules/plugins/bot.png) no-repeat 0 bottom;
  display: block;
}

/* @end */

/* @end */

/* @group pages */

/* @group reviews */

.page-reviews .page {
  padding-bottom: 20px;
}

/* @end */

/* @group home */

#home {
  
}

#home #content {
  padding-top: 0;
}

#home #apps {
  background: url(images/pages/home/top.png) no-repeat 0 0;
  padding: 40px 68px 20px;
  width: 783px;
  overflow: hidden;
  margin: 1px -10px 0;
}

#home #apps a {
  width: 391px;
  height: 446px;
  float: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

#home #apps a:hover {
  opacity: 0.5;
}

#home #apps a#app-fontcase {
  background-image: url(images/pages/home/fontcase.png);
}

#home #apps a#app-drawit {
  float: right;
  background: url(images/pages/home/drawit.png) no-repeat right 0;
}

#home #ada {
  float: none;
  display: block;
  margin: 0 auto;
}

/* @end */

/* @group about */

#about #heading {
  background-image: url(images/essentials/heading/bg2.jpg);
}

#about h3 {
  color: #85be1b;
}

#about .page {
  padding-bottom: 20px;
}

#about code {
  border-left-color: #85be1b;
}

#about pre {
  border-left-color: #85be1b;
}

/* @group title */

#about h1 {
  height: 48px;
  text-indent: -9999px;
  background-image: url(images/pages/about/title.png);
  margin-left: 0;
}

/* @end */

/* @group blog */

.page-blog {
  
}

.page-blog h3 a {
  font-weight: bold;
  text-decoration: none;
  color: #85be1b;
}

.page-blog h3 a:hover {
  text-decoration: underline;
}

/* --- */

.page-blog .extra {
  font-size: 12px;
  line-height: 20px;
  color: #a4a4a4;
  margin-bottom: 10px;
  margin-top: 0;
  text-transform: lowercase;
}

.page-blog .extra p {
  margin-bottom: 0;
}

.page-blog .extra a {
  color: #a4a4a4;
  text-decoration: none;
}

.page-blog .extra a:hover {
  text-decoration: underline;
  color: #85be1b;
}

/* --- */

.page-blog .last .extra {
  margin-bottom: 0;
}

/* --- */

.page-blog .info {
  background: url(images/essentials/content/section.png) no-repeat 0 bottom;
  margin-top: -30px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  color: #a4a4a4;
}

.page-blog .info .back {
  float: left;
  padding-left: 20px;
  width: 130px;
  text-decoration: none;
  text-transform: lowercase;
  color: #a4a4a4;
  text-align: left;
}

.page-blog .info .rss {
  width: 130px;
  text-transform: lowercase;
  text-align: left;
}

.page-blog .info p {
  margin-bottom: 0;
  float: left;
  width: 599px;
  text-align: left;
}

.page-blog .info a {
  color: #a4a4a4;
  text-decoration: none;
}

.page-blog .info a:hover {
  color: #85be1b;
  text-decoration: underline;
}

/* --- */

.page-blog .post {
  padding-bottom: 21px;
}

.page-blog #post-1 {
  background-image: none;
  margin-bottom: -52px;
}

.page-blog .more-link {
  color: #85be1b;
  text-decoration: none;
}

.page-blog .more-link:hover {
  text-decoration: underline;
}

/* --- */

.page-blog .post img {
  max-width: 599px;
}

.page-blog .post ul {
  list-style-position: outside;
  list-style-type: none;
}

.page-blog .post ul li {
  padding-left: 20px;
  background: url(images/pages/about/dot.png) no-repeat 0 6px;
}

/* @end */

/* @end */

/* @group store */

#store #heading {
  background-image: url(images/essentials/heading/bg2.jpg);
}

#store h3 {
  color: #85be1b;
}

/* @group title */

#store h1 {
  height: 48px;
  text-indent: -9999px;
  background-image: url(images/pages/store/title.png);
  margin-left: 0;
}

/* @end */

/* @end */

/* @group buy */

.page-buy #download ul {
  width: 86px;
  padding-left: 91px;
}

.page-buy .download {
  
}

.page-buy .buy_now {
  display: none;
}

/* @end */

/* --- */

/* @group sketchpad */

#sketchpad #heading {
  background-image: url(images/essentials/heading/bg2.jpg);
}

/* @group title */

#sketchpad h1 {
  height: 48px;
  text-indent: -9999px;
  margin-left: 0;
  background-image: url(images/pages/sketchpad/title.png);
}

/* @end */

/* @group headings */

#sketchpad .h-draw_with_your_fingers {
  background-image: url(images/pages/sketchpad/headings/draw_with_your_fingers.png);
  height: 72px;
}

#sketchpad .h-vector_editing {
  background-image: url(images/pages/sketchpad/headings/vector_editing.png);
  height: 36px;
}

#sketchpad .h-impressive_tools {
  background-image: url(images/pages/sketchpad/headings/impressive_tools.png);
  height: 72px;
}

/* @end */

/* @group sections */

/* @group impressive */

#sketchpad #impressive .screenshot {
  margin-top: -24px;
  margin-bottom: 30px;
}



/* @end */

/* @group vector */



/* @end */

/* @group welcome */

#sketchpad #welcome .text {
  padding-top: 6px;
}

#sketchpad #welcome .container {
  padding-bottom: 20px;
}

#sketchpad #welcome .container .screenshot {
  margin-bottom: 40px;
  margin-top: -7px;
}

/* @end */

/* @end */

/* @end */

/* @group slipcover */

#slipcover h3 {
  color: #0064bd;
}

#slipcover code {
  border-left-color: #0064bd;
}

#slipcover .last  .screenshot {
  margin-bottom: 30px;
}

#slipcover .screenshot {
  margin-bottom: 0;
}

#slipcover strong.highlight {
  color: #0064bd;
}

#slipcover #welcome .text {
  padding-top: 40px;
}

/* @group sections */

/* @group create */

#create .text {
  padding-top: 16px;
}

/* @end */

/* @group drag */

#drag .text {
  padding-top: 36px;
}

/* @end */

/* @group many */

#many .text {
  padding-top: 36px;
}

/* @end */

/* @group welcome */

#welcome .screenshot {
  
}

/* @end */

/* @end */

/* @group download */

#slipcover #download {
  width: 236px;
}

#slipcover #download ul {
  width: 85px;
}

/* @end */

/* @group title */

#slipcover #title img {
  margin-left: -7px;
}

#slipcover h1 {
  height: 48px;
  text-indent: -9999px;
  margin-left: 0;
  background-image: url(images/pages/slipcover/title.png);
}

/* @end */

/* @group headings */

#slipcover .h-create_cases_for_your_media {
  background-image: url(images/pages/slipcover/headings/create_cases_for_your_media.png);
  height: 72px;
}

#slipcover .h-preloaded_with_many_cases {
  background-image: url(images/pages/slipcover/headings/preloaded_with_many_cases.png);
  height: 72px;
}

#slipcover .h-as_simple_as_drag_and_drop {
  background-image: url(images/pages/slipcover/headings/as_simple_as_drag_and_drop.png);
  height: 72px;
}

#slipcover .h-create_new_cases_yourself {
  background-image: url(images/pages/slipcover/headings/create_new_cases_yourself.png);
  height: 72px;
}

#slipcover .h-download_cases {
  background-image: url(images/pages/slipcover/headings/download_cases.png);
  height: 36px;
  margin-bottom: 15px;
}

/* @end */

/* @group buttons */

#slipcover .button.watch_screencast {
  background-image: url(images/pages/slipcover/buttons/watch_screencast.png);
  width: 127px;
}

#slipcover .button.download_sample {
  background-image: url(images/pages/slipcover/buttons/download_sample.png);
  width: 127px;
}

/* @end */

/* @end */

/* @group drawit */

#drawit h3 {
  color: #ef6700;
}

#drawit h3 a {
  color: #ef6700;
  text-decoration: none;
}

#drawit h3 a:hover {
  text-decoration: underline;
}

#drawit code {
  border-left-color: #ef6700;
}

#drawit #features {
  height: 290px;
  background-position: 0 222px;
  overflow: hidden;
  width: 899px;
}

#drawit #features .hold {
  height: 279px;
  overflow: hidden;
}

/* @group welcome */

#drawit #welcome .text {
  padding-top: 44px;
}

/* @end */

/* @group title */

#drawit #title img {
  margin-left: -7px;
}

#drawit h1 {
  height: 48px;
  text-indent: -9999px;
  background-image: url(images/pages/drawit/title.png);
  margin-left: 0;
}

/* @end */

/* @group sections */

/* @group stacking */

#drawit #stacking .text {
  padding-top: 6px;
}

/* @end */

/* @group perfect */

#drawit #perfect .text {
  padding-top: 6px;
}

/* @group layers */

#layers .text {
  padding-top: 26px;
}

/* @end */

/* @end */

/* @group vector */

#drawit #vector .text {
  padding-top: 9px;
}

#drawit #vector .screenshot {
  margin-top: -30px;
}

/* @end */

/* @end */

/* @group headings */

#drawit .h-non-destructive_drawing {
  background-image: url(images/pages/drawit/headings/non-destructive_drawing.png);
  height: 72px;
}

#drawit .h-vector_editing {
  background-image: url(images/pages/drawit/headings/vector_editing.png);
  height: 36px;
}

#drawit .h-layers_groups_and_masks {
  background-image: url(images/pages/drawit/headings/layers_groups_and_masks.png);
  height: 72px;
}

#drawit .h-pixel_perfect {
  background-image: url(images/pages/drawit/headings/pixel_perfect.png);
  height: 36px;
}

#drawit .h-stacking_effects {
  background-image: url(images/pages/drawit/headings/stacking_effects.png);
  height: 36px;
}

#drawit .h-buy {
  background-image: url(images/pages/drawit/headings/buy.png);
  height: 36px;
}

/* --- */

#drawit .h-layers {
  background-image: url(images/pages/drawit/headings/layers.png);
}

#drawit .h-vector {
  background-image: url(images/pages/drawit/headings/vector.png);
}

#drawit .h-pixel {
  background-image: url(images/pages/drawit/headings/pixel.png);
}

#drawit .h-stacking {
  background-image: url(images/pages/drawit/headings/stacking.png);
}

/* @end */

/* @end */

/* @group fontcase */

#fontcase h3 {
  color: #b70000;
}

#fontcase h3 a {
  color: #b70000;
  text-decoration: none;
}

#fontcase h3 a:hover {
  text-decoration: underline;
}

#fontcase pre, #fontcase code {
  border-left-color: #b70000;
}

#fontcase ol code {
  display: inline;
  margin-bottom: 0px;
  border-left-style: solid;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-left-width: 0px;
  color: #b70000;
}

#fontcase strong.highlight {
  color: #b70000;
}

/* @group welcome */

#fontcase #welcome .text {
  padding-top: 24px;
}

/* @end */

/* @group title */

#fontcase h1 {
  height: 48px;
  text-indent: -9999px;
  background-image: url(images/pages/fontcase/title.png);
}

/* @end */

/* @group sections */

/* @group preview */

#preview .text {
  padding-top: 6px;
}

/* @end */

/* @group duplicate */

#duplicate .text {
  padding-top: 18px;
}

/* @end */

/* @group activate */

#activate .text {
  padding-top: 25px;
}

/* @end */

/* @group glyphs */

/* @end */

/* @group print */

/* @end */

/* @group compare */

#compare .text {
  padding-top: 54px;
}

/* @end */

/* @end */

/* @group headings */

#fontcase .h-keep_your_fonts_together {
  background-image: url(images/pages/fontcase/headings/keep_your_fonts_together.png);
  height: 72px;
}

#fontcase .h-print_beautiful_previews_of_your_favorite_fonts {
  background-image: url(images/pages/fontcase/headings/print_beautiful_previews_of_your_favorite_fonts.png);
  height: 108px;
}

#fontcase .h-examine_glyphs_like_you_never_have_before {
  background-image: url(images/pages/fontcase/headings/examine_glyphs_like_you_never_have_before.png);
  height: 108px;
}

#fontcase .h-compare_in_great_detail {
  background-image: url(images/pages/fontcase/headings/compare_in_great_detail.png);
  height: 72px;
}

#fontcase .h-instantly_share_your_fonts_through_bonjour {
  background-image: url(images/pages/fontcase/headings/instantly_share_your_fonts_through_bonjour.png);
  height: 108px;
}

#fontcase .h-plugins {
  background-image: url(images/pages/fontcase/headings/plugins.png);
  height: 36px;
}

#fontcase .h-buy {
  background-image: url(images/pages/fontcase/headings/buy.png);
  height: 36px;
}

#fontcase .h-third-party {
  background-image: url(images/pages/fontcase/headings/third-party.png);
  height: 36px;
}

#fontcase .h-let_fontcase_automaticly_active_your_fonts {
  background-image: url(images/pages/fontcase/headings/let_fontcase_automaticly_active_your_fonts.png);
  height: 107px;
}

#fontcase .h-take_control_of_your_duplicate_fonts {
  background-image: url(images/pages/fontcase/headings/take_control_of_your_duplicate_fonts.png);
  height: 108px;
}

#fontcase .h-preview_activated_and_deactivated_fonts {
  background-image: url(images/pages/fontcase/headings/preview_activated_and_deactivated_fonts.png);
  height: 108px;
}

/* --- */

#fontcase .h-font_preview {
  background-image: url(images/pages/fontcase/headings/font_preview.png);
}

#fontcase .h-instantly_share {
  background-image: url(images/pages/fontcase/headings/instantly_share.png);
}

#fontcase .h-beautiful_print {
  background-image: url(images/pages/fontcase/headings/beautiful_print.png);
}

#fontcase .h-examine_glyphs {
  background-image: url(images/pages/fontcase/headings/examine_glyphs.png);
}

#fontcase .h-font_compare {
  background-image: url(images/pages/fontcase/headings/font_compare.png);
}

#fontcase .h-auto_activation {
  background-image: url(images/pages/fontcase/headings/auto_activation.png);
}

#fontcase .h-control_duplicates {
  background-image: url(images/pages/fontcase/headings/control_duplicates.png);
}

/* @end */

/* @end */

/* @group batch */

#batch h3 {
  color: #4786fb;
}

#batch.page-batchlings #welcome .screenshot {
  width: 449px;
}

#batch.page-batchlings #welcome .text {
  width: 360px;
}

#batch h3 a {
  color: #4786fb;
  text-decoration: none;
}

#batch h3 a:hover {
  text-decoration: underline;
}

#batch code {
  border-left-color: #b70000;
}

#batch strong.highlight {
  color: #4786fb;
}

#batch #features {
  height: 290px;
  background-position: 0 222px;
  overflow: hidden;
  width: 899px;
}

#batch #features .hold {
  height: 279px;
  overflow: hidden;
}

#batch .last {
  padding-bottom: 0;
}

/* @group welcome */

#batch #welcome  {
  padding-bottom: 20px;
}

#batch #welcome .text {
  padding-top: 44px;
}



/* @end */

/* @group title */

#batch h1 {
  height: 48px;
  text-indent: -9999px;
  background-image: url(images/pages/batch/title.png);
}

/* @end */

/* @group headings */

#batch .h-stacking_effects2 {
  background-image: url(images/pages/batch/headings/stacking_effects.png);
}

#batch .h-getting_them_out2 {
  background-image: url(images/pages/batch/headings/getting_them_out.png);
}

#batch .h-droplets2 {
  background-image: url(images/pages/batch/headings/droplets.png);
}

#batch .h-batchlings2 {
  background-image: url(images/pages/batch/headings/batchlings.png);
}

/* --- */

#batch .h-batch_image_processing {
  background-image: url(images/pages/batch/headings/batch_image_processing.png);
  height: 72px;
}

#batch .h-little_batchlings {
  background-image: url(images/pages/batch/headings/little_batchlings.png);
  height: 36px;
}

#batch .h-stacking_effects {
  background-image: url(images/pages/batch/headings/features/stacking_effects.png);
}

#batch .h-getting_them_out {
  background-image: url(images/pages/batch/headings/features/getting_them_out.png);
}

#batch .h-droplets {
  background-image: url(images/pages/batch/headings/features/droplets.png);
}

#batch .h-batchlings {
  background-image: url(images/pages/batch/headings/features/batchlings.png);
}



/* @end */



/* @end */

/* @end */
#home #header #TEXTO {
	position: absolute;
	left: 749px;
	top: 10px;
	width: 108px;
}
#home #header #youtube {
	position: absolute;
	width: 31px;
	height: 31px;
	left: 851px;
	top: 15px;
	background-image: url(../img/youtube.png);
	background-repeat: no-repeat;
}