/* Close to #666666 */
/* Close to #333333 */
@media screen, handheld, projection, tv {
  .main-content,
  .main-content-outer {
    text-align: center;
  }

  .main-content-inner,
  .main-content > * {
    position: relative;
    top: 0px;
    left: 0px;
    background: #fcfcfc;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    text-align: left;
    text-align: start;
    display: inline-block;
    border-radius: 3px;
  }

  noscript {
    display: block;
    text-align: center;
  }

  noscript div {
    margin-top: 32px;
    padding: 22px;
    position: relative;
    top: 0px;
    left: 0px;
    background: #fcfcfc;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    text-align: left;
    text-align: start;
    display: inline-block;
    border-radius: 3px;
  }

}


/* Close to #666666 */
/* Close to #333333 */
/* Blueprint reset.css */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

table,
td,
th {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

/* Remove annoying border on linked images. */
a img {
  border: none;
}

/* end */
body {
  background-color: #001541;
  font-size: 10px;
  min-width: 700px;
  overflow-y: scroll;
  font-family: Helvetica, Arial, sans;
}

.ie7 {
  overflow-y: inherit;
  /* IE7 */
}

#container {
  position: relative;
  top: 0px;
  left: 0px;
  max-width: 960px;
  padding: 94px 46px 0px 46px;
  margin-left: auto;
  margin-right: auto;
}

#gradient {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 94px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0040bb), color-stop(1, #001541));
  background: -webkit-linear-gradient(top, #0040bb, #001541);
  background: -ms-linear-gradient(top, #0040bb 0%, #001541 100%);
  background: -moz-linear-gradient(top, #0040bb 0%, #001541 100%);
}

#gradient-left,
#gradient-right {
  position: absolute;
  top: 0px;
  width: 25%;
  height: 94px;
}

#gradient-left {
  left: 0px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #001541), color-stop(1, rgba(0, 21, 65, 0)));
  background: -webkit-linear-gradient(left, #001541, rgba(0, 21, 65, 0));
  background: -ms-linear-gradient(left, #001541, rgba(0, 21, 65, 0));
  background: -moz-linear-gradient(0deg, #001541 0%, rgba(0, 21, 65, 0) 100%);
}

#gradient-right {
  right: 0px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 21, 65, 0)), color-stop(1, #001541));
  background: -webkit-linear-gradient(left, rgba(0, 21, 65, 0), #001541);
  background: -ms-linear-gradient(left, rgba(0, 21, 65, 0), #001541);
  background: -moz-linear-gradient(0deg, rgba(0, 21, 65, 0) 0%, #001541 100%);
}

.ie7 #gradient,
.ie8 #gradient,
.ie9 #gradient {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF005EF4, endColorstr=#FF001541, GradientType='0');
}

.ie7 #gradient-left,
.ie8 #gradient-left,
.ie9 #gradient-left {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF001441, endColorstr=#00001441, GradientType='1');
}

.ie7 #gradient-right,
.ie8 #gradient-right,
.ie9 #gradient-right {
  background-color: clear;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00001441, endColorstr=#FF001441, GradientType='1');
}

#logo {
  cursor: pointer;
  position: absolute;
  top: 12px;
  left: 37px;
  width: 400px;
  height: 66px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  background-position: 0 -16px;
}

#logo,
#nav-home-icon {
  background-image: url("/vc/4/0/5018e5c6d8d4a8f405a84d2ae68dc8f37c27e7a0/site.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  #logo,
  #nav-home-icon {
    background-image: url("/vc/4/0/ca571f623a5dd483c3580dfd3bd1b666377a98d9/site@2x.png");
    background-size: 400px 86px;
  }

}

#main {
  position: relative;
  top: 0px;
  left: 0px;
  background-color: white;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 0px 1px 4px #000717;
  -moz-box-shadow: 0px 1px 4px #000717;
  box-shadow: 0px 1px 4px #000717;
}

#logo,
#gradient,
nav,
.row-promo {
  -moz-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
}

nav {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

nav td {
  color: #000;
  height: 40px;
  text-align: center;
  width: 18%;
}

nav td#nav-home {
  width: 10%;
}

nav td + td {
  border-left: 1px solid #d0d0d0;
}

nav td.nav-selected + td {
  border-left: 1px solid #d0d0d0;
}

nav td + td.nav-selected {
  border-left: 1px solid #d0d0d0;
}

nav a,
nav b,
nav span {
  color: #606060;
  position: relative;
  line-height: 40px;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: color, 0.25s;
  -moz-transition: color, 0.25s;
  transition: color, 0.25s;
  -webkit-tap-highlight-color: transparent;
}

