/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
 /*
  * What follows is the result of much research on cross-browser styling.
  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
  * Kroc Camen, and the H5BP dev community and team.
  */
 /* ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */
 html,
 button,
 input,
 select,
 textarea {
     color: #222; 
}

 html {
     font-size: 1.1em; 
}

 /*
  * Remove text-shadow in selection highlight: h5bp.com/i
  * These selection rule sets have to be separate.
  * Customize the background color to match your design.
  */
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none; 
}

 ::selection {
     background: #b3d4fc;
     text-shadow: none; 
}

 /*
  * A better looking default horizontal rule
  */
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0; 
}

 /*
  * Remove the gap between images, videos, audio and canvas and the bottom of
  * their containers: h5bp.com/i/440
  */
 audio,
 canvas,
 img,
 video {
     vertical-align: middle; 
}

 /*
  * Remove default fieldset styles.
  */
 fieldset {
     border: 0;
     margin: 0;
     padding: 0; 
}

 /*
  * Allow only vertical resizing of textareas.
  */
 textarea {
     resize: vertical; 
}

 /* ==========================================================================
    Browse Happy prompt
    ========================================================================== */
 .browsehappy {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0; 
}

 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
 @font-face {
     font-family: 'dingpboldbold';
     src: url('dingp-bold-webfont.eot');
     src: url('dingp-bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('dingp-bold-webfont.woff2') format('woff2'),
          url('dingp-bold-webfont.woff') format('woff'),
          url('dingp-bold-webfont.ttf') format('truetype'),
          url('dingp-bold-webfont.svg#dingpboldbold') format('svg');
     font-weight: normal;
     font-style: normal; 
}

 @font-face {
     font-family: 'dingplightlight';
     src: url('dingp-light-webfont.eot');
     src: url('dingp-light-webfont.eot?#iefix') format('embedded-opentype'),
          url('dingp-light-webfont.woff2') format('woff2'),
          url('dingp-light-webfont.woff') format('woff'),
          url('dingp-light-webfont.ttf') format('truetype'),
          url('dingp-light-webfont.svg#dingplightlight') format('svg');
     font-weight: normal;
     font-style: normal; 
}

 @font-face {
     font-family: 'dingpregular';
     src: url('dingp-webfont.eot');
     src: url('dingp-webfont.eot?#iefix') format('embedded-opentype'),
          url('dingp-webfont.woff2') format('woff2'),
          url('dingp-webfont.woff') format('woff'),
          url('dingp-webfont.ttf') format('truetype'),
          url('dingp-webfont.svg#dingpregular') format('svg');
     font-weight: normal;
     font-style: normal; 
}

 html, body {
     height: 100%;
     font-family: 'dingpregular', sans-serif; 
}

 body {
     background: #fff url(../img/bgHTML.gif) repeat-x top left; 
}

 body.home {
     background-color: #666; 
}

 #logoWrap {
     height: 85px; 
}

 #h1Logo {
     margin: 8px 0 0 15px;
     width: 249px;
     height: 70px;
     overflow: hidden;
     float: left; 
}

 #h1Logo a {
     display: block;
     background: url(../img/h1Logo.png) no-repeat top left;
     height: 100%;
     width: 100%;
     text-decoration: none; 
}

 #headerRight {
     float: right;
     padding-top: 20px;
     padding-right: 15px;
     width: 400px; 
}

 #headerRight p, .topNews {
     margin: 0;
     color: #bbb;
     font-size: 15px;
     text-align: right;
     font-weight: 400; 
}

 .topNews a:link,
 .topNews a:visited,
 .topNews a:hover,
 .topNews a:active {
     color: #728dad; 
}

 #headerRight p.extreme {
     width: 100%;
     height: 18px;
     margin-bottom: 4px;
     text-indent: -8000px;
     text-align: left;
     background: url(../img/extreme.png) no-repeat top right; 
}

 header {
     width: 100%; 
}

 .centeredContent {
     min-width: 890px;
     max-width: 1210px;
     margin: 0 auto;
     padding-left: 35px;
     padding-right: 35px; 
}

 .ul-product-highlights li {
     width: 250px;
     float: left; 
}

 .ul-product-highlights li:nth-child(odd){
     clear: left;
     margin-right: 40px; 
}

 .customer-testimonials {
    list-style: none;
     margin: 0;
     padding: 0;
     width: 40%;
     float: left;
     margin-right: 40px; 
}

 .centeredContent section .customer-testimonials li {
     margin-bottom: 25px;
     background: url(../img/icons/v2/icon-quote.png) no-repeat top left;
     padding-left: 50px; 
}

 .customer-testimonials:first-child { 
}

 nav {
     width: 100%;
     background-color: rgba(0,0,0,0.5);
     -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */
     height: 44px;
     position: relative;
     z-index: 100;
     border-bottom: 1px solid #707070;
     border-top: 1px solid #707070;
     /* font-family: "TradeGothic-LtStd", "Trade Gothic Light Std", "Trade Gothic Light Standard", "Trade Gothic", "TradeGothic", "Trade-Gothic", "ArialNarrow", "Arial-Narrow", "Arial Narrow", Arial, sans-serif; */ 
}

 /*
  * Main Navigation Styles
  */
 nav #navWrap > a {
     display: none; 
}

 nav #navWrap li {
     position: relative; 
}

 /* first level */
  
 nav #navWrap > ul {
     height: 44px;
     width: 100%;
     padding: 0;
     margin: 0;
     text-align: center; 
}

 nav #navWrap > ul li {
     text-align: left; 
}

 nav #navWrap > ul > li {
     /*text-indent: -8000px;*/ 
}

        
 nav #navWrap > ul > li {
     height: 100%;
     padding: 0 1.5%;
     display: inline-block;
     font-family: dingpboldbold;
     text-transform: capitalize; 
     font-size: 21px; 
}

 nav #navWrap a {
     -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

 nav #navWrap > ul > li > a {
     display: block;
     height: 100%;
     width: 100%;
     text-decoration: none;
     color: #ccc;
     line-height: 44px; 
}

 /* second level */
  
 nav #navWrap > ul > li > ul {
     display: none;
     position: absolute;
     top: 44px;
     left: 0;
     background-color: #515151;
     padding: 0;
     margin: 0;
     min-width: 100px;
     /* -webkit-border-bottom-right-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     box-shadow: 2px 3px 2px #000; */ 
}

 nav #navWrap > ul > li > ul li {
     font-family: 'Lato', sans-serif;
     font-weight: 700;
     font-stretch: expanded;
     font-size: 16px; 
}

 nav #navWrap > ul > li > ul > li:last-child {
     /* -webkit-border-bottom-right-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px; */ 
}

 nav #navWrap > ul > li:nth-child(1) > ul {
     width: 300px; 
}

 nav #navWrap > ul > li:nth-child(3) > ul {
     width: 150px; 
}

 nav #navWrap > ul > li:nth-child(5) > ul {
     width: 220px; 
}

 nav #navWrap > ul > li:nth-child(6) > ul {
     width: 150px; 
}

 nav #navWrap > ul > li > ul > li {
     width: 100%;
     padding: 0;
     height: 40px;
     line-height: 40px;
     /* text-transform: uppercase; */ 
     font-weight: normal; 
}

 nav #navWrap > ul > li > ul > li:hover,
 nav #navWrap > ul > li > ul > li > ul > li:hover {
     background-color: #006ba8;
     color: #fff; 
}

 nav #navWrap li > ul > li > a {
    display: block;
    height: 30px; 
    width: 100%;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    text-indent: 27px; 
}

 nav #navWrap > ul > li:hover,
 nav #navWrap > ul > li.selected {
     background-color: #515151;
     color: #fff;
     /*
     -webkit-border-top-left-radius: 4px;
     -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-topright: 4px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     */ 
}

        
 nav #navWrap > ul > li:hover > ul {
     display: block;
     margin: 0; 
}

 /* third level */
 nav #navWrap > ul > li > ul > li > ul {
     display: none;
     position: absolute;
     top: 0;
     background-color: #515151;
     padding: 0;
     margin: 0;
     /*
     -webkit-border-radius: 4px;
     -webkit-border-top-left-radius: 0;
     -moz-border-radius: 4px;
     -moz-border-radius-topleft: 0;
     border-radius: 4px;
     border-top-left-radius: 0;
     */ 
}

 nav #navWrap > ul > li:nth-child(1) > ul > li > ul { 
     left: 300px;
     min-width: 100px;
     width: 275px; 
}

 nav #navWrap > ul > li:nth-child(5) > ul > li > ul { 
     left: 220px;
     min-width: 100px;
     width: 200px; 
}

 nav #navWrap li > ul > li > ul > li {
     width: 100%;
     padding: 0;
     height: 40px;
     line-height: 40px;
     text-transform: none; 
}

 nav #navWrap > ul > li > ul > li > ul > li:first-child {
    /* -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topright: 4px;
     border-top-right-radius: 4px; */ 
}

 nav #navWrap > ul > li > ul > li > ul > li:last-child {
    /* -webkit-border-bottom-right-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     */ 
}

 nav #navWrap li > ul > li > ul > li > a {
    display: block;
    height: 30px; 
    width: 100%;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    text-indent: 10px;
    left: 0; 
}

 nav #navWrap > ul > li:hover ul > li:hover > ul {
     display: block;
     margin: 0; 
}

 #formSearch {
     width: 300px;
     height: 35px;
     float: left;
     padding-top: 5px; 
}

 #formSearch input {
     float: left; 
}

 #formSearch input[type=text] {
     height: 20px;
     padding: 5px;
     border: none;
     margin-left: 80px;
     margin-right: 2px;
     width: 170px;
     -webkit-border-top-left-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px; 
}

 a {
     outline : none !important; 
}

 #divMain {
     margin-top: -45px;
     padding-top: 35px;
     padding-bottom: 25px; 
}

 body.home #divMain {
     background: url(../img/backgrounds/v2/bg-kickers.jpg) top center; 
     background-size: cover; 
}

 .wrapper {
     min-height: 100%;
     margin: 0 auto -379px; /* the bottom margin is the negative value of the footer's height */ 
}

 footer, .push {
     height: 379px; /* '.push' must be the same height as 'footer' */ 
}

 footer {
     width: 100%;
     background-color: #0f0f0f; 
}

 #footWrap {
     position: relative;
     height: 279px; 
}

 #footWrap > div {
    width: 235px;
    float: left;
    padding-top: 25px; 
}

 #footWrap h4 {
     font-weight: 700;
     font-size: 19px;
     font-stretch: expanded;
     text-transform: uppercase;
     margin: 0;
     color: #d6ab03; 
}

 #footWrap ul {
     list-style: none;
     margin: 0;
     padding: 10px 0 0 10px; 
}

 #footWrap li {
     font-weight: 300;
     font-size: 16px;
     margin-bottom: 5px; 
}

 #footWrap li a:link,
 #footWrap li a:visited {
     color: #d7d7d7;
     text-decoration: none; 
}

 #footWrap li a:hover, 
 #footWrap li a:active {
     color: #eb8904;
     text-decoration: underline; 
}

 .pCopy {
     clear: both;
     font-size: 11px;
     color: #999;
     text-align: center;
     margin: 0;
     position: absolute;
     bottom: 0; 
}

 #slideWrapper {
     width: 100%;
     min-width: 960px;
     height: 700px;
     position: relative;
     z-index: 1;
     top: -45px; 
}

 .divSlide {
     position: relative;
     top: 0;
     height: 700px; 
}

 .divSlide img {
     position: absolute;
     top: 0;
     left: 50%;
     z-index: 1;
     margin-left: -960px; 
}

 .slideContent {
     position: relative;
     min-width: 960px;
     max-width: 1280px;
     margin: 0 auto;
     height: 694px; 
     z-index: 100; 
}

 .slideContent h4 {
     margin: 0;
     font-weight: 300;
     letter-spacing: 0.08em;
     font-size: 19px;
     text-transform: uppercase; 
}

 .slideContent h1 {
     margin: 0;
     text-transform: uppercase;
     font-size: 65px; 
     font-weight: 800;
     line-height: 59px; 
}

 .slideContent h2 {
     margin: 0;  
     font-weight: 300;
     letter-spacing: 0.08em;
     font-size: 24px; 
}

 .slideContent p {
     color: #fff; 
}

 .divSlideVai {
     width: 381px;
     padding: 15px;
     position: absolute;
     top: 177px;
     right: 0;
     background-color: rgba(0,0,0,0.3); 
}



 .divSlideVai h4,
