/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

:root {
	color-scheme:light dark;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Header Styles */

body {
	font-family: 'Open Sans', sans-serif;
	background:#FFF;
	margin: 0;
}

header {
	background:#202020 url('../images/bkg_header.png') repeat-x bottom left;
	height:84px;
	width:100%;
}

header div {
	width:960px;
	margin: 0 auto;
}

header #logo {
	width:196px;
	height:42px;
}

header #title {
	margin-top:20px;
	float:left;
}

header ul#navigation {
	float:right;
	margin:15px;
	margin-top:32px;
}

header ul#navigation li {
	float:left;
	font-size: 10pt;
	padding-left:8px;
	padding-right:8px;
}

header ul#navigation li a {
	color:#38fff2;
	text-decoration: none;
}

header ul#navigation li a:hover {
	text-decoration: underline;
}

#buy-button {
	display: inline-block;
	width: auto;
	padding:6px 22px 6px 22px;
	border: solid 2px #4ad4c9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	background: #31ece0; /* Old browsers */
	background: -moz-linear-gradient(top,  #31ece0 0%, #59b6ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31ece0), color-stop(100%,#59b6ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #31ece0 0%,#59b6ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #31ece0 0%,#59b6ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #31ece0 0%,#59b6ac 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #31ece0 0%,#59b6ac 100%); /* W3C */
	margin: 0 12px 0 6px;
}

#learn-button {
	
}

/* Link Styles */

a {
	text-decoration: none;
	color: #00c4b5;
}

a:hover {
	text-decoration: underline;
}

code {
	font-family: monospace;
}

pre {
	font-family: monospace;
}

pre span.chords {
	font-weight: bold;
	color: #00c6b3;
}
pre span.title {
	font-weight: bold;
}
pre span.section {
	font-weight: bold;
	color: #848d8c;
	text-decoration: underline;
}
pre span.instructions {
	color: #848d8c;
	font-style: italic;
}

#content #description pre {
	margin:1em 0.25em 1em 0.25em;
	padding:0.5in;
	border: solid 1px #AAA;
	line-height: 1.3;
}

form em {
	font-size: 10pt;
	color: #999;
	padding-left:1em;
}

em {
	font-style: italic;
}

strong, b {
	font-weight: 800;
}

/* Content Styles */

ul#sections {
	margin: 30px auto 40px auto;
	height: 1em;
	font-size: 10pt;
	text-transform: uppercase;
	display:table;
}
ul#sections li {
	float: left;
	padding: 0.75em;
}

ul#sections li.selected a {
	font-weight: bold;
	color: #5ab5ab;
}
#content {
	width: 960px;
	margin: 0 auto;
}

#apps #content {
	width:820px;
}

#content #description h2 {
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	color: #808080;
	margin-left:0.4em;
}

#content #description h1, #content #description h3 {
	text-transform: uppercase;
	font-size: 60pt;
	font-weight: 800;
	color: #d4d4d4;
	letter-spacing: -0.05em;
	line-height: 1.0em;
}

#content #description h4 {
	text-transform: uppercase;
	font-size: 24pt;
	font-weight: 800;
	color: #d4d4d4;
	letter-spacing: -0.05em;
	line-height: 0.8em;
	margin-top:1em;
}

#content #description h5 {
	text-transform: uppercase;
	font-size: 18pt;
	font-weight: 800;
	color: #d4d4d4;
	letter-spacing: -0.05em;
	line-height: 0.8em;
	margin-top:1em;
	padding-left: 0.2em;
}

#content #description>p {
	font-size: 13pt;
	color: #808080;
	padding:0.5em 0.3em 0.5em 0.3em;
	line-height: 1.3em;
}

a.link {
	display:block;
	position: absolute;
	height: 80px;
	background: transparent;
	opacity: 0;
}

a#manage {
	position: absolute;
	top:105px;
	right:570px;
	width:460px;
	cursor: pointer;
}

a#practice {
	position: absolute;
	top:190px;
	right:500px;
	width: 510px;
	cursor: pointer;
}

a#perform {
	position: absolute;
	top:265px;
	right:560px;
	width: 500px;
	cursor: pointer;
}

a#learn {
	position: absolute;
	top:345px;
	right:740px;
	width: 370px;
	cursor: pointer;
}

a#download {
	position: absolute;
	top:425px;
	right:470px;
	width: 400px;
	cursor: pointer;
}