.nav-normal {
  background-color: #f9f9f9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e8e8e8));
  background: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
  -webkit-transition: all, 0.25s;
  -moz-transition: all, 0.25s;
  transition: all, 0.25s;
  -webkit-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.05);
  border-bottom: solid #d8d8d8 1px;
  text-shadow: 0px 0px 1px white;
}

.no-cssgradients .nav-normal {
  background: url("/vc/4/0/5328bef840c8b0df7bc80990fc25afb6794c6fd8/g_ffffff_e8e8e8.png");
  background-size: auto 100%;
}

.nav-active {
  background-color: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #d0d0d0));
  background: -webkit-linear-gradient(top, #f0f0f0, #d0d0d0);
  background: -ms-linear-gradient(top, #f0f0f0 0%, #d0d0d0 100%);
  background: -moz-linear-gradient(top, #f0f0f0 0%, #d0d0d0 100%);
}

.no-cssgradients.cssbackgroundsize .nav-active {
  background: #d8d8d8 !important;
}

.nav-selected {
  background-color: white;
  border-bottom: 1px solid white;
}

.nav-selected a,
.nav-selected span {
  text-shadow: none;
  cursor: default;
  -moz-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
}

.hover-mouse nav .nav-normal:hover a,
.hover-mouse nav .nav-normal:hover span {
  color: #000 !important;
}

.nav-selected a,
.nav-selected b,
.nav-selected span {
  color: #000 !important;
}

.hover-mouse nav .nav-normal {
  cursor: pointer;
}

nav table {
  width: 100%;
  text-align: center;
}

#nav-home {
  border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  min-width: 3.2em;
}

#nav-contact {
  border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
}

#nav-home-icon {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 12px;
  height: 13px;
  background-repeat: repeat-x;
}

.ie7 #nav-home-icon {
  position: float;
  /* IE7 */
}

