/* All CSS and design Copyright 2010 Bjango, except for the Blueprint CSS grid system (which is really good, you should try it). */
/* You no touchey, hokay? */

/* @group Body and reset */

html { background: #2c0d43; margin: 0; padding: 0; }

body {
	background: #1e1e1e url('../images/header/header-background-grey.jpg') repeat-x;
	font: normal normal 10px/150% Helvetica, Geneva, sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 62.5%;
	color: #9eabb2;
	margin: 0;
	padding: 0;
	min-width: 950px;
}

a { outline: none; }
a img { border: none; }
.clearer { clear: both; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
table tr td { border: none; padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; display: table; }
::-moz-selection{ background: #2da3db !important; color: white !important; }
::selection { background: #2da3db !important; color: white !important; }
.topspace { margin-top: 25px; }
.hidelink { overflow: hidden; }
.hidelink a { padding: 300px; opacity: 0; white-space: nowrap; }

/* @end */

/* @group Header and footer */

.header { height: 110px; position: relative; }

#nav-logo {
	background: url('../images/header/header-logo.png') no-repeat;
	background-position: 0 0;
	width: 134px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	left: 2px;
	top: 28px;
	z-index: 10;
}

#nav-logo a { padding: 200px; text-indent: 250px; opacity: 0; white-space: nowrap; }

#nav-logo:active { background-position: 0 -70px; }
#nav-iphone, #nav-ipad, #nav-mac, #nav-articles, #nav-help {
	background: url('../images/header/header-nav.png') no-repeat;
	width: 88px;
	height: 50px;
	background-position: 0 -50px;
	overflow: hidden;
	position: absolute;
	left: 569px;
	top: 43px;
}

#nav-iphone:active { background-position: 0 -100px; }

#nav-iphone-selected, #nav-ipad-selected, #nav-mac-selected, #nav-articles-selected, #nav-articles-hover, #nav-help-selected {
	background: url('../images/header/header-nav.png') no-repeat;
	width: 88px;
	height: 50px;
	background-position: 0 0;
	overflow: hidden;
	position: absolute;
	left: 569px;
	top: 43px;
}

#nav-ipad { left: 657px; width: 67px; background-position: -88px -50px; }
#nav-ipad:active { background-position: -88px -100px; }
#nav-ipad-selected { left: 657px; width: 67px; background-position: -88px 0; }
#nav-mac { left: 724px; width: 64px; background-position: -155px -50px; }
#nav-mac:active { background-position: -155px -100px; }
#nav-mac-selected { left: 724px; width: 64px; background-position: -155px 0; }
#nav-articles { left: 788px; width: 94px; background-position: -219px -50px; }

#nav-articles:active { background-position: -219px -100px; }
#nav-articles-selected { left: 788px; width: 94px; background-position: -219px 0; }
#nav-help { left: 882px; width: 69px; background-position: -313px -50px; }
#nav-help:active { background-position: -313px -100px; }
#nav-help-selected { left: 882px; width: 69px; background-position: -313px 0; }

#nav-iphone a, #nav-ipad a, #nav-mac a, #nav-articles a, #nav-help a, #nav-iphone-selected a, #nav-ipad-selected a, #nav-mac-selected a, #nav-articles-selected a, #nav-help-selected a { padding: 140px; opacity: 0; white-space: nowrap; }

.footer { width: 950px; margin: 0 auto; height: 278px; position: relative; }

#footer-background {
	margin-top: 50px;
	background: url('../images/header/footer-background.png') repeat-x;
	background-position: top center;
}

#footer-legal { position: absolute; left: 0; top: 223px; }
#footer-legal p { font-size: 1.2em; color: #51405f; }
#footer-twitter, #footer-about, #footer-contact, #footer-maillist, #footer-joinmaillist, #footer-maillistpopup {
	background: url('../images/header/footer-buttons.png') no-repeat;
	width: 184px;
	height: 50px;
	background-position: 0 0;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 147px;
}

#footer-about {	width: 117px; background-position: -196px 0; left: 206px; }
#footer-contact { width: 107px; background-position: -325px 0; left: 335px; }
#footer-maillist { width: 356px; background: url('../images/header/footer-mailinglist.png') no-repeat; left: 454px; padding: 4px 0 0 130px; }
#footer-joinmaillist { width: 73px; height: 30px; background: url('../images/header/footer-join.png') no-repeat; left: 859px; top: 154px; }
#footer-twitter:active { background-position: 0 -50px; }
#footer-about:active { background-position: -196px -50px; }
#footer-contact:active { background-position: -325px -50px; }
#footer-joinmaillist:active { background-position: 0 -30px; }

#footer-twitter a, #footer-about a, #footer-contact a, #footer-joinmaillist a { padding: 140px 300px; opacity: 0; white-space: nowrap; }

