.frazer_red {
  
  // Settings

  // Backgrounds
  @BgColor_tier1: white;  /* Color of the background cor content tier 1 (usually white) */
  @BgColor_tier2: #393939; /* This is the background color of tier 2 content (under the white area) */
  @BgColor_splash: #870900; /* This is the color right behind the splash image */
  
  @BgGradient_tier2: #585858; /* Tier 2 content has a gradient that starts at the top,,,, this is its start color */
  @BgColor_navigation: @BgColor_tier2; /* The main navigation has the same BG color as tier 2 content */

  // Splash
  @BgImage_splash: url("base/img/frazer_red_splash_bg.png");/* This is the splash image that appears right above the nav */

  // Buttons
  @BgColor_button: #930a00;
  @BgColor_buttonHover: #b80d00;
  @TextColor_button: white;
  
  // Header Frazer Logo
  @headerLogo: url("base/img/frazer_grey_headerlogo.png");

  // Panel Gradients
  @BgColor_panelGradientStart: rgba(0,0,0,0.15);




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

  // Main Wrapper 
  #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 Gradients (Mozilla and Webkit 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 Gradients (All Browsers)
    background-image: url("/styles/base/img/FrazerGreyTier2ContentGradient.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;
  }
  
  // Navigation Background
  #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);
    }
  }
  
  // Lists
  .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, 0.5), 0px 0px 10px rgba(255, 0, 0, 0.5);
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(255, 255, 255, 1.0);
    }
  }
  
}