.frazer_blue {
  
  // Background colors
  
  // Tier 1
  @BgColor_tier1: white; /* Tier 1 Content Background (usually white) */

  // Tier 2
  @BgColor_tier2: #003856;//#0d3954; /* Tier 2 Content Background (Usually a secondary color) */
  @BgGradient_tier2: #1b5d82; /* Gradient Background for Tier 2 Content */
  @BgColor_navigation: @BgColor_tier2; /* Navigation Background shares its color with tier 2 content */

  // Splash
  @BgImage_splash: url("base/img/frazer_blue_splash_bg.png"); /*Splash Image*/
  @BgColor_splash: #026aa9; /* Color that lies behind the splash background image */

  // Button Colors
  @BgColor_button: #0069ac;
  @BgColor_buttonHover: #0081d3;
  @TextColor_button: white;
  
  // Header Frazer Logo
  @headerLogo: url("base/img/frazer_blue_headerlogo.png");
  
  // Panel Gradients
  @BgColor_panelGradientStart: rgba(0,0,0,0.25);




  #floatNavContainer {
    .floatNav {
      background-color: @BgGradient_tier2;
    }
  }

  #wrapper {
    background-color: @BgColor_tier2;
  }

  #header div.logo {
    background-image: @headerLogo;
    background-repeat: no-repeat;
  }

  /* Content Background Color (matches "Wrapper Background Color") */
  #contentBg {
    background-color: @BgColor_tier2;
  }

  #contentTier1Background {
    background-color: @BgColor_tier1;
  }
  
  // Gradient BG of tier 2 content
  #contentTier2 {
    
    background-color: @BgColor_tier2;
    
    // CSS gradient background (webkit and mozilla only)
    // background-image: -moz-linear-gradient(top, @BgGradient_tier2, @BgColor_tier2);
    // background-image: -webkit-gradient(linear, left top, left bottom, from(@BgGradient_tier2), to(@BgColor_tier2));

    // image gradient background (all browsers)
    background-image: url("/styles/base/img/FrazerBlueTier2ContentGradient.png");

  }
  
  // affiliate rollovers
  div.logo.youtube:hover {
    background-image: url("base/img/Affiliate Logos/youtubeLogo_greyGlow.png") !important;
  }
  div.logo.facebook:hover {
    background-image: url("base/img/Affiliate Logos/facebook_greyGlow.png") !important;
  }
  div.logo.wbe:hover {
    background-image: url("base/img/Affiliate Logos/wbe_greyGlow.png") !important;
  }
  div.logo.qvm:hover {
    background-image: url("base/img/Affiliate Logos/qvm_greyGlow.png") !important;
  }
  div.logo.ntea:hover {
    background-image: url("base/img/Affiliate Logos/ntea_greyGlow.png") !important;
  }

  #navigationBackground {
    background-color: @BgColor_navigation;
  }
  
  // Splash Area Background color and image
  #splashBackground {
    background-color: @BgColor_splash;
    background-image: @BgImage_splash;
  }

  // Buttons
  .button {
    background-color: @BgColor_button;
    color: @TextColor_button;
  }
  .button:hover {
    background-color: @BgColor_buttonHover;
  }

  // Content Blocks
  .Panel.skinned {
    
    // CSS Gradient (Mozilla , Webkit)
    // background: -moz-linear-gradient(top, @BgColor_panelGradientStart 0%, transparent 100%); /* FF3.6+ */
    // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@BgColor_panelGradientStart), color-stop(100%,transparent)); /* Chrome,Safari4+ */
    // background: -webkit-linear-gradient(top, @BgColor_panelGradientStart 0%,transparent 100%); /* Chrome10+,Safari5.1+ */
    // background: -o-linear-gradient(top, @BgColor_panelGradientStart 0%,transparent 100%); /* Opera11.10+ */
    // background: -ms-linear-gradient(top, @BgColor_panelGradientStart 0%,transparent 100%); /* IE10+ */
    // background: linear-gradient(top, @BgColor_panelGradientStart 0%,transparent 100%); /* W3C */

    // Image Gradients (All browsers)
    background-image: url("/styles/base/img/FrazerGreyPanelBg.png") !important;
    background-size: 100% 100%;
  }
  
  // Tool Tips
  #ToolTip {
    .ToolTipBubble {
      border: 6px solid rgba(0,0,0,0.33);
    }
  }

  // List
  .list {
    .item {
      .number {
        background-color: @BgColor_button;
      }
    }
  }

  // PhotoGallery
  .PhotoGallery {
    .item:hover {
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(255, 255, 255, 1.0);
    }
  }
}