#footer-maillist input { background: none; border: none; box-shadow: 0; width: 264px; color: white; opacity: 0.6; line-height: 12px; }
#footer-maillist input:focus { opacity: 1; }
#footer-maillistpopup {
	width: 326px; height: 126px;
	background: url('../images/header/footer-mailinglistpopup.png') no-repeat;
	left: 559px; top: 16px;
	opacity: 0;
	transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	-webkit-transition-delay: 250ms;
}

input {
	background: #202020;
	border: none;
	border-bottom: 2px solid #474747;
	margin: 2px 0;
	padding: 5px;
	color: #aaafb7;
	color: white;
	font: normal normal 1.5em/150% Helvetica, Arial, Geneva, sans-serif;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	width: 305px;
	outline: none;
}

/* @end */

/* @group Text */

h1 {
	font: normal normal 2.4em/150% Helvetica, Arial, Geneva, sans-serif;
	color: #eaeaea;
	margin: 0;
	padding: 17px 0 10px 14px;
	text-align: left;
}

h1 a {
	text-decoration: none;
	color: #eaedf0;
	transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
}

h1 a:hover {
	color: white;
	text-shadow: rgba(255,255,255,1) 0 0 2px;
}

p, h3, h4, h5, ul {
	font: normal normal 1.5em/150% Helvetica, Geneva, sans-serif;
	font-weight: normal;
	color: #adb3bb;
	margin: 0;
	padding: 0 5px 13px 14px;
	text-align: left;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
}

p a, h2 a, h3 a, h4 a, h5 a, ul a, ol a {
	text-decoration: none;
	color: #6297d0;
	text-shadow: rgba(255,255,255,0) 0 0 3px;
	transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
}

p a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, ul a:hover, ol a:hover, help-list a:hover {
	color: white;
	text-shadow: white 0 0 3px;
}

.sidebar { font: normal normal 1.3em/135% Helvetica, Arial, Geneva, sans-serif; }
.help p { padding: 0 5px 5px 14px; }
.intro { font-size: 1.8em; color: white; }

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

blockquote > p {
	font-style: italic !important;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	padding-left: 0;
}

h3 {
	font: bold 2em/150% Helvetica, Arial, Geneva, sans-serif;
	-webkit-text-stroke: 1px transparent;
	color: #eaedf0;
	letter-spacing: -1px;
	padding-top: 25px;
}

h4 {
	font: bold 1.5em/150% Helvetica, Arial, Geneva, sans-serif;
	color: #e5e8ed;
	padding: 0 5px 0 14px;
}

h5 {
	font: normal normal 1.2em/150% Helvetica, Arial, Geneva, sans-serif;
	color: #979ca2;
}

b { color: white; font-weight: bold; }
em { color: #bdc3cb; font-weight: bold; font-style: normal; }
small { color: #64686f; font-size: 70%; }
small a { color: #7a7a7a; }

.h1-icon {
	float: left;
	width: 32px;
	height: 32px;
	background: url('../images/test/icon.png') no-repeat;
	margin-right: 8px;
}

.help-list {
	display: block; float: left; height: 32px; width: 190px;
	overflow: hidden; padding: 0; margin: 0 0 15px 14px;
	font: normal normal 1.8em/130% Helvetica, Geneva, sans-serif;
	font-weight: normal;
	color: #d4d5d9; text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
}

.help-list a {
	padding: 4px 0 15px 40px; display: block; margin: 0;
	text-decoration: none;
	color: #d4d5d9;
	text-shadow: rgba(255,255,255,0) 0 0 3px;
	transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
}

.help-list a:hover { color: white; text-shadow: white 0 0 3px; }

ul { list-style: none; list-style-image: url('../images/content/list-arrow.png'); padding: 0 0 25px 32px; }
li { margin: 0; padding: 0; }

.white { color: white; }
.grey { color: #9ca0a6; }

/* @end */

/* @group Contact */

#contact {
	background: url('../images/contact/paper.png') no-repeat;
	width: 481px;
	height: 596px;
	left:  469px;
	top: 12px;
	position: absolute;
}

#contact-info { height: 556px; }

#contact-inner {
	left: 15px;
	top: 12px;
	width: 452px;
	height: 551px;
	overflow: hidden;
	position: absolute;
	z-index: 50;
}

#contact-content {
	width: 902px;
	height: 551px;
	left: 0;
	overflow: hidden;
	position: absolute;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

#contact h2, #contact p, #contact p a {
	font: 18px/30px "American Typewriter", "Courier New", Courier, mono;
	color: #606476;
	text-shadow: rgba(255,255,255,0.5) 0 1px 0;
	text-align: center;
}

#contact p, #contact p a { font-size: 14px; text-align: left; color: #606476; border-bottom: solid rgba(0,0,0,0) 1px; }
#contact p a:hover { color: black; border-bottom: solid rgba(0,0,0,1) 1px; }
#contact-heading { width: 452px; height: 66px; position: absolute; left: 0; top: 20px; }
#contact-column-1 { left: 47px; top: 96px; position: absolute; }
#contact-column-2 { left: 223px; top:96px; position: absolute; }
#contact-column-3 { left: 499px; top:96px; position: absolute; }
#contact-input-name { left: 503px; top: 162px; position: absolute; overflow: hidden; }
#contact-input-email { left: 503px; top: 192px; position: absolute; overflow: hidden; }
#contact-input-subject { left: 503px; top: 222px; position: absolute; overflow: hidden; }
#contact-input-message { left: 503px; top: 246px; position: absolute; overflow: hidden; }
#contact-input-name input, #contact-input-email input, #contact-input-subject input, #contact-input-message textarea {
	width: 306px; margin: 0; padding: 0 0 0 75px; background: none; color: black; border: none; outline: none;
	font: 14px/14px "American Typewriter", "Courier New", Courier, mono; text-shadow: none; }