section {
  font-size: 13px;
  background-color: white;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.license-text {
  font-size: 10px;
  color: #666666;
  margin-left: 24px;
  margin-bottom: 1.0em;
}

p + *,
ul + * {
  margin-top: 1.0em;
}

ul {
  margin-left: 1em;
  list-style-position: outside;
  line-height: 150%;
}

.row {
  line-height: 125%;
  padding: 8px 23px 8px 23px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 34px;
}

.row-text {
  padding-top: 1em;
  padding-bottom: 1em;
}

.row-promo {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  text-shadow: 0px 1px 0px white;
}

.row-promo h2 a {
  color: #4c4c4c;
  font-weight: bold;
}

.row-promo h2 a:hover {
  color: #4c4c45;
}

.no-cssgradients.cssbackgroundsize.hover-mouse .row-promo:hover {
  background: url("/vc/4/0/1309fad948c3510f118ee1b1107ada2d34cdfd0e/g_ffffff_ffffe0.png");
  background-size: auto 100%;
}

.hover-mouse .row-promo:hover {
  border-bottom: 1px solid #d7d7bf;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffffe0));
  background: -webkit-linear-gradient(top, #ffffff, #ffffe0);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffe0 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffe0 100%);
  background-color: #ffffe0;
}

.learn-more {
  white-space: nowrap;
  padding-right: 12px;
  background-image: url("/vc/4/0/182560a8babd824324856da4462a24eae79609fe/tiny_arrow.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  zoom: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .learn-more {
    background-image: url("/vc/4/0/72742deca4566525177225dc0aa3c89ba844c593/tiny_arrow@2x.png");
    background-size: 6px 9px;
  }

}

.promo-theory-lessons,
.promo-tenuto {
  position: relative;
  left: -3px;
  width: 42px;
  height: 42px;
  margin-right: 6px;
}

.promo-theory-lessons,
.promo-tenuto {
  background-image: url("/vc/4/0/863949ab5240358956eef9c5acc4768afc7f555b/app_icons.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .promo-theory-lessons,
  .promo-tenuto {
    background-image: url("/vc/4/0/c825f8d56c430a70d68924b022dd4d9bef97cfc0/app_icons@2x.png");
    background-size: 84px 42px;
  }

}

.hover-mouse .promo-theory-lessons h2 a:hover,
.hover-mouse .promo-tenuto h2 a:hover {
  text-decoration: underline;
}

.promo-tenuto {
  background-position: -42px 0px;
}

.row-product img {
  padding-right: 23px !important;
}

.row-promo table,
.row-product table {
  padding-top: 7px;
  padding-bottom: 7px;
  display: inline-block;
}

.row-product,
.row-product table {
  padding-top: 0px;
  padding-bottom: 0px;
}

.row-promo h1 {
  font-size: 14px;
  font-weight: normal !important;
  position: relative;
  top: -1px;
  line-height: 20px;
}

.row-promo h2 {
  font-size: 12px;
}

.row-product img {
  position: relative;
  padding-top: 16px;
}

.row-product h1 {
  line-height: 150%;
}

.hover-mouse .row-promo:hover h2 {
  color: #666658;
}

.row-promo td,
.row-promo img {
  vertical-align: middle;
}

.row:last-of-type {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

.row-home-link {
  padding: 32px 23px 32px 146px;
  min-height: 28px;
}

.row-link,
.row-home-link {
  position: relative;
  top: 0px;
  left: 0px;
  -webkit-tap-highlight-color: rgba(255, 255, 0, 0.5) !important;
}

.row-thankyou {
  padding-top: 23px;
}

.row-footer {
  line-height: 30px;
  color: #333;
}

.row-empty {
  min-height: 7px;
  border-bottom: none;
}

.hover-mouse .row-link {
  cursor: pointer;
}

.no-cssgradients.cssbackgroundsize.hover-mouse .row-link:hover {
  background: url("/vc/4/0/d6379607e6beb8b966dfdf227d26793b4e5a84f0/g_fffff0_ffffd8.png");
  background-size: auto 100%;
}

.hover-mouse .row-link:hover,
.row-link.highlighted {
  border-bottom: 1px solid #e8e8de;
  background-color: #ffffd8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffff0), color-stop(1, #ffffd8));
  background: -webkit-linear-gradient(top, #fffff0, #ffffd8);
  background: -ms-linear-gradient(top, #fffff0 0%, #ffffd8 100%);
  background: -moz-linear-gradient(top, #fffff0 0%, #ffffd8 100%);
}

.row-highlighted {
  background-color: #ffffd0;
}

.hover-mouse .row-highlighted:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffd0), color-stop(1, #ffffa0));
  background: -webkit-linear-gradient(top, #ffffd0, #ffffa0);
  background: -ms-linear-gradient(top, #ffffd0 0%, #ffffa0 100%);
  background: -moz-linear-gradient(top, #ffffd0 0%, #ffffa0 100%);
}

.row-header,
.row-home-link {
  position: relative;
  top: 0px;
  left: 0px;
}

body .row-header h1 {
  position: absolute;
  bottom: 6px;
  font-size: 12px !important;
  color: #666666;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}

body .row-header h1 .caps {
  font-size: 14px;
}

.row-promo h1 {
  font-weight: normal;
}

.row-product h1 {
  font-size: 16px;
}

.row h1 a {
  text-decoration: none;
  color: #000;
  -webkit-tap-highlight-color: transparent;
}

.hover-mouse .row h1 a:hover {
  text-decoration: none;
}

.row a {
  text-decoration: none;
  font-weight: bold;
  color: #303030;
}

.hover-mouse .row a:hover {
  color: #000;
  text-decoration: underline;
}

.row h1 + p,
.row h1 + ul {
  margin-top: 1em;
}

.ie7 p {
  margin-top: 1em;
}

.row p {
  color: #303030;
  line-height: 150%;
}

.row h1 {
  font-weight: bold;
}

.row-link h1 {
  font-size: 14px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.row h2 {
  color: #8c8c8c;
  margin-bottom: 0px;
}

.row-link h2 {
  font-size: 12px;
}

.hover-mouse .row-link:hover h2 {
  color: #8c8c84;
}

.row-header h2 {
  color: #333;
  position: absolute;
  bottom: 8px;
}

.row-footer h2 {
  color: #333;
}

section a {
  color: black;
}

.footer-link + .footer-link {
  margin-left: 24px;
}

footer {
  display: block;
  margin: 24px 12px 24px 12px;
  text-align: center;
  color: #828B9D;
  font-size: 12px;
  line-height: 12px;
}

footer a {
  color: #c0c5ce;
  text-decoration: none;
  -webkit-transition: color, 0.25s;
  -moz-transition: color, 0.25s;
  transition: color, 0.25s;
}

#copyright {
  margin-top: 18px;
}

#legal {
  display: inline-block;
  margin-top: 16px;
  max-width: 400px;
  line-height: 150%;
  font-size: 10px;
}

.hover-mouse footer a:hover {
  color: white;
  text-decoration: underline;
}

#noscript {
  position: relative;
  top: 0.5em;
  color: #666666;
  text-align: center;
}

body {
  -webkit-text-size-adjust: none;
}