#purchase {
	width:120px;
	float:left;
}

#purchase h3 {
	float:left;
	color:#666;
	margin-bottom:7px;
	width:60%;
	font-size:11pt;
}
#purchase h4 {
	font-size: 24pt;
	font-weight: bold;
	width:40%;
	float:right;
	color:#333;
}
#purchase h4 sup {
	font-size: 14pt;
	vertical-align: 0.5em;
}
#purchase a {
	padding-top:10px;
	clear:both;
	display:block;
}

/* Features Section */

#features {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#features li {
	width: 35%;
	padding:1em 60px 0 60px;
	margin-bottom: 2em;
	line-height: 1.4em;
	color: #444;
	float:left;
	background: url('../images/icons/icon_default.png') no-repeat 0 5px;
	font-weight: 300;
}

#features ul.noicon li {
	padding:1em 5% 0 0;
	width: 45%;
	background: none;
}

#features li a {
	font-weight: 400;
	color: #808080;
	text-decoration: none;
	font-size: 18pt;
}

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

#features li p {
	margin-top: 0.5em;
}

#features.onecolumn {
	width:960px;
}

#features.onecolumn li {
	width:100%;
	margin-bottom:1em;
	float:none;
}

#features.onecolumn ul.noicon li {
	padding:1em 0 0 0.5em;
	width: 100%;
	background: none;
}

/* Testimonial Quotes */

#quotes {
	clear: both;
	font-weight:300;
	text-align: center;
}
#quotes dt {
	font-size: 24pt;
	color: #555;
}
#quotes dd {
	margin-top: 0.6em;
}
#quotes dd em {
	color:#01a196;
}

img.rating {
	margin:0.5em;
	width:74px;
	height:14px;
}

/* Subscription */

#subscribe {
	width: 960px;
	margin: 80px auto 20px auto;
	height: 40px;
	clear: both;
}
#subscribe #form {
	margin-right: 20px;
	float:left;
	width: 40%;
}
#subscribe #form label {
	margin-bottom: 0.5em;
	color: #666;
	display: block;
	font-size: 8pt;
}
#subscribe #form input {
	border: 1px solid #CCC;
	height: 36px;
	font-size: 12pt;
}
#subscribe #form input[type=email] {
	width:70%;
}
#subscribe #form button {
	border: solid 1px #09bbaf;
	background-color: #05c2b5;
	height: 36px;
	font-size:8pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFF;
	padding: 4pt 8pt 4pt 8pt;
	width:20%;
}
#subscribe #privacy {
	float:left;
	font-size: 9pt;
	color: #666;
	font-style: italic;
	width: 45%;
}
#subscribe #social {
	float:right;
}
#subscribe #social li {
	float:left;
	padding:0 4px 0 4px;
}

/* Footer Styles */

#translation {
	margin: 0 auto;
	margin-top: 2em;
	width:960px;
	clear: both;
}

footer {
	margin: 0 auto;
	margin-top: 30px;
	width:960px;
	height:40px;
	font-size: 8pt;
	border:solid 0 #DDD;
	border-width: 1px 0 0 0;
	padding-top:10px;
	clear: both;
	margin-bottom: 30px;
}
footer p {
	float:left;
	margin-bottom: 2em;
	margin-right: 9px;
}

footer #navigation li {
	float:left;
	padding:0 9px 0 9px;
}
footer #navigation li a {
	color: #01a196;
	text-decoration: none;
}
footer #navigation li a:hover {
	text-decoration: underline;
}

footer .credit { padding-top: 19px; float: right; color: #999; margin-top: -1em; }
footer .credit a { padding-top: 26px; display: inline-block; background: url(../images/andculture.gif) 100% 0 no-repeat; color: #7b9895; }

/* Home Page Styles */

#home #content-wrap {

}

#home #bkg {
	position: absolute;
	top:84px;
	right: -5%;
	z-index: -100;
	width:1850px;
	height:512px;
}

#home #content {
	min-height: 100px;
	padding-top:460px;
}

#home #content #hero {
	position: absolute;
	top:60px;
	right:0%;
	margin-right:480px;
}

#home #content #hero #frame {
	left:0;
	position: absolute;
	z-index:10;
	width:470px;
	height:695px;
}

#home #content #hero video {
	left: 28px;
	top:56px;
	position: absolute;
	z-index:5;
}

#home #content #hero .fade {
	left:28px;
	top:56px;
	position: absolute;
	z-index:5;
}