#contact-input-message textarea { height: 239px; min-height: 239px; max-height: 239px; width: 306px; overflow: none;
	font: 14px/30px "American Typewriter", "Courier New", Courier, mono; }
#contact-send { left: 727px; top:506px; position: absolute; 
	background: url('../images/contact/send.png') no-repeat; height: 30px; width: 157px; overflow: hidden; }
#contact-send a { padding: 200px; text-indent: 250px; opacity: 0; white-space: nowrap; }
#contact-send:active { background-position: 0 -30px; }

/* @end */

/* @group Articles */

@font-face {
	font-family: 'MuseoSlab';
	src: url('/images/fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('/images/fonts/museo_slab_500-webfont.woff') format('woff'), url('/images/fonts/museo_slab_500-webfont.ttf') format('truetype'), url('/images/fonts/museo_slab_500-webfont.svg#webfont7CUnIUn7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlabItalic';
	src: url('/images/fonts/museo_slab_500italic-webfont.eot');
	src: local('☺'), url('/images/fonts/museo_slab_500italic-webfont.woff') format('woff'), url('/images/fonts/museo_slab_500italic-webfont.ttf') format('truetype'), url('/images/fonts/museo_slab_500italic-webfont.svg#webfontBP3OMoLv') format('svg');
	font-weight: normal;
	font-style: normal;
}

.articlehead { font: normal normal 3.2em/130% MuseoSlab, Helvetica, Arial, Geneva, sans-serif; }
.articlefirst { font: normal normal 2em/130% MuseoSlab, Helvetica, Arial, Geneva, sans-serif; color: #eaedf0; padding-bottom: 13px; }
.articlefirst i { font-family: MuseoSlabItalic; font-style: normal; }

.article-top { background: url('../images/articles/base-top.png') no-repeat; overflow: hidden; height: 20px; }
.article-bottom { background: url('../images/articles/base-bottom.png') no-repeat; overflow: hidden; height: 27px; clear: both; }
.article-mid { background: url('../images/articles/base-mid.png') repeat-y; }

.article-mid h1 { color: #6d6f7c; text-shadow: white 0 2px 0; padding: 0 15px 10px 34px; }
.article-mid p, .article-mid h3, .article-mid h4, .article-mid h5, .article-mid ul { color: #6d6f7c; text-shadow: none; padding: 0 15px 13px 34px; }
.article-mid a { color: #6297d0; text-shadow: none; }
.article-mid a:hover { color: black; text-shadow: none; }

.article-quote {
	padding-left: 30px;
	font-family: MuseoSlabItalic, Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
}

.article-credit {
	text-align: right;
	color: white;
}

/* @end */

/* @group App Menu & Home */

.appmenu-item { width: 316px; height: 241px; overflow: hidden; float:left; margin-bottom: 16px; }
.home-item a { padding: 550px 1000px; opacity: 0; white-space: nowrap; }
.home-item { width: 950px; height: 391px; overflow: hidden; margin-bottom: 12px; background: url('../images/home/home-main.jpg') no-repeat; }
.homesmall-item { width: 316px; height: 124px; overflow: hidden; float:left; margin-bottom: 16px; }
.appmenu-item a, .homesmall-item a { padding: 250px 350px; opacity: 0; white-space: nowrap; }

/* @end */

/* @group Apps */

.appheading-jobs {
	background: url('../images/iphone/jobs/heading.png') no-repeat;
	width: 445px;
	height: 49px;
	margin: 25px 10px 10px 10px;
}

.appicon32-jobs {
	background: url('../images/iphone/jobs/icon.png') no-repeat;
}

.appicon32-consume {
	background: url('../images/iphone/consume/icon.png') no-repeat;
}

.appicon32-kapowie {
	background: url('../images/iphone/kapowie/icon.png') no-repeat;
}

.appheading-beats {
	background: url('../images/iphone/beats/heading.png') no-repeat;
	width: 538px;
	height: 91px;
	margin: 25px 10px 10px 10px;
}

.appicon32-beats {
	background: url('../images/iphone/beats/icon.png') no-repeat;
}


.appheading-darkness {
	background: url('../images/iphone/darkness/heading.png') no-repeat;
	width: 604px;
	height: 91px;
	margin: 25px 10px 10px 10px;
}

.appicon32-darkness {
	background: url('../images/iphone/darkness/icon.png') no-repeat;
}

.appheading-cities {
	background: url('../images/iphone/cities/heading.png') no-repeat;
	width: 432px;
	height: 46px;
	margin: 25px 10px 10px 10px;
}

.appicon32-cities {
	background: url('../images/iphone/cities/icon.png') no-repeat;
}

.appheading-phases {
	background: url('../images/iphone/phases/heading.png') no-repeat;
	width: 574px;
	height: 46px;
	margin: 25px 10px 10px 10px;
}

.appicon32-phases {
	background: url('../images/iphone/phases/icon.png') no-repeat;
}

.appheading-istat {
	background: url('../images/iphone/istat/heading.png') no-repeat;
	width: 567px;
	height: 46px;
	margin: 25px 10px 10px 10px;
}

.appicon32-istat {
	background: url('../images/iphone/istat/icon.png') no-repeat;
}

.appheading-matches {
	background: url('../images/iphone/matches/heading.png') no-repeat;
	width: 471px;
	height: 46px;
	margin: 25px 10px 10px 10px;
}

.appicon32-matches {
	background: url('../images/iphone/matches/icon.png') no-repeat;
}

.appheading-istatpro {
	background: url('../images/mac/istatpro/heading.png') no-repeat;
	width: 522px;
	height: 79px;
	margin: 25px 10px 10px 10px;
}

.appicon32-istatpro {
	background: url('../images/mac/istatpro/icon.png') no-repeat;
}

.appheading-istatmenus {
	background: url('../images/mac/istatmenus/heading.png') no-repeat;
	width: 522px;
	height: 79px;
	margin: 25px 10px 10px 10px;
}

.appicon32-istatmenus {
	background: url('../images/mac/istatmenus/icon.png') no-repeat;
}


.appheading-istatnano {
	background: url('../images/mac/istatnano/heading.png') no-repeat;
	width: 556px;
	height: 79px;
	margin: 25px 10px 10px 10px;
}

.appicon32-istatnano {
	background: url('../images/mac/istatnano/icon.png') no-repeat;
}

.appheading-ilovelamp {
	background: url('../images/mac/ilovelamp/heading.png') no-repeat;
	width: 561px;
	height: 77px;
	margin: 25px 10px 10px 10px;
}

.appicon32-ilovelamp {
	background: url('../images/mac/ilovelamp/icon.png') no-repeat;
}

.appheading-organized {
	background: url('../images/mac/organized/heading.png') no-repeat;
	width: 590px;
	height: 39px;
	margin: 25px 10px 10px 10px;
}

.appicon32-organized {
	background: url('../images/mac/organized/icon.png') no-repeat;
}

.buyme, .buyme-onsale, .notavailable, .onepass, .onepass-sml, .small-download, .small-moreinfo {
	background: url('../images/buttons/buyme.png') no-repeat;
	width: 294px;
	height: 67px;
	margin: 24px 0 7px 7px;
	overflow: hidden;
}

.buyme a, .buyme-onsale a, .notavailable a, .onepass a, .onepass-sml a, .small-download a, .small-moreinfo a {
	font-size: 60px;
	line-height: 60px;
	padding: 300px;
	opacity: 0;
	white-space: nowrap;
}

.notavailable {
	background: url('../images/buttons/notavailable.png') no-repeat;
}

.buyme-onsale {
	background: url('../images/buttons/buyme-onsale.png') no-repeat;
}

.onepass {
	background: url('../images/buttons/1pass.png') no-repeat;
	height: 125px;
}

.onepass-sml {
	background: url('../images/buttons/1pass-sml.png') no-repeat;
	width: 230px;
	height: 91px;
	margin: 0;
}

.small-download {
	margin: 7px 0 7px 7px;
	/*margin: 0;*/
	background: url('../images/buttons/small-download.png') no-repeat;
	height: 57px;
}

.small-moreinfo {
	margin: 7px 0 7px 7px;
	background: url('../images/buttons/small-moreinfo.png') no-repeat;
	height: 57px;
}

.buyme:hover, .buyme-onsale:hover, .notavailable:hover { background-position: 0 -67px; }
.buyme:active, .buyme-onsale:active, .notavailable:active { background-position: 0 -134px; }
.notavailable:hover { background-position: 0 -67px; }
.notavailable:active { background-position: 0 -134px; }
.small-download:hover, .small-moreinfo:hover { background-position: 0 -57px; }
.small-download:active, .small-moreinfo:active { background-position: 0 -114px; }

.sidebar-section {
	background: url('../images/content/sidebar-background.jpg') no-repeat;
	width: 310px;
	padding: 1px 0 10px 0;
}

.sidebar-section2 {
	background: url('../images/iphone/istat/section-background.gif') repeat-y;
	width: 310px;
	padding: 11px 0;
	margin-bottom: 15px;
	-khtml-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.sidebar-section2 p {
	color: #8c979d;
	padding: 0 16px 3px 16px;
}

.sectiontab-mac, .sectiontab-windows, .sectiontab-linux {
	background: url('../images/iphone/istat/section-tab-mac.png') no-repeat;
	width: 93px;
	height: 36px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	color: rgba(0,0,0,0);
	margin: 6px 0 10px 0;
}

.sectiontab-mac {
	margin-left: 15px;
}

.sectiontab-windows {
	background: url('../images/iphone/istat/section-tab-windows.png') no-repeat;
	width: 94px;
}

.sectiontab-linux {
	background: url('../images/iphone/istat/section-tab-linux.png') no-repeat;
	width: 93px;
}

.sectiontab-selected { background-position: 0 -36px; }

.tab-istatoverview, .tab-istatmac, .tab-istatiphone, .tab-istatserver {
	background: url('../images/iphone/istat/tab-overview.png') no-repeat;
	width: 85px;
	height: 41px;
	margin: 0 0 8px 0;
	overflow: hidden;
	float: left;
	color: rgba(0,0,0,0);
	line-height: 90px;
	cursor: pointer;
}

.sidebarheader {
	text-align: center;
	font-size: 1.2em;
	padding: 4px 10px 3px 10px;
	color: #46455c;
}

.tab-istatoverview a, .tab-istatmac a, .tab-istatiphone a, .tab-istatserver a, .sectiontab-mac a, .sectiontab-windows a, .sectiontab-linux a {
	font-size: 60px;
	line-height: 60px;
	padding: 300px;
	opacity: 0;
	white-space: nowrap;
}

.tab-istatoverview { margin-left: 10px; }
.tab-istatmac { background: url('../images/iphone/istat/tab-remotemac.png') no-repeat; width: 173px; }
.tab-istatiphone { background: url('../images/iphone/istat/tab-iphone.png') no-repeat; width: 198px; }
.tab-istatserver { background: url('../images/iphone/istat/tab-istatserver.png') no-repeat; width: 95px; }

.tab-istatoverview:hover, .tab-istatmac:hover, .tab-istatiphone:hover, .tab-istatserver:hover { background-position: 0 -41px; }
.tab-selected { background-position: 0 -82px; }
.tab-selected:hover { background-position: 0 -82px; }

.matches-iphone {
	background: url('../images/iphone/matches/iphone.png');
	width: 260px;
	height: 526px;
	margin: 15px 0 0 28px;
}

.darkness-iphone {
	background: url('../images/iphone/darkness/iphone.png');
	width: 260px;
	height: 526px;
	margin: 15px 0 0 28px;
}

.istat-iphone {
	background: url('../images/iphone/istat/iphone.png');
	width: 260px;
	height: 526px;
	margin: 15px 0 0 28px;
}

.istat-video {
	width: 203px;
	height: 304px;
	position: relative;
	top: 86px;
	left: 28px;
	overflow: hidden;
}

.istat-video-vimeo {
	width: 203px;
	height: 303px;
	position: relative;
	top: 86px;
	left: 28px;
	overflow: hidden;
}

.app-screenshot {
	width: 133px;
	height: 200px;
	border: 1px solid black;
	margin: 2px 0 15px 14px;
	float: left;
	overflow: hidden;
}

.app-screenshot-big {
	width: 250px;
	height: 375px;
	border: 1px solid black;
	margin: 2px 0 15px 14px;
	float: left;
	overflow: hidden;
}

.app-quote {
	font-style: normal;
	font-family: MuseoSlabItalic, Georgia, "Times New Roman", Times, serif;
}

.app-help {
	font-size: 1.3em;
	line-height: 135%;
	padding: 5px 5px 2px 14px;
}

.app-text {
	padding: 7px 17px 0 5px;
}

/* @end */

/* @group Apps (new style) */

.app-iphone { height: 555px; position: relative; margin-top: 20px !important; }

.app-description, .app-description-kapowie { font-size: 0.9em; position: absolute; height: 280px; left: 359px; top: 242px; }
.app-description p { padding-bottom: 8px !important; }

.app-kapowie { background: url('../images/iphone/kapowie/background.jpg') no-repeat; height: 554px; position: relative; }
.app-description-kapowie { height: 280px; left: 0px; top: 117px;}
.buybutton-kapowie { left: 690px !important; top: 424px !important; }
.video-kapowie { width: 401px; height: 267px; left: 441px; top: 46px; position: absolute; }

#app-features-button, #app-version-button {
	position: absolute;
	height: 15px;
	width: 79px;
	left: 652px;
	top: 245px;
	z-index: 100;
	cursor: pointer;
}

#app-version-button { width: 106px; left: 773px; }

.app-features, .app-version {
	background: url('../images/content/panel-features.gif') no-repeat;
	position: absolute;
	height: 168px;
	width: 253px;
	left: 639px;
	top: 237px;
	padding-top: 38px;
	font-size: 0.8em;
	overflow: hidden;
	opacity: 1;
}

.app-version { display: none; opacity: 0; background: url('../images/content/panel-version.gif') no-repeat; }
.app-features p, .app-version p { padding-bottom: 8px !important; padding-right: 30px !important;}

.notavailableyet, .free, .download, .buy-099, .buy-099-sale, .buy-199, .buy-199-sale, .buy-299, .buy-299-sale, .buy-399, .buy-399-sale, .buy-499, .buy-499-sale, .buy-249, .buy-1000, .buy-1600 {
	position: absolute;
	background: url('../images/buttons/buy-099.png') no-repeat;
	width: 244px;
	height: 72px;
	left: 646px;
	top: 442px;
	overflow: hidden;
	z-index: 100;
}

.notavailableyet a, .download a, .free a, .buy-099 a, .buy-099-sale a, .buy-199 a, .buy-199-sale a, .buy-299 a, .buy-299-sale a, .buy-399 a, .buy-399-sale a, .buy-499 a, .buy-499-sale a, .buy-249 a, .buy-1000 a, .buy-1600 a {
	cursor: pointer;
	line-height: 65px;
	padding: 300px;
	opacity: 0;
	white-space: nowrap;
}

.free:active, .download:active, .buy-099:active, .buy-099-sale:active, .buy-199:active, .buy-199-sale:active, .buy-299:active, .buy-299-sale:active, .buy-399:active, .buy-399-sale:active, .buy-499:active, .buy-499-sale:active, .buy-249:active, .buy-1000:active, .buy-1600:active {
	background-position: 0 -72px;
}

.free { background: url('../images/buttons/free.png') no-repeat; }
.download { background: url('../images/buttons/download.png') no-repeat; }
.notavailableyet { background: url('../images/buttons/notavailableyet.png') no-repeat; }
.buy-099-sale { background: url('../images/buttons/buy-099-sale.png') no-repeat; }
.buy-199 { background: url('../images/buttons/buy-199.png') no-repeat; }
.buy-199-sale { background: url('../images/buttons/buy-199-sale.png') no-repeat; }
.buy-299 { background: url('../images/buttons/buy-299.png') no-repeat; }
.buy-299-sale { background: url('../images/buttons/buy-299-sale.png') no-repeat; }
.buy-399 { background: url('../images/buttons/buy-399.png') no-repeat; }
.buy-399-sale { background: url('../images/buttons/buy-399-sale.png') no-repeat; }
.buy-499 { background: url('../images/buttons/buy-499.png') no-repeat; }
.buy-499-sale { background: url('../images/buttons/buy-499-sale.png') no-repeat; }
.buy-249 { background: url('../images/buttons/buy-249.png') no-repeat; }
.buy-1000 { background: url('../images/buttons/buy-1000.png') no-repeat; }
.buy-1600 { background: url('../images/buttons/buy-1600.png') no-repeat; }

.app-additionalinfo-mid { background: url('../images/content/additionalinfo-mid.png') repeat-y; margin-bottom: 11px; }
.app-additionalinfo-top { background: url('../images/content/additionalinfo-top.png') no-repeat; }
.app-additionalinfo-bottom { background: url('../images/content/additionalinfo-bottom.png') no-repeat;height: 14px;overflow: hidden; }

/* @end */

/* @group Apps Animate */

.screenshots {
	list-style-type: none;
	width: 1125px;
	height: 323px;
	/*padding: 0;
	margin: 0;*/
	position: absolute;
	left: 0;
}

.screenshots li {
	width: 225px;
	height: 323px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.screenshots li img {
	margin: 0;
	padding: 0;
}

.iphonescreen {
	width: 225px;
	height: 323px;
	overflow: hidden;
	position: absolute;
	left: 84px;
	top: 109px;
	z-index: 1;
}

ul.screenshots {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.thumbs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 85px;
	width: 430px;
}

ul.screenshots li {
	display: inline;
}

ul.thumbs li {
	display: inline;
}

ul.thumbs li a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 102px;
	width: 102px;
	margin-right: 20px;
}

.iphoneimage1, .iphoneimage2, .iphoneimage3, .iphoneimage4, .iphoneimage5 {
	position: absolute;
	background: url('/images/buttons/imageswitch-off.png') no-repeat;
	left: 371px;
	top:107px;
	overflow: hidden;
	cursor: pointer;
	z-index: 100;
}

.iphoneimage-selected { background: url('/images/buttons/imageswitch-on.png') no-repeat; }
.screenshots li#iphoneimage2 { left: 0; }
.screenshots li#iphoneimage3 { left: 0; }
.screenshots li#iphoneimage4 { left: 0; }
.screenshots li#iphoneimage5 { left: 0; }
.iphoneimage2 { left: 475px; }
.iphoneimage3 { left: 579px; }
.iphoneimage4 { left: 683px; }
.iphoneimage5 { left: 787px; }

/* @end */

/* @group Apps Animate 2 */

.iphone-screen {
	width: 225px;
	height: 338px;
	overflow: hidden;
	position: absolute;
	left: 84px;
	top: 94px;
	z-index: 1;
}

.iphone-screenshots {
	width: 225px;
	height: 1690px;
}

/* @end */

/* @group Phases iPad */

.app-phasesipad { background: url('../images/ipad/phases/background.jpg') no-repeat; height: 720px; position: relative; }
.app-description-phasesipad { font-size: 0.9em; position: absolute; height: 280px; left: 0; top: 228px; }

#phasesipad-thumb-1, #phasesipad-thumb-2, #phasesipad-thumb-3, #phasesipad-thumb-4 {
	position: absolute;
	background: url('/images/buttons/imageswitch-off.png') no-repeat;
	width: 102px;
	height: 102px;
	cursor: pointer;
	z-index: 100;
	left: 12px;
	top: 101px;
}

#phasesipad-thumb-1 { background: url('/images/buttons/imageswitch-on.png') no-repeat; }
#phasesipad-thumb-2 { left: 116px; }
#phasesipad-thumb-3 { left: 220px; }
#phasesipad-thumb-4 { left: 324px; }

#phasesipad-image-1, #phasesipad-image-2, #phasesipad-image-3, #phasesipad-image-4 {
	position: absolute;
	background: url('../images/ipad/phases/1-calendar.jpg') no-repeat;
	width: 388px;
	height: 542px;
	z-index: 100;
	left: 491px;
	top: 61px;
	opacity: 1;
	-webkit-transition: all 0.35s linear;
}

#phasesipad-image-2 { opacity: 0; background: url('../images/ipad/phases/2-upcoming.jpg') no-repeat; }
#phasesipad-image-3 { opacity: 0; background: url('../images/ipad/phases/3-lightmap.jpg') no-repeat; }
#phasesipad-image-4 { opacity: 0; background: url('../images/ipad/phases/4-location.jpg') no-repeat; }
.buybutton-phasesipad { left: 178px !important; top: 581px !important; }
#phasesipad-info { position: absolute; width: 417px; height: 253px; left: 10px; top: 417px; z-index: 10; padding: 41px 0 0 4px;
	background: url('../images/ipad/phases/features.png') no-repeat; }
#phasesipad-info p { font-size: 1.2em; padding-bottom: 6px; color: #e0e3e4; }
#phasesipad-info-outer { width: 409px; height: 130px; overflow:hidden; position: relative; }
#phasesipad-info-inner { width: 818px; height: 130px; overflow:hidden; position: absolute; -webkit-transition: all 0.5s ease-in-out; }
#phasesipad-features-button, #phasesipad-version-button { width: 205px; height: 31px; left: 14px; top: 417px; position: absolute; cursor: pointer; z-index: 100; }
#phasesipad-version-button { left: 219px; }

/* @end */

/* @group iStat Menus */

#istatmenus-header { position: relative; width: 950px; height: 481px; overflow: hidden; margin-bottom: 12px; background: url('../images/mac/istatmenus/background.jpg') no-repeat; }
.buybutton-istatmenus { left: 472px !important; top: 404px !important; }
.download-istatmenus { left: 705px !important; top: 404px !important; }
#istatmenus-thumb-1, #istatmenus-thumb-2, #istatmenus-thumb-3, #istatmenus-thumb-4 {
	position: absolute;
	background: url('../images/mac/istatmenus/imageswitch-off-sml.png') no-repeat;
	width: 97px;
	height: 97px;
	cursor: pointer;
	z-index: 100;
	left: 12px;
	top: 372px;
}

#istatmenus-thumb-1 { background: url('../images/mac/istatmenus/imageswitch-on-sml.png') no-repeat; }
#istatmenus-thumb-2 { left: 111px; }
#istatmenus-thumb-3 { left: 210px; }
#istatmenus-thumb-4 { left: 309px; }

#istatmenus-image-1, #istatmenus-image-2, #istatmenus-image-3, #istatmenus-image-4 {
	position: absolute;
	background: url('../images/mac/istatmenus/screenshot-1-cpu.jpg') no-repeat;
	width: 432px;
	height: 244px;
	z-index: 100;
	left: 448px;
	top: 70px;
	opacity: 1;
	-webkit-transition: all 0.35s linear;
}