.divSlideSatriani h4 {
     color: #8b8785; 
}

 .divSlideVai h1,
 .divSlideSatriani h1 {
     color: #ffcc00; 
}

 .divSlideVai h2,
 .divSlideSatriani  h2 {
     color: #eb8904; 
}

 .divSlidePeriphery {
     width: 670px;
     padding: 15px;
     position: absolute;
     top: 365px;
     left: 23px;
     background-color: rgba(0,0,0,0.6); 
}

 .divSlidePeriphery h4 {
     color: #9b9594; 
}

 .divSlidePeriphery h1 {
     color: #ffcc00; 
}

 .divAlexLifeson {
     width: 381px;
     padding: 15px;
     position: absolute;
     top: 220px;
     left: 533px;
     background-color: rgba(0,0,0,0.8); 
}

 .divAlexLifeson h4 {
     color: #8b8785; 
}

 .divAlexLifeson h1 {
     color: #ffcc00;
     font-size: 55px; 
}

 .divAlexLifeson h2 {
     color: #eb8904; 
}

 .divPetrucci {
     width: 420px;
     padding: 15px;
     position: absolute;
     top: 400px;
     right: 0;
     background-color: rgba(0,0,0,0.8); 
}

 .divPetrucci h4 {
     color: #8b8785; 
}

 .divPetrucci h1 {
     color: #ffcc00;
     font-size: 55px; 
}

 .divPetrucci h2 {
     color: #eb8904; 
}

 .divSlidePeriphery2 {
     width: 381px;
     padding: 15px;
     position: absolute;
     top: 350px;
     right: 80px;
     background-color: rgba(0,0,0,0.7); 
}

 .divSlidePeriphery2 h4 {
     color: #2597d6; 
}

 .divSlidePeriphery2 h1 {
     color: #ffcc00; 
}

 .divSlidePeriphery2 h2 {
     color: #eb8904; 
}

 .divHomeFeatures {
     padding: 25px 0;
     width: 100%;
     max-width: 1280px;
     min-width: 960px;
     position: relative; 
}

 .divHomeFeatures .homeFeature {
     width: 29.33%;
     float: left;
     margin-right: 3%;
     background-color: #ddd; 
}

 .divHomeFeatures .homeFeature:first-child{
     margin-left: 3%; 
}

 .divHomeFeatures .homeFeature:last-child{
     /* margin-right: 0; */ 
}

 .divHomeFeatures .homeFeature section {
     padding: 15px; 
}

 .homeFeature h1 {
     margin: 0;
     text-transform: uppercase;
     font-size: 42px; 
     font-weight: 800;
     line-height: 42px;
     color: #262626;  
     text-align: center; 
}

 .homeFeature p {
     color: #262626;
     font-weight: 300;
     font-size: 17px; 
}

 .homeFeature p:first-child {
     margin-top: 0; 
}

 #divExtra {
     background-color: #ddd;
     width: 100%; 
}

 #divExtra section {
     padding: 25px; 
}

 #divExtra section h1 {
     margin: 0;
     text-transform: uppercase;
     font-size: 50px; 
     font-weight: 300;
     line-height: 45px;
     color: #262626;
     border-top: 1px solid #262626;
     border-bottom: 1px solid #262626;
     padding: 8px 0;
     text-align: center; 
}

 #divExtra section h2 {
     margin: 15px 0 0 0;
     text-transform: uppercase;
     font-size: 21px; 
     font-weight: 800;
     line-height: 17px;
     color: #262626;
     border-bottom: 1px solid #262626;
     padding-bottom: 2px; 
}

 .homeExtra {
     float: left;
     margin-right: 3%;
     width: 29.33%;
     padding-top: 15px; 
}

 .homeExtra:first-child {
     margin-left: 3%; 
}

 #divOverFoot {
     height: 75px;
     background-color: #262626; 
}

 #ulOverFoot {
     list-style: none;
     text-align: center;
     height: 75px;
     margin: 0;
     padding: 0;
     width: 100%; 
}

 #ulOverFoot li {
     display: inline-block;
     height: 75px;
     margin: 0;
     padding: 0 25px;
     line-height: 75px;
     font-size: 40px; 
     font-weight: 800;
     text-transform: uppercase; 
}

 #ulOverFoot li a:link,
 #ulOverFoot li a:visited {
     text-decoration: none;
     color: #fff; 
}

 #ulOverFoot li a:hover,
 #ulOverFoot li a:active {
     text-decoration: none;
     color: #ffcc00; 
}

 .banner {
     width: 100%;
     height: 259px;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     position: relative;
     z-index: 1;
     top: -45px;
     overflow: hidden; 
}

 .banner p {
     font-size: 8px;
     margin: 0;
     padding: 0; 
     height: 100%;
     width: 100%; 
}

 .banner section h1 {
     line-height: 265px;
     font-size: 60px;
     color: #fff;
     text-transform: uppercase; 
}

 #fx8Banner {
     background-image: url(../img/banner-fx8.jpg); 
}

 #fx8Banner p img {
    margin: 0 auto; 
}

 #ulProductMenu {
     height: 51px;
     margin: 0 auto;
     padding: 0;
     list-style: none; 
}

 #ulProductMenu li {
     display: block;
     float: left;
     font-size: 18px;
     padding: 0 15px;
     margin: 0;
     font-family: "dingpboldbold", sans-serif;
     background-color: #d0d0d0;
     cursor: pointer; 
}

 #ulProductMenu li a {
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: .02em;
     color: #006ba8; 
}

 #ulProductMenu li.here a {
     color: #262626; 
}

 #ulProductMenu li:hover,
 #ulProductMenu li:active,
 #ulProductMenu li.here {
     background-color: #fff; 
}

 .bannerWrap {
     position: relative;
     top: -45px;
     background-color: #b2b2b2; 
     height: 51px;
     width: 100%;
     line-height: 51px;
     overflow: hidden; 
}

 .bannerWrap .centeredContent {
     position: relative; 
}

 .aBuy { 
     position: absolute;
     right: 0;
     top: 0;
     z-index: 10;
     text-decoration: none;
     letter-spacing: 0.02em;
     text-transform: uppercase;
     background-color: #6ba4c4;
     padding: 0 15px;
     color: #fff;
     font-size: 18px;
     display: block;
     font-family: "dingpboldbold",sans-serif; 
}

 #l2Features {
     background-color: #d0d0d0;
     width: 100%;
     padding: 25px 0; 
}

 .multiContent {
     width: 100%;
     padding: 25px 0; 
}

 #l2Features p,
 #l2Features h1,
 #l2Features h2,
 #l2Features h3,
 #l2Features h4,
 #l2Features h5,
 #l2Features h6,
 #l2Features ul,
 #l2Features ol {
    margin-top: 0; 
}

 #l2Features h1 {
     font-weight: 300;
     font-size: 24px;
     letter-spacing: .08em;
     text-transform: uppercase;
     margin-bottom: 15px; 
}

 .ulFeatureMenu {
     margin: 0;
     padding: 0;
     width: 100%;
     background-color: #dcdcdc;
     border-bottom: 4px solid #000;
     height: 50px;
     list-style: none; 
}

 .ulFeatureMenu li {
     float: left;
     height: 50px;
     padding: 0 10px;
     line-height: 50px;
     cursor: pointer;
     color: #006ba8;
     font-weight: 700; 
}

 .ulFeatureMenu li.current,
 .ulFeatureMenu li:hover,
 .ulFeatureMenu li:active {
     background-color: #eee; 
}

 .tab-content {
     display: none;
     padding: 15px;
     min-height: 250px; 
}

 .tab-content .col {
     width: 48%;
     float: left; 
}

 .tab-content .col:first-child {
     margin-right: 4%; 
}

 .tab-content.current{
     display: block; 
}

 .col2 {
   margin-right: 315px; 
}

 .col2 .col {
     width: 48%;
     float: left;
     margin-right: 4%; 
}

 .divContent { 
   width: 100%;
   float: left;
   margin-right: -315px; 
}

 .divContent a {
     color: #006ba8; 
}

 .divSidebar {
     width: 280px;
     float: right;
     padding-left: 35px; 
}

 .col:last-child {
     margin-right: 0; 
}

 body.product #divMain h1 { 
     font-size: 24px;
     margin: 0;
     font-family: "dingpboldbold", sans-serif;
     font-weight: normal; 
}

 .divSupport {
     float: left;
     width: 400px; 
}

 .divContent h1 + p,
 .divContent h2 + p,
 .divContent h3 + p,
 .divContent h4 + p,
 .divContent h5 + p,
 .divContent h6 + p {
     margin-top: 0 !important; 
}

 .centeredContent  h1 {
     font-size: 2.25em;
     margin-top: 0;
     margin-bottom: .5em; 
}

 .centeredContent  h2 {
     font-size: 1.6em;
     margin-top: 0;
     margin-bottom: .5em; 
}

 .centeredContent  h3 {
     font-size: 1.4em;
     margin-top: 0;
     margin-bottom: .5em; 
}

 .centeredContent  h4 {
     font-size: 1.2em;
     margin-top: 2em;
     margin-bottom: .5em; 
}

 .centeredContent  h5 {
     font-size: 1em;
     margin-top: 1.5;
     margin-bottom: .5em; 
}

 .centeredContent  h6 {
     font-size: 1em;
     margin-top: 0;
     margin-bottom: .5em; 
}

 .centeredContent section li {
     margin-bottom: .6em; 
}

 .p-sidebar-dealer {
     margin-bottom: 1.33em; 
}

 .centeredContent  p {
     line-height: 1.5em;
     margin-bottom: 1em; 
}

 .ul-downloads {
     clear:both;
     margin: 0;
     overflow:hidden;
     padding:0;
     list-style:none;
     width: 800px; 
}

 .ul-downloads:last-child {
     margin-bottom: 0; 
}

 .ul-downloads .item {
     clear:both;
     line-height:1.23em !important;
     margin:0 0 20px 0;
     padding:7px 0 0 100px;
     position:relative;
     height: 120px; 
}

 .ul-downloads .description {
     height: 80px; 
}

 .item .title {
     font-weight:bold; 
}

 .item a.thumbnail {
     display:block;
     height:80px;
     left:0;
     margin:-2px 0 6px 0;
     position:absolute;
     text-align:center;
     top:1.2em;
     width:80px;
     color:#0088CC;
     text-decoration:none; 
}

 .right-10 {
     padding-right:10px; 
}

 li.item .description {
     display:block;
     margin:0 10em 0.6em 0;
     min-height:3em; 
}

 li.item .downloadbutton {
     bottom:1.6em;
     position:absolute;
     right:0;
     margin-bottom:40px;
     display:block;
     float:right;
     font-size:9px;
     text-decoration:none;
     color:#0088CC; 
}

 .downloadbutton strong {
     background: url(../img/buttons/v2/btn-download-left.png) no-repeat left;
     display:block;
     float:left;
     overflow:hidden;
     text-indent:-99999px;
     width:82px;
     height:34px;
     padding-top:16px; 
}

 .downloadbutton em {
     min-width:50px;
     height:34px;
     background: url(../img/buttons/v2/btn-download-right.png) no-repeat right;
     color:#FFF;
     display:block;
     float:left;
     font-style:normal;
     font-weight:normal;
     padding: 16px 10px 0 0;
     text-align: right; 
}

 .downloadbutton em a {
     color:#FFF; 
}

 .item hr {
     margin:0;
     color:#999 !important; 
}

 .item p {
     margin:7px 0 14px -100px; 
}

 .divSidebar h1 {
     font-size: 1em;
     padding: 4px 0;
     margin: 0 0 1em 0;
     border-top: 1px solid #666;
     border-bottom: 1px solid #666; 
}

 .divSidebar h2 {
     font-size: 1em;
     padding: 4px 0;
     margin: 0 0 1em 0;
     border-top: 1px solid #666;
     border-bottom: 1px solid #666; 
}

 .divSidebar h3 {
     font-size: 1em;
     padding: 4px 0;
     margin: 0 0 1em 0;
     border-top: 1px solid #666;
     border-bottom: 1px solid #666; 
}

 .divSidebar h4 {
     font-size: 1em;
     padding: 4px 0;
     margin: 0 0 1em 0;
     border-top: 1px solid #666;
     border-bottom: 1px solid #666; 
}

 .divSidebar h5 {
     font-size: 1em;
     padding: 4px 0;
     margin: 0 0 1em 0;
     border-top: 1px solid #666;
     border-bottom: 1px solid #666; 
}

 .divSidebar h6 {
     font-size: 1em;
     padding: 4px 0;
     margin: 0 0 1em 0;
     border-top: 1px solid #666;
     border-bottom: 1px solid #666; 
}

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

 #tableTimeline td {
     font-size: 15px;
     padding: 4px;
     vertical-align: top; 
}

 #tableTimeline tr:first-child td {
     padding-top: 0; 
}

 #tableTimeline td:nth-child(odd) {
     white-space: nowrap;
     font-family: dingpboldbold; 
}

 #tableTimeline tr {
     border-bottom: 1px solid #ccc; 
}

 h4.sidetitle {
     border-bottom: 1px solid #666;
     border-top: 1px solid #666;
     font-size: 1em;
     margin: 0 0 1em;
     padding: 4px 0; 
}

 .p-sidebar-dealer { 
}

 .p-sidebar-dealer img { 
}

 .divSidebar p, .divSidebar ul, .divSidebar ol, .divSidebar li {
     line-height: 1.5em;
     font-size: .9em; 
}

 h4.h4Dealer { 
}

 .divInternational {
     position: relative;
     padding-left: 195px;
     margin-bottom: 15px;
     padding-bottom: 15px;
     border-bottom: 1px solid #b2b2b2; 
}

 .divInternational p {
     margin-bottom: 0; 
}

 .divInternational img {
     top: 0;
     left: 0;
     position: relative;
     margin-bottom: 15px;
     margin-left: -195px; 
}

 section.cabpack {
     position: relative;
     padding-left: 236px;
     padding-bottom: 25px;
     border-bottom: 1px solid #b2b2b2;
     min-height: 311px;
     width: 700px;
     margin: 0 auto; 
}

 section.cabpack h1 {
     font-size: 1.4em; 
}

 section.cabpack p {
     margin-bottom: 1em; 
}

 section.cabpack h1 a:link,
 section.cabpack h1 a:visited {
     text-decoration: none; 
}

 section.cabpack img {
     position: absolute;
     top: 0;
     left: 0; 
}

 .botHalf:nth-child(odd) { float: left; margin: 0 2% 20px 0; 
}

 .botHalf:nth-child(even) { float: left; margin: 0 0 20px 0; 
}

 .botHalf { width: 49%; 
}

 .botWhole { width: 100%; border: 2px solid #666666; overflow: hidden; margin: 0 0 20px 0; padding: 0; height: auto; 
}

 .bottomCon iframe { display: block; 
}

 .botWhole h4 { background-color: #666666; color: #FFFFFF; padding: 10px; margin-top: 0;
}
 /*====================COMMUNITY====================*/
 .divCommunity {
     margin-bottom: 45px; 
}

 .imgCommunity {
     margin: 0 10px 10px 0;
     float:left; 
}

 .divCommunity  h6 {
      margin:0 !important;
      clear:none !important; 
}

 .divCommunity  p {
      margin:0 !important;
      clear:none !important; 
}

 .fb_iframe_widget {
     width: 500px; 
}

 /*=================ARTISTS===========================*/
 #artistDiv {
     margin: 0 auto; 
}

 .divArtist {
     width: 45%;
     height: 240px;
     float: left;
     color:#555;
     padding:0 2.5% 14px 2.5%;
     overflow: hidden; 
}

 .artistTopLine {
 	float: left;
    margin: 0;
    width: 76%; 
}

 .centeredContent .h4ArtistName {
     float:left;
     font-size:22px !important;
     color: #333; 
	 margin: 0 15px 0 0;
}

 .pArtistContext {
     color: #777;
    float: left;
    font-family: dingpboldbold;
    font-size: 14px !important;
    line-height: 13px;
    margin: 0 !important;
    padding-top: 7px;
}