#home #content #motto {
	font-size: 14pt;
	color: #444;
	margin-bottom: 35px;
	line-height: 1.3;
}

#home #content #availability {
	padding-right:20px;
	float: left;
}

#home #content #availability h3 {
	color:#444;
	margin-bottom: 7px;
}

#home #content #availability li {
	float:left;
	font-size:8pt;
	height:85px;
	text-align: center;
	margin-right:6px;
	padding-top:70px;
	color:#555;
}

#home #content #availability #iPad {
	background:url('../images/icons/icon_ipad.png') no-repeat center 0;
	width:50px;
	margin-right:10px;
}

#home #content #availability #iPhone {
	background:url('../images/icons/icon_iphone.png') no-repeat center 23px;
	width:35px;
}

#home #content #availability #iPod {
	background:url('../images/icons/icon_ipod.png') no-repeat center 23px;
	width:35px;
}

#home #content #availability #android {
	background:url('../images/icons/icon_android.png') no-repeat center 23px;
	opacity: 0.5;
	width:35px;
}

#home #content #availability a {
	color:#555;
}

#home #appstore {
	width:121px;
	height:42px;
}

#home ul#sections {
	clear: both;
}

#home #purchase a {
	text-decoration: none;
}

/* Manage Page */

#manage #content-wrap {
	background: url('../images/bkg_manage.png') no-repeat right 280px;
	min-height: 750px;
}

#manage #content {
	margin-top:40px;
}

#manage #content #hero {
	float:left;
	margin-left: -160px;
}

#manage #content #description {
	width: 430px;
	float:left;
	margin-left: -40px;
}

#manage #hero {
	float:left;
	margin-left:-200px;
	display: block;
}

#manage #vid {
	float:left;
	margin-left:100px;
	display: block;
}


/* Practice Page */

#practice #content {
	margin-top:40px;
}

#practice #content #description {
	width:550px;
	height: 300px;
}

#practice #content #hero {
	position: absolute;
	top:210px;
	right:-40%;
	z-index:-1000;
}

#practice #features li {
	height: 140px;
}


/* Perform Page */

#perform #content {
	margin-top:40px;
}

#perform #content #hero {
	margin-right: -150px;
	float:right;
}

#perform #content #description {
	width:480px;
}

#perform #features {
	width:400px;
	clear: none;
}

#perform #features li {
	float: none;
	width:400px;
	padding: 1em 0 1em 60px;
	height:40px;
}


/* Learn Page */

#learn #content {
	margin-top:40px;
}

#learn #vid {
	position: absolute;
	top:130px;
	right:-5%;
	z-index:-100;
}

#learn #content #description {
	width:540px;
}


/* RWTC Page */

#rwtc #content-wrap {

}

#rwtc #content {
	margin-top:40px;
}

#rwtc #content #hero {
	float:right;
	margin-right:30px;
	margin-top: 50px;
}

#rwtc #content #description {
	width: 430px;
	float:left;
/*	margin-left: -40px; */
}

#rwtc #hero {
	float:right;
	display: block;
}

#rwtc #vid {
	float:left;
	margin-left:100px;
	display: block;
}

#rwtc #features em {
	color:#000;
	font-style: italic;
}


#blog a {
	text-decoration: none;
	color: #01a196;
}

#blog a:hover {
	text-decoration: underline;
}

#blog h2.date-header {
	margin-top:3em;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	color: #808080;
}

#blog h3 {
	margin-top:10pt;
	text-transform: uppercase;
	font-size: 30pt;
	font-weight: 800;
	color: #d4d4d4;
	letter-spacing: -0.05em;
	line-height: 0.8em;
}

#blog h3 a {
	text-decoration: none;
	color: #d4d4d4;
}

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

#blog h4 {
	margin-top:18pt;
	text-transform: uppercase;
	font-size: 18pt;
	font-weight: 800;
	color: #d4d4d4;
	letter-spacing: -0.05em;
	line-height: 1em;
}

#blog h4 a {
	text-decoration: none;
	color: #d4d4d4;
}

#blog h4 a:hover {
	text-decoration: underline;
}

#blog div.post-footer {
	margin-top:3em;
	margin-bottom: 3em;
	font-size: 10pt;
	font-weight: 400;
	color: #808080;
}

#blog div.post-body p {
	font-size: 13pt;
	color: #808080;
	padding:0 0 1em 0;
	line-height: 1.3em;
}