#istatmenus-image-2 { opacity: 0; background: url('../images/mac/istatmenus/screenshot-2-network.jpg') no-repeat; }
#istatmenus-image-3 { opacity: 0; background: url('../images/mac/istatmenus/screenshot-3-datetime.jpg') no-repeat; }
#istatmenus-image-4 { opacity: 0; background: url('../images/mac/istatmenus/screenshot-4-battery.jpg') no-repeat; }

#istatmenus-info { position: absolute; width: 260px; height: 140px; left: 640px; top: 20px; z-index: 10; }
#istatmenus-info p { font-size: 1.2em; padding-bottom: 6px; color: #e0e3e4; }
#istatmenus-footer { background: url('../images/mac/istatmenus/istatmenus-footer.png') no-repeat; height: 183px; position: relative; margin-top: 30px; }

/* @end */

/* @group MiStat */

#mistat-header { position: relative; width: 950px; height: 800px; overflow: hidden; margin-bottom: 12px; background: url('../images/mac/mistat/background.png') no-repeat; }

.buybutton-mistat { left: 26px !important; top: 389px !important; }

#mistat-info { position: absolute; width: 670px; height: 140px; left: 20px; top: 45px; z-index: 10; }
#mistat-info p { font-size: 1.2em; padding-bottom: 6px; color: #e0e3e4; }
#mistat-footer { background: url('../images/mac/mistat/mistat-footer.png') no-repeat; height: 126px; position: relative; margin-top: 30px; }
.mistat-pad { padding-left: 34px; }