.centeredContent div.pArtistQuote p {
	margin:0 !important;
	line-height: 1.25em;
}

div.pArtistQuote {
     float: left;
    font-size: 14px !important;
    line-height: 1.2em;
    margin: 0;
    width: 76%;
}

 div.divArtist:nth-child(odd) { clear: left; 
}

 .aArtistLink {
     margin:10px 0 0 130px;
}

 .imgArtistPhoto {
     float: left;
    margin: 0;
    padding-right: 2%;
    width: 22%;
}

p.pArtistQuote {
	margin:0;
}

 strong, b, h1, h2, h3, h4, h5, h6 {
     font-family: dingpboldbold;
     font-weight: normal; 
}

 a:link,
 a:hover,
 a:active {
  color: #006ba8; 
}

 /* support  */
 .divCard {
     border: 2px solid #cdd3e1;
     border-radius: 2px;
     float: left;
     height: 225px;
     margin-right: 2%;
     padding: 1.5%;
     position: relative;
     width: 28%; 
}

 .divCard img {
     position: absolute;
     bottom: 15px;
     right: 15px;
     z-index: 1; 
}

 .divCard:nth-child(3) {
     margin-right: 0; 
}

 .divCard ul {
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
     z-index: 5; 
}

 .divCard ul li {
     font-size: 19px;
     margin-bottom: 5px;
     margin-left: 0;
     padding: 0; 
}

 .divCard ul li a { 
}

 .divCard h3 {
     font-size: 30px; 
}

 /* =========================================================================
     jplayer styles
    ========================================================================= */
 .demo-container {
     border: 1px solid #009BE3;
     padding:0 20px;
     font-family: 'Lato', sans-serif; 
}

 .demo-container a, .demo-container a:link, .demo-container a:visited, .demo-container a:hover, .demo-container a:focus, .demo-container a:active {
     color: #009BE3; 
}

 .demo-container ul {
     list-style-type:none;
     padding:0;
     margin:1em 0;
     width:100%;
     overflow:hidden; 
}

 .demo-container ul span {
     color: #A0A600; 
}

 .demo-container li { 
}

 .demo-container p span.track-name {
     color: #CC0090; 
}

 /* ==========================================================================
    Helper classes
    ========================================================================== */
 /*
  * Image replacement
  */
 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
     text-indent: -9999px;
     /* IE 6/7 fallback */
     *text-indent: -9999px; 
}

 .ir:before {
     content: "";
     display: block;
     width: 0;
     height: 150%; 
}

 /*
  * Hide from both screenreaders and browsers: h5bp.com/u
  */
 .hidden {
     display: none !important;
     visibility: hidden; 
}

 /*
  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  */
 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px; 
}

 /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto; 
}

 /*
  * Hide visually and from screenreaders, but maintain layout
  */
 .invisible {
     visibility: hidden; 
}

 /*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
 .clearfix:before,
 .clearfix:after {
     content: " "; /* 1 */
     display: table; /* 2 */ 
}

 .clearfix:after {
     clear: both; 
}

 /*
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
 .clearfix {
     *zoom: 1; 
}




/* *************  R E S P O N S I V E   S T Y L E S   *************************** */


.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.row:after {
    clear: both;
}

.row {
    *zoom: 1;
}

/* Reusable column setup */
.col {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

.col {
	margin-right:1.9047619047619047619047619047619%;
	padding:0 1.5%;
}
        
.row .col:last-child {
	margin-right:0;
}    

.span_1 {
	width:6.5873015873015873015873015873016%;
}
.span_2 {
	width:15.079365079365079365079365079365%;
}
.span_3 {
	width:23.571428571428571428571428571429%;
}
.span_4 {
	width:32.063492063492063492063492063492%;
}
.span_5 {
	width:40.555555555555555555555555555556%;
}
.span_6 {
	width:49.047619047619047619047619047619%;
}
.span_7 {
	width:57.539682539682539682539682539682%;
}
.span_8{
	width:66.031746031746031746031746031746%;
}
.span_9 {
	width:74.523809523809523809523809523809%;
}
.span_10  {
	width:83.015873015873015873015873015873%;
}
.span_11 {
	width:91.507936507936507936507936507936%;
}	
.span_12 {
	margin-left:0;
	width:100%;
}

.col.span_3 .downloadbutton em {
	font-size: 11px;
}

.ul-downloads .row {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(/img/grey-border.gif) no-repeat 80px bottom;
}

.ul-downloads .row:last-child {
	background: none;
}

.ul-downloads {
	padding-bottom: 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}





@media screen and (max-width: 1200px){
	
	.satchSlide {
		max-width: 1280px;
		min-width: 1000px;
		margin: 0 auto;
	}

	.divSlide .satchSlide img:first-child {
		left: 0 !important;
    	margin-left: 0;
    	position: relative;
	}

	.divSlide .satchSlide img:last-child {
		position: absolute;
		left: 673px;
		top: 330px;
		margin-left: 0;
	}

	.divSlideSatriani {
     	background-color: rgba(0, 0, 0, 0.7);
    	left: 487px;
    	padding: 15px;
    	position: absolute;
    	top: 45px;
    	width: 513px; 
	}
	
}

@media screen and (min-width: 1201px){
	
	.satchSlide {
		max-width: 1280px;
		min-width: 1000px;
		margin: 0 auto;
	}

	.divSlide .satchSlide img:first-child {
		left: 0 !important;
    	margin-left: 0;
    	position: relative;
	}

	.divSlide .satchSlide img:last-child {
		position: absolute;
		left: 793px;
		top: 310px;
		margin-left: 0;
	}

	.divSlideSatriani {
     	background-color: rgba(0, 0, 0, 0.7);
    	left: 487px;
    	padding: 15px;
    	position: absolute;
    	top: 45px;
    	width: 654px; 
	}
	
}
















 /* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
 @media only screen and (min-width: 35em) {
     /* Style adjustments for viewports that meet the condition */ 
}

 @media print,
        (-o-min-device-pixel-ratio: 5/4),
        (-webkit-min-device-pixel-ratio: 1.25),
        (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */ 
}

 /* ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ========================================================================== */
 @media print {
     * {
         background: transparent !important;
         color: #000 !important; /* Black prints faster: h5bp.com/s */
         box-shadow: none !important;
         text-shadow: none !important; 
}

     a,
     a:visited {
         text-decoration: underline; 
}

     a[href]:after {
         content: " (" attr(href) ")"; 
}

     abbr[title]:after {
         content: " (" attr(title) ")"; 
}

     /*
      * Don't show links for images, or javascript/internal links
      */
     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
         content: ""; 
}

     pre,
     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid; 
}

     thead {
         display: table-header-group; /* h5bp.com/t */ 
}

     tr,
     img {
         page-break-inside: avoid; 
}

     img {
         max-width: 100% !important; 
}

     @page {
         margin: 0.5cm; 
}

     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3; 
}

     h2,
     h3 {
         page-break-after: avoid; 
}
 
}