#blog div.post-body, #blog #comments {
	font-size: 12pt;
	color: #808080;
	padding:1em 0.3em 1em 0.3em;
	line-height: 1.5em;
}

#blog #comments {
	font-size: 10pt;
}

#blog #sidebar-wrapper {
	display: none;
}

#blog a.blog-pager-older-link {
	padding-right:20px;
	background-image: url('../images/icons/icon_blog_forward.png');	
	background-repeat: no-repeat;
	background-position: center right;
}

#blog a.home-link {
	padding-left:20px;
	padding-right:20px;
	background-image: url('../images/icons/icon_blog_home.png');	
	background-repeat: no-repeat;
	background-position: center left;
}

#blog a.blog-pager-newer-link {
	padding-left:20px;
	background-image: url('../images/icons/icon_blog_backward.png');	
	background-repeat: no-repeat;
	background-position: center left;
}

#blog ul {
	margin-bottom:1.5em;
}

#navbar-iframe {
	display:none!important;
}

#upgrade #content img {
	float:right;
	margin-left:30px;
}

#upgrade #content #description {

}

#content form {
	margin-left:5px;
	margin-bottom: 2em;
}

#content form label {
	display:block;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	color: #808080;
	margin-right:1em;
}

#content form input, #content form textarea, #content form select {
	border: solid 1px #CCC;
	font-size: 11pt;
	padding: 2pt;
	width:80%;
	margin-bottom:0.5em;
}

input[type=search], input[type=text], input[type=password] {
	-webkit-appearance: none;
}

#content form select:after {
	content: ' >>';
}

#content form button {
	border: 0;
	background-color: #808080;
	padding:6pt;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	color: #FFF;
}

#content h6 {
	clear: both;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	color: #808080;
	border:solid 0 #CCC;
	border-bottom-width: 1px;
	padding:0.4em;
	margin-bottom:0.5em;
}

#subscribeForm button {
	display: block;
}

#upgrade #features {
	clear: both;
	margin-top:3em;
}

#tutorial #content img {
	float:right;
	margin-left:30px;
}
#tutorial #description {
	width:520px;
	float:left;
}
#tutorial #description #features {
	width:auto;
	clear: none;
	margin: 0;
}
#tutorial #description #features li {
	width:auto;
	margin-bottom:1em;
}


#coming #description {
	width:500px;
}

#coming #hero {
	position:absolute;
	top:170px;
	right:5%;
	z-index:-100;
}

#buy #description {
	float:right;
	width:670px;
}

#buy #vid {
	float:left;
	margin-top:-10px;
	margin-right: 1em;
}

#buy form a {
	font-style: italic;
	font-size: 10pt;
	padding-left:1em;
}

#support #vid {
	position:absolute;
	top:140px;
	left:0;
	z-index: -100;
}

#support #description {
	width:400px;
	float:right;
}

#mac-support #vid {
	position:absolute;
	top:140px;
	right:0;
	z-index: -100;
}

#mac-support #description {
	margin-right:300px;
}

#newsletter #hero {
	float:right;
}

#newsletter #content h1 {
	padding-top:1em;
	color: #808080;
	font-weight: 800;
	font-size:18pt;
}	
#newsletter p {
	line-height: 1.4em;
	font-weight: 300;
}
#newsletter footer .credit {
	display:none;
}

#airturn #vid {
	float:right;
	margin-top:-30px;
}

#airturn form button {
	background-image: url('../images/icons/icon_buynow.png');
	background-repeat: no-repeat;
	background-color: #5cada1;
	padding-left:12px;
	padding-right:45px;
	background-position: right center;
	
}

#thegigeasy #vid {
	float:right;
	margin-top:-30px;
}

#thegigeasy form button {
	background-image: url('../images/icons/icon_buynow.png');
	background-repeat: no-repeat;
	background-color: #5cada1;
	padding-left:12px;
	padding-right:45px;
	background-position: right center;	
}

#rwtc form button {
	background-image: url('../images/icons/icon_continue.png');
	background-repeat: no-repeat;
	background-color: #5cada1;
	padding-left:12px;
	padding-right:45px;
	background-position: right center;
	
}

#returns #vid {
	float:right;
	margin-top:-50px;
}

#shipping #vid {
	float:right;
}

#upgrade h4 {
	text-align: center;
	font-size: 30pt;
	font-weight: 800;
	color: #d4d4d4;
}