/* @end */

/* @group Consume */

#consumeipad-header { position: relative; width: 950px; height: 536px; overflow: hidden; margin-bottom: 12px; background: url('../images/ipad/consume/background.jpg') no-repeat; }
#consume-header { position: relative; width: 950px; height: 552px; overflow: hidden; margin-bottom: 12px; background: url('../images/iphone/consume/background.jpg') no-repeat; }

.buybutton-consumeipad { left: 26px !important; top: 397px !important; }
.buybutton-consume { left: 347px !important; top: 340px !important; }
.buybutton-consume2 { left: 667px !important; top: 623px !important; }

#consumeipad-thumb-1, #consumeipad-thumb-2, #consumeipad-thumb-3, #consumeipad-thumb-4 { position: absolute; background: url('../images/ipad/consume/imageswitch-off-mini.png') no-repeat; width: 57px; height: 57px; cursor: pointer; z-index: 100; left: 32px; top: 220px; }
#consumeipad-thumb-1 { background: url('../images/ipad/consume/imageswitch-on-mini.png') no-repeat; }
#consumeipad-thumb-2 { left: 89px; }
#consumeipad-thumb-3 { left: 146px; }
#consumeipad-thumb-4 { left: 203px; }

#consumeipad-image-1, #consumeipad-image-2, #consumeipad-image-3, #consumeipad-image-4 { position: absolute; background: url('../images/ipad/consume/screenshot-1.jpg') no-repeat; width: 368px; height: 276px; z-index: 100; left: 318px; top: 185px; opacity: 1; -webkit-transition: all 0.35s linear; }
#consumeipad-image-2 { opacity: 0; background: url('../images/ipad/consume/screenshot-2.jpg') no-repeat; }
#consumeipad-image-3 { opacity: 0; background: url('../images/ipad/consume/screenshot-3.jpg') no-repeat; }
#consumeipad-image-4 { opacity: 0; background: url('../images/ipad/consume/screenshot-4.jpg') no-repeat; }