.error {
	text-align: center;
	font-weight: 800;
	color:red;
}

/* Features Section */

#videos {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#videos li {
	width: 35%;
	padding:2em;
	margin-bottom: 2em;
	line-height: 1.4em;
	color: #444;
	float:left;
	font-weight: 300;
}

#videos li a {
	font-weight: 400;
	color: #808080;
	text-decoration: none;
	font-size: 18pt;
}

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

#videos li p {
	margin-top: 0.5em;
}

#videos li img {
	width:400px;
}

#account form {
	margin-top: 20px;
	width:400px;
	float:left;
}

ul.errors {
	line-height: 1.4em;
	margin:0 1em 2em 1em;
}

ul.errors li {
	color:#900;
	list-style: disc;
	margin-left:2em;
}

#android #vid {
	float:right;
	width:255px;
	height:300px;
	margin-left:2em;
}

#android #subscribeForm {
	width:500px;
}

#comments {
	padding-top: 2em;
	width:960px;
	margin: 0 auto;
	clear:both;
}

#training a.previous {
	float:left;
	display:block;
}

#training a.home {
	display:block;
	margin: 0 auto 0 auto;
}

#training a.next {
	float:right;
	display:block;
}

#training p.note {
	text-align: center;
	font-size: 9pt;
}
/*
#video {
	float:right;
	border:solid 1px #000;
	margin-left:2em;
}
*/
#manual #breadcrumb {
	margin-top:1em;
	line-height: 1.5;
}
#manual #breadcrumb a {
	white-space: nowrap;
	padding:0 0.25em 0.25em 0.25em;
}
#manual #breadcrumb span {
	white-space: nowrap;
	padding:0 0.25em 0.25em 0.25em;
	color:#999;	
}

#manual div#instructions {
	font-size: 13pt;
	color: #808080;
	padding:1em 0.3em 1em 0.3em;
	line-height: 1.3em;
}

#manual div#instructions p {
	margin-bottom: 1em;
}

#manual div#instructions h2 {
	text-transform: none;
	font-weight: normal;
	font-size: 24pt;
	margin:0;
	margin-bottom: 0.3em;
}

#manual div#instructions h3 {
	color: #808080;
	font-weight: normal;
	text-transform: none;
	font-size: 18pt;
	margin:0;
	margin-bottom: 0.3em;
}

#manual div#instructions ul {
	margin-bottom: 2em;
}

#blog #content-wrap li, #manual div#instructions li {
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
}

#manual div#instructions pre {
	font-family: monospace;
	color: #666;
	margin-top:1em;
	margin-bottom: 1em;
}

#manual div#instructions a, #manual div#instructions a:link, #manual div#instructions a:visited {
	text-decoration: underline;
}

#manual #cursor {
	float:right;
	font-size: 8pt;
	text-transform: uppercase;
}

#manual #cursor a {
	padding: 0.5em;
}

#manual #cursor #previous:before {
	content: "« ";
}

#manual #cursor #next:after {
	content: " »";
}

#manual form {
	margin-top:1.5em;
}

#manual #children {
	font-size: 13pt;
	line-height: 1.5;
}

#manual #children li {
	margin-left:24px;
	list-style-image: url("../images/arrow_bullet.png");
}

#manual #learn-more {
	font-weight: bold;
	color: #d4d4d4;
	margin:0.25em;
}

#manual #search-results li {
	font-size: 13pt;
	color: #808080;
	line-height: 1.3em;
	list-style: decimal;
	margin-left: 2em;
	margin-bottom: 1em;
}

#manual div#instructions img.right {
	float:right;margin:0 0 2em 2em;
}

#manual li.old {
	display:none;
}

#manual #search-results a, #manual #search-results a:link, #manual #search-results a:visited {
	text-decoration: underline;
}

#setlist ol {
	list-style: decimal;
	color: #999;
}
#setlist ol li {
	margin-bottom: 1em;
	margin-left:2em;
}
#setlist ol a, #setlist a:link, #setlist a:visited, #setlist a:active, #setlist a:hover {
	color: #01a19c;
	text-decoration: underline;
}
#setlist ol div.title {
	font-size: 14pt;
	color: #01a19c;
	margin-bottom: 0.3em;
}
#setlist ol span.key {
	color: #999;
}
#setlist ol span.key:before {
	content: " in ";
}
#setlist em {
	color:#AAA;
}
#setlist em a, #setlist em a:link, #setlist em a:visited, #setlist em a:active, #setlist em a:hover {
	color:#899;
}
#zohohc-asap-web-launcherbox {
	right: 1.25em;
	bottom: 1.25em;
}

ul.bullets {
	margin:1em 1em 2em 2em;
	font-size: 13pt;
	color: #808080;
	line-height: 1.3;
}

ul.bullets li {
	list-style-type: square;
	margin-bottom: 0.5em;
}

#description ul {
	margin:0.5em 1em 0.5em 1em;
	font-size: 13pt;
	color: #808080;
}

#description ul li {
	list-style-type: square;
	padding-top: 0.3em;
}

#releases #description ul li {
	line-height: 1.7;
}

ul#features li {
	list-style-type: none;
}

#features li.import {
	background-image: url('../images/icons/icon_import.png');
}

#features li.editor {
	background-image: url('../images/icons/icon_editor.png');
}

#features li.sync {
	background-image: url('../images/icons/icon_sync.png');
}

#features li.manage {
	background-image: url('../images/icons/icon_manage.png');
}

#features li.transpose {
	background-image: url('../images/icons/icon_transpose.png');
}

#features li.metronome {
	background-image: url('../images/icons/icon_metronome.png');
}

#features li.playback {
	background-image: url('../images/icons/icon_playback.png');
}

#features li.annotations {
	background-image: url('../images/icons/icon_annotations.png');
}

#features li.autoscroll {
	background-image: url('../images/icons/icon_autoscroll.png');
}

#features li.footpedal {
	background-image: url('../images/icons/icon_footpedal.png');
}

#features li.flow {
	background-image: url('../images/icons/icon_flow.png');
}

#features li.output {
	background-image: url('../images/icons/icon_output.png');
}

#features li.lowlightmode {
	background-image: url('../images/icons/icon_lowlightmode.png');
}

#features li.tablature {
	background-image: url('../images/icons/icon_tablature.png');
}

#features li.onchord {
	background-image: url('../images/icons/icon_tablature.png');
}

#features li.unlock {
	background-image: url('../images/icons/icon_unlock.png');
}

#features li.inspector {
	background-image: url('../images/icons/icon_inspector.png');
}

#features li.share {
	background-image: url('../images/icons/icon_share.png');
}

#features li.favorite {
	background-image: url('../images/icons/icon_favorite.png');
}

#features li.access {
	background-image: url('../images/icons/icon_access.png');
}

#features li.inexpensive {
	background-image: url('../images/icons/icon_inexpensive.png');
}

#features li.legitimate {
	background-image: url('../images/icons/icon_legitimate.png');
}

#features li.more {
	background-image: url('../images/icons/icon_more.png');
}

#features li.performance {
	background-image: url('../images/icons/icon_performance.png');
}

#features li.cloud {
	background-image: url('../images/icons/icon_cloud.png');
}

#features li.ui {
	background-image: url('../images/icons/icon_ui.png');
}

#features li.reporting {
	background-image: url('../images/icons/icon_reporting.png');
}

#features li.viewer {
	background-image: url('../images/icons/icon_viewer.png');	
}

#features li.menubar {
	background-image: url('../images/icons/icon_menubar.png');
}

#features li.zones {
	background-image: url('../images/icons/icon_zones.png');
}

#features li.livebar {
	background-image: url('../images/icons/icon_livebar.png');
}

#features li.hotcorners {
	background-image: url('../images/icons/icon_hotcorners.png');
}

#features li.songs-menu {
	background-image: url('../images/icons/icon_songs_menu.png');
}

#features li.share-menu {
	background-image: url('../images/icons/icon_share_menu.png');
}

#features li.output-menu {
	background-image: url('../images/icons/icon_output_menu.png');
}

#features li.playback-menu {
	background-image: url('../images/icons/icon_playback_menu.png');
}

#features li.title-menu {
	background-image: url('../images/icons/icon_title_menu.png');
}

#features li.star-menu {
	background-image: url('../images/icons/icon_star_menu.png');
}

#features li.annotation-menu {
	background-image: url('../images/icons/icon_annotation_menu.png');
}

#features li.preferences-menu {
	background-image: url('../images/icons/icon_preferences_menu.png');
}

#features li.utilities-menu {
	background-image: url('../images/icons/icon_utilities_menu.png');
}

#features li.help-menu {
	background-image: url('../images/icons/icon_help_menu.png');
}

#features li.communicate-menu {
	background-image: url('../images/icons/icon_communicate_menu.png');
}

#features li.editors-menu {
	background-image: url('../images/icons/icon_editors_menu.png');
}

#features li.addons-menu {
	background-image: url('../images/icons/icon_addons_menu.png');
}

#features li.settings-menu {
	background-image: url('../images/icons/icon_settings_menu.png');
}

#features li.tools-menu {
	background-image: url('../images/icons/icon_tools_menu.png');
}

#features li.performance {
	background-image: url('../images/icons/icon_performance.png');
}

#features li.cloud {
	background-image: url('../images/icons/icon_cloud.png');
}

#features li.ui {
	background-image: url('../images/icons/icon_ui.png');
}

#features li.reporting {
	background-image: url('../images/icons/icon_reporting.png');
}

#features li.getsat {
	background-image: url('../images/icons/icon_getsat.png');
}

#features li.desk_com {
	background-image: url('../images/icons/icon_desk_com.png');
}

#features li.zoho {
	background-image: url('../images/icons/icon_zoho.png');
}

#features li.email, #support li.email, #mac-support li.email {
	background-image: url('../images/icons/icon_email.png');
}

#features li.keyboard {
	background-image: url('../images/icons/icon_keyboard.png');
}

#features li.silent {
	background-image: url('../images/icons/icon_silent.png');
}

#features li.bluetooth {
	background-image: url('../images/icons/icon_bluetooth.png');
}

#features li.subscription {
	background-image: url('../images/icons/icon_subscription.png');
}

#features li.battery {
	background-image: url('../images/icons/icon_battery.png');
}

#features li.itunes {
	background-image: url('../images/icons/icon_itunes.png');
}

#features li.rwtc {
	background-image: url('../images/icons/icon_rwtc.png');
}

#features li.internet {
	background-image: url('../images/icons/icon_world.png');
}

#features li.dropbox {
	background-image: url('../images/icons/icon_dropbox.png');
}

#features li.mobileme {
	background-image: url('../images/icons/icon_mobileme.png');
}

#features li.buy {
	background-image: url('../images/icons/icon_buy.png');
}

#features li.store {
	background-image: url('../images/icons/icon_store.png');
}

#features li.support {
	background-image: url('../images/icons/icon_support.png');
}

#features li.rwtc {
	background-image: url('../images/icons/icon_rwtc.png');
}

#features li.world {
	background-image: url('../images/icons/icon_world.png');
}

#features li.manual {
	background-image: url('../images/icons/icon_manual.png');
}

#features li.training {
	background-image: url('../images/icons/icon_training.png');
}
#features li.twitter {
	background-image: url('../images/icons/icon_tweet.png');
}
#features li.facebook {
	background-image: url('../images/icons/icon_fb.png');
}
#features li.youtube {
	background-image: url('../images/icons/icon_youtube.png');
}
#features li.add {
	background-image: url('../images/icons/icon_add.png');
}
#features li.promo {
	background-image: url('../images/icons/icon_promo.png');
}
#features li.offer {
	background-image: url('../images/icons/icon_offer.png');
}
#features li.push {
	background-image: url('../images/icons/icon_push.png');
}
#features li.run {
	background-image: url('../images/icons/icon_run.png');
}
#features li.advocate {
	background-image: url('../images/icons/icon_advocate.png');
}
#features li.love {
	background-image: url('../images/icons/icon_love.png');
}
#features li.checked {
	background-image: url('../images/icons/icon_checked.png');
}
#features li.unchecked {
	background-image: url('../images/icons/icon_unchecked.png');
}
#features li.style {
	background-image: url('../images/icons/icon_style.png');
}
#features li.layout {
	background-image: url('../images/icons/icon_layout.png');
}
#features li.contest {
	background-image: url('../images/icons/icon_contest.png');
}
#features li.number_1 {
	background-image: url('../images/icons/icon_number_1.png');
}
#features li.number_2 {
	background-image: url('../images/icons/icon_number_2.png');
}
#features li.number_3 {
	background-image: url('../images/icons/icon_number_3.png');
}
#features li.number_4 {
	background-image: url('../images/icons/icon_number_4.png');
}
#features li.number_5 {
	background-image: url('../images/icons/icon_number_5.png');
}
#features li.number_6 {
	background-image: url('../images/icons/icon_number_6.png');
}
#features li.number_7 {
	background-image: url('../images/icons/icon_number_7.png');
}
#features li.number_8 {
	background-image: url('../images/icons/icon_number_8.png');
}
#features li.number_9 {
	background-image: url('../images/icons/icon_number_9.png');
}
#features li.number_10 {
	background-image: url('../images/icons/icon_number_10.png');
}
#features li.secure {
	background-image: url('../images/icons/icon_secure.png');
}
#features li.standard {
	background-image: url('../images/icons/icon_standard.png');
}
#features li.rotate {
	background-image: url('../images/icons/icon_rotate.png');
}
#features li.tilt {
	background-image: url('../images/icons/icon_tilt.png');
}
#features li.tutorial {
	background-image: url('../images/icons/icon_tutorial.png');
}
#features li.help {
	background-image: url('../images/icons/icon_help.png');
}
#features li.plug {
	background-image: url('../images/icons/icon_plug.png');
}
#features li.praisecharts {
	background-image: url('../images/icons/icon_praisecharts.png');
}
#features li.guitar {
	background-image: url('../images/icons/icon_guitar.png');
}
#features li.affiliate {
	background-image: url('../images/icons/icon_affiliate.png');
}
#team #content img {
	float:right;
	margin-left:30px;
}
#team #description {
	width:650px;
	float:left;
}
#team #description #features {
	width:auto;
	clear: none;
	margin: 0;
}
#team #description #features li {
	width:auto;
	margin-bottom:1em;
}

a.right {
	float: right;
	margin: 2em 1em 1em 1em;
}

a.itunes-link {
	display: inline-block;
	margin: 1em 1.5em;
	clear:both;
	width: 110px;
	height: 40px;
	display: block;
	background-image: url('../images/itunes-link.png');
	background-repeat: no-repeat;
}
a.bandcamp-link {
	display: inline-block;
	margin: 1em 1.5em;
	clear:both;
	width: 110px;
	height: 25px;
	display: block;
	background-image: url('../images/bandcamp-link.png');
	background-repeat: no-repeat;
}
.asterisk {
	text-align: center;
	color: #CCC;
	font-style: italic;
	margin: 1em;
}
#affiliate div#instructions {
	font-size: 13pt;
	color: #808080;
	padding:1em 0.3em 1em 0.3em;
	line-height: 1.3em;
}

#affiliate div#instructions p {
	margin-bottom: 1em;
}

#affiliate div#instructions h2 {
	text-transform: none;
	font-weight: normal;
	font-size: 24pt;
	margin:0;
	margin-bottom: 0.3em;
}

#affiliate div#instructions h3 {
	color: #808080;
	font-weight: normal;
	text-transform: none;
	font-size: 18pt;
	margin:0;
	margin-bottom: 0.3em;
}

#affiliate div#instructions ul {
	margin-bottom: 2em;
}

#affiliate div#instructions li {
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
}

#affiliate div#instructions pre {
	font-family: monospace;
	color: #666;
	margin-top:1em;
	margin-bottom: 1em;
}

#affiliate div#instructions a, #affiliate div#instructions a:link, #affiliate div#instructions a:visited {
	text-decoration: underline;
}
#affiliate ul.list {
	padding-bottom: 1em;
}
#affiliate ul.list li {
	margin-left: 1em;
}

@media (prefers-color-scheme:dark) {

	body {
		background:#101010;
	}
	
	#home #content #availability li {
		background-color: rgba(128,128,128,1);
		background-blend-mode: multiply;
	}
	
	#home #content #motto, #home #content #availability h3, 
	#content #description h1, #content #description h3, #content #description h4, #content #description h5, 
	#blog h3, #blog h3 a, #blog h4, #blog h4 a, #upgrade h4, #manual #learn-more {
		color:#999;
	}
	
	#quotes dt, #home #content #availability li, #home #content #availability a {
		color:#AAA;
	}
	
	#subscribe #form input, #content form input, #content form textarea, #content form select {
		border: 1px solid #333;
	}
	
	#purchase h3, #subscribe #form label, #subscribe #privacy, #manual div#instructions pre, #affiliate div#instructions pre {
		color:#999;
	}
	
	.asterisk {
		color: #333;
	}
	
	#purchase h4 {
		color:#CCC;
	}

	a.itunes-link {
		background-image: url('../images/itunes-link-dark.png');
	}
}