#consume-thumb-1, #consume-thumb-2, #consume-thumb-3, #consume-thumb-4, #consume-thumb-5 { position: absolute; background: url('../images/buttons/imageswitch-off.png') no-repeat; width: 102px; height: 102px; cursor: pointer; z-index: 100; left: 353px; top: 163px; }
#consume-thumb-1 { background: url('../images/buttons/imageswitch-on.png') no-repeat; }
#consume-thumb-2 { left: 459px; }
#consume-thumb-3 { left: 565px; }
#consume-thumb-4 { left: 671px; }
#consume-thumb-5 { left: 777px; }

#consume-image-1, #consume-image-2, #consume-image-3, #consume-image-4, #consume-image-5 { position: absolute; background: url('../images/iphone/consume/screenshot-1.jpg') no-repeat; width: 214px; height: 321px; z-index: 100; left: 92px; top: 100px; opacity: 1; -webkit-transition: all 0.35s linear; }
#consume-image-2 { opacity: 0; background: url('../images/iphone/consume/screenshot-2.jpg') no-repeat; }
#consume-image-3 { opacity: 0; background: url('../images/iphone/consume/screenshot-3.jpg') no-repeat; }
#consume-image-4 { opacity: 0; background: url('../images/iphone/consume/screenshot-4.jpg') no-repeat; }
#consume-image-5 { opacity: 0; background: url('../images/iphone/consume/screenshot-5.jpg') no-repeat; }

#consumeipad-info { position: absolute; height: 140px; left: 20px; top: 45px; z-index: 10; }
#consumeipad-info p { font-size: 1.2em; padding-bottom: 6px; color: #e0e3e4; }
#consumeipad-footer { background: url('../images/ipad/consume/consumeipad-footer.jpg') no-repeat; height: 126px; position: relative; margin-top: 30px; }
#consume-footer { background: url('../images/iphone/consume/consume-footer.jpg') no-repeat; height: 126px; position: relative; margin-top: 30px; }
.consumeipad-pad { padding-left: 34px; }
#consumeipad-iphonelink { position: absolute; width: 261px; height: 97px; left: 655px; top: -31px; }

/* @end */

/* @group Follow */

.followicon {
	float: left;
	height: 36px;
	padding: 4px 0 0 40px;
	margin-left: 13px;
	display: block;
	background:url('/images/follow/icon-rss.png') no-repeat;
}

/* @end */

/* @group Blueprint Grid.css */

/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; } 

/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #3d3f44; 
  color: #3d3f44;
  clear: both; 
  float: none; 
  width: 95%; 
  height: .1em;
  margin: 25px 14px 25px 14px;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */