@import url("http://fnt.webink.com/wfs/webink.css?project=B8705446-C7D9-417B-A210-5F6649661895&fonts=67441BF1-55D7-AE95-1517-F384304A7CF1:family=AlternateGotNo2D");
@charset "utf-8";
/**
* ------------------------------------ !MASTER STYLES ------------------------------------
* This stylesheet serves as the foundation for all styles within this application
* CORE VARIABLES: used for controlling individual elements in a theme
* CORE THEME: used as collection of varibles that make up a unified theme or 'skin'
* GRID: used for overwriting grid.less vars
* MIXINS: used for establishing reusable classes
* CORE LAYOUT: used to control positioning layout
*
* AUTHOR: Kellan Craddock (kcraddock@cmdagency.com)
* AUTHOR: Jessica Tsuji (jtsuji@cmdagency.com)
*
* IMPORTANT! - These styles were originally written in LESS and compliled with the LESS.app. All modifications should be done in the existing .less file, not the .css file
* 
*TODO: remove theme specific vars from core-elements.less and pass them as params via core layout.
*/
/**
* ------------------------------------ !IMPORTS ------------------------------------
*/
/*
 * HTML5 BOILERPLATE: NORMALIZE LESS

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  /* overflow-y: scroll; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #63C0BB;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #63C0BB;
  color: #fff;
  text-shadow: none;
}
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,
input {
  line-height: normal;
  *overflow: visible;
}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button,
table input {
  *overflow: auto;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
body {
  padding: 0 0%;
  margin: 0;
}
/**
* ROW
* @columns {int} number of columns in the grid
* @gutter {int} percentage width of gutters
* 
* Now factoring for optional gutter width. Browsers that dont support the box-sizing rule (<=IE7) will need to account for gutters on grid items. The gutter needs to be offset in the row mixin
*/
/**
* COLUMN
* @x {int} number of columns each grid item should take up
* @columns {int} number of columns in the grid
* @gutter {int} percentage width of gutters
* @padding {int} percentage width of left and right padding on grid items
*
* Now factoring for optional gutter width and padding. Browsers that dont support the box-sizing rule (<=IE7) will need to account for padding and gutters on grid items. Both padding and gutter need to be offset from the item width in the grid mixin
* 
* TODO: We need to factor for borders in browsers that dont support box-sizing. This is difficult because borders can be specified as a pixel width and our calculations are in percentages. Borders are not allowed to be set as percentage widths.
*/
/** ------------------------------------ !CORE VARIABLES ------------------------------------
* Core, non-themeable options. Includes layout related vars
* Naming convention should be abstract or related to css properties, not specific to page elements: border-thin: 1px
* Naming format: @core-[property]
*/
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('../../fonts/BebasNeue-webfont.eot');
  src: url('../../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/BebasNeue-webfont.woff') format('woff'), url('../../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CopseRegular';
  src: url('../../fonts/Copse-Regular-webfont.eot');
  src: url('../../fonts/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Copse-Regular-webfont.woff') format('woff'), url('../../fonts/Copse-Regular-webfont.ttf') format('truetype'), url('../../fonts/Copse-Regular-webfont.svg#CopseRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** ------------------------------------ !CORE THEME ----------------------------------------
* Themeable options. Does not include layout related vars
* Naming convention can be specific to an element: @theme-header-background: @core-color-gray-1
* Naming format: @theme-[element]-[property]
*/
/** ------------------------------------ !CORE PROPERTIES --------------------------------------------
* These reusable mixins are meant to directly suppliment existing CSS properties. Each namespace should represent a single property type, that contains multiple methods for different variations. It is helpful to include multiple rules for each method to provide extended browser support. Also, including a .none method enables the removal of the given method if needed. Core property namespaces are intended to be used within LESS and not directly attached to the markup. Many of these mixins are originally authored by the twitter bootstrap: https://github.com/twitter/bootstrap
*/
/* !NAMESPACES FOR CSS PROPERTIES */
#clearfix {
  zoom: 1;
}
#clearfix:before,
#clearfix:after {
  content: "";
  display: table;
}
#clearfix:after {
  clear: both;
}
#boxsizing {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
/** ------------------------------------ !CORE ELEMENTS --------------------------------------------
* These reusable mixins are meant to provide a templated or 'bootstraped' style to CSS element selectors. Each individual namespace should reflect an html tag, with the namespaces' methods being different versions or states of the tag. Core elements can and should incorperate core properties, and should always be secific to a HTML tag rather than a CSS property. Core element namespaces are intended to be used within LESS and not directly attached to the markup.

TODO: Remove all theme vars from these mixins as they should always be passed as params from the layout. Add Init methods to abstract classes to allow for psudo class and event binding

RULES:

Abstract Classes
- All variables must be passed through functions
- No direct use of html elements
- No use of psudo classes (should not assume that one wants to use an event or psudo class)

Classes
- All variables must be passed through functions
- May use html elements directly
- May use psudo classes, but not recomended

*/
/* !NAMESPACES FOR CSS ELEMENT SELECTORS */
/*  !Button Abstract Class
    Will style any element to be button
    Always defaults to display inline, you can override this when extending the class for more specific uses such as in a form
    
    TODO: Add more methods, such as .secondary etc
    
 */
/*  !Input Abstract Class
    Will style any element to be an input
    Can be extended for more specific styling such as in a form
    
    TODO: Remove theme vars, as they should be passed in via the layout. Add more method types. Remove psudo classes
    
 */
/*  !List Abstract Class
    TODO: need to revamp lists and nav mixins. Lists should account for all types of styled lists (horizontal, vertical, boxes, buttons). Navs should extend lists and account for anchor tags by moving base list styles to the anchor rather than the list item
 */
#list .inline li,
#list .inline dd,
#list .inline dt {
  display: inline;
  float: none;
  width: auto;
}
/*  !Nav Class
    
 */
/*  !Form Class
    Extends base classes such as #button and #input, adding specific styles for use inside forms
    
    TODO: Remove theme vars, as they should be passed in via the layout. Add more method types
    
 */
/*  !Shape Class
    Used to render shapes using CSS
    
    TODO: Abstract and add other shapes
    
 */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  overflow: visible !important;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
/*
#cboxTopLeft{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../../img/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../../img/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../../img/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../../img/colorbox/border2.png) repeat-y -25px 0;}
*/
#cboxContent {
  background: #fff;
  overflow: hidden;
  overflow: visible;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 20px;
}
#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}
#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
  display: none !important;
}
#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
  display: none !important;
}
#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
  display: none !important;
}
#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
  display: none !important;
}
#cboxLoadingOverlay {
  background: #ffffff url(../../img/colorbox/loading.gif) no-repeat 5px 5px;
}
#cboxClose {
  background: transparent url(../../img/close.png) no-repeat 0 0;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  height: 47px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft {
  background: url(../../img/colorbox/ie6/borderTopLeft.png);
}
.cboxIE6 #cboxTopCenter {
  background: url(../../img/colorbox/ie6/borderTopCenter.png);
}
.cboxIE6 #cboxTopRight {
  background: url(../../img/colorbox/ie6/borderTopRight.png);
}
.cboxIE6 #cboxBottomLeft {
  background: url(../../img/colorbox/ie6/borderBottomLeft.png);
}
.cboxIE6 #cboxBottomCenter {
  background: url(../../img/colorbox/ie6/borderBottomCenter.png);
}
.cboxIE6 #cboxBottomRight {
  background: url(../../img/colorbox/ie6/borderBottomRight.png);
}
.cboxIE6 #cboxMiddleLeft {
  background: url(../../img/colorbox/ie6/borderMiddleLeft.png);
}
.cboxIE6 #cboxMiddleRight {
  background: url(../../img/colorbox/ie6/borderMiddleRight.png);
}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: e 'expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split(\'"\')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod=' scale ')")';
}
/* ==|== sprite helper classes ========================================
   ========================================================================== */
/* BASIC SPRITE */
/* TEXT REPLACE SPRITE */
.hideText {
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}
/* INLINE SPRITE */
/**
* ------------------------------------ !GRID VARIABLES ------------------------------
*/
/**
* ------------------------------------ !CORE LAYOUT ---------------------------------
*/
html body {
  height: 100%;
  overflow-y: visible;
  /* !Default Layout */

  background: #ffffff;
  color: #3d3b3d;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  position: relative;
}
html body a:link,
html body a:visited,
html body a:hover,
html body a:active,
html body a:focus {
  outline: none;
  text-decoration: none;
  color: #02a9ff;
}
html body a:hover,
html body a:active,
html body a:focus {
  text-decoration: underline;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
html body h1 {
  font-size: 39px;
}
html body h2 {
  font-size: 45.599999999999994px;
  line-height: 46.8px;
  word-spacing: 2px;
}
html body h3 {
  font-size: 21px;
}
html body h4 {
  font-size: 16.200000000000003px;
}
html body h5 {
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 8px;
  background-image: url(../../img/h5_bottom_stroke.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
html body h6 {
  font-size: 12px;
}
html body p {
  font-size: 13.799999999999999px;
  line-height: 20.4px;
  margin: 0;
}
html body .overlay {
  background: url(../../img/bg_overlay.jpg) center center no-repeat;
  border: 10px solid #fff;
  width: 701px;
  height: 360px;
  padding: 20px;
}
html body .overlay h5 {
  margin-bottom: 12px;
}
html body .overlay nav {
  float: right;
  margin-bottom: 10px;
}
html body .overlay nav ul {
  margin-right: 60px;
}
html body .overlay nav ul li {
  float: right;
  margin-right: 33px;
  display: inline-block;
}
html body .overlay nav ul li a {
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 17px;
  color: #f15a29;
  position: relative;
  padding-left: 10px;
  text-transform: uppercase;
}
html body .overlay nav ul li a:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #f15a29;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body .overlay nav ul li a:hover,
html body .overlay nav ul li a:active,
html body .overlay nav ul li a:focus {
  color: #000000;
  text-decoration: none;
}
html body .overlay nav ul li.active a {
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 17px;
  color: #000000;
  position: relative;
  padding-left: 10px;
  text-transform: uppercase;
  /*&:hover,
	            				&:active,
	            				&:focus { 
	            					color: @core-color-black;
	            					text-decoration: none;
	            				}*/

}
html body .overlay nav ul li.active a:before {
  content: "";
  position: absolute;
  border-top: 5px solid #f15a29;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  left: -6px;
  position: relative;
  top: 2px;
}
html body .overlay figure {
  background: url(../../img/barchart_bg_1.png) no-repeat;
  float: right;
  margin-left: 20px;
  margin-top: 23px;
}
html body .overlay figure#barchart-01 {
  margin-top: 0;
}
html body .overlay p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 22px;
  width: 200px;
  margin-top: 23px;
}
html body .overlay footer {
  font-size: 10px;
  color: #8c888c;
}
html body #cboxLoadedContent {
  margin: 0;
}
html body #cboxLoadedContent .overlay.ready {
  display: block;
}
html body #cboxClose {
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-weight: normal;
  background: transparent url(../../img/close.png) no-repeat 0 0;
  display: block;
  height: 47px;
  width: 200px;
  position: absolute;
  top: -27px;
  right: 0px;
  display: block;
  color: #444;
  z-index: 10;
  text-align: right;
  padding-right: 24px;
  background-position: top right;
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
html body .tooltip {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  border: 2px solid #695d4d;
  padding: 5px;
  display: none;
  color: #333;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
}
html body .tooltip:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #695d4d;
  border-right: 6px solid transparent;
  z-index: 1;
  left: 72px;
  top: -14px;
}
html body .tooltip.right {
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
}
html body .tooltip.right:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body .tooltip span,
html body .tooltip em {
  display: block;
}
html body .tooltip strong {
  color: #f15a29;
  display: block;
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 17px;
  font-weight: normal;
}
html body .activityList {
  list-style: none;
  position: relative;
}
html body .activityList dt a,
html body .activityList .title a {
  text-shadow: 0 1px 0px #ffffff;
  color: #f15a29;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 17px;
  padding-left: 11px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
html body .activityList dt a.none,
html body .activityList .title a.none {
  text-shadow: none;
}
html body .activityList dt a:before,
html body .activityList .title a:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #f15a29;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body .activityList dt a.hover,
html body .activityList .title a.hover,
html body .activityList dt a:hover,
html body .activityList .title a:hover,
html body .activityList dt a:active,
html body .activityList .title a:active,
html body .activityList dt a:focus,
html body .activityList .title a:focus {
  color: #000000;
  text-decoration: none;
}
html body .activityList dt a.hover:before,
html body .activityList .title a.hover:before,
html body .activityList dt a:hover:before,
html body .activityList .title a:hover:before,
html body .activityList dt a:active:before,
html body .activityList .title a:active:before,
html body .activityList dt a:focus:before,
html body .activityList .title a:focus:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #f15a29;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body .activityList dd,
html body .activityList .description {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  border: 2px solid #695d4d;
  padding: 5px;
  display: none;
  color: #333;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  border: 1px solid #695d4d;
  display: block;
  font-size: 10px;
  left: 11px;
  margin-bottom: 8px;
  margin-left: 0;
  padding: 2px 0 ;
  position: relative;
  top: auto;
  width: 50px;
  z-index: auto;
}
html body .activityList dd:before,
html body .activityList .description:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #695d4d;
  border-right: 6px solid transparent;
  z-index: 1;
  left: 72px;
  top: -14px;
}
html body .activityList dd.right,
html body .activityList .description.right {
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
}
html body .activityList dd.right:before,
html body .activityList .description.right:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body .activityList dd span,
html body .activityList .description span,
html body .activityList dd em,
html body .activityList .description em {
  display: block;
}
html body .activityList dd strong,
html body .activityList .description strong {
  color: #f15a29;
  display: block;
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 17px;
  font-weight: normal;
}
html body .activityList dd:before,
html body .activityList .description:before {
  display: none;
}
html body .arrow {
  color: #a5a668;
  cursor: pointer;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 20px;
  min-height: 79px;
  min-width: 82px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
}
html body .arrow em {
  color: #8c888c;
  display: block;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  position: absolute;
  right: 85px;
  top: 22px;
}
html body .arrow:after,
html body .arrow.after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body .arrow.hover,
html body .arrow:hover,
html body .arrow:active,
html body .arrow:focus {
  color: #81822b;
  text-decoration: none;
}
html body .arrow.hover:after,
html body .arrow:hover:after,
html body .arrow:active:after,
html body .arrow:focus:after,
html body .arrow.hover.after,
html body .arrow:hover.after,
html body .arrow:active.after,
html body .arrow:focus.after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body .arrow.left {
  text-align: left;
}
html body .arrow.left em {
  left: 85px;
  right: auto;
}
html body .arrow.left:after {
  display: none;
}
html body .arrow.left:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body .arrow.left.hover:after,
html body .arrow.left:hover:after,
html body .arrow.left:active:after,
html body .arrow.left:focus:after {
  display: none;
}
html body .arrow.left.hover:before,
html body .arrow.left:hover:before,
html body .arrow.left:active:before,
html body .arrow.left:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body .arrow.disabled {
  display: none;
}
html body > aside {
  background: #fff;
  color: #8c888c;
  height: 76px;
  margin: 0 auto;
  position: relative;
  top: -1px;
  width: 960px;
}
html body > aside:before {
  background: url(../../img/nav_main_bg.png) top left no-repeat;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  top: -10px;
  width: 960px;
}
html body > aside > nav {
  position: relative;
  top: -28px;
}
html body > aside > nav ul {
  position: relative;
}
html body > aside > nav ul li {
  display: block;
  right: 0;
  position: absolute;
  top: 0;
}
html body > aside > nav ul li a,
html body > aside > nav ul li a:link,
html body > aside > nav ul li a:visited {
  color: #a5a668;
  cursor: pointer;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 20px;
  min-height: 79px;
  min-width: 82px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
}
html body > aside > nav ul li a em,
html body > aside > nav ul li a:link em,
html body > aside > nav ul li a:visited em {
  color: #8c888c;
  display: block;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  position: absolute;
  right: 85px;
  top: 22px;
}
html body > aside > nav ul li a:after,
html body > aside > nav ul li a:link:after,
html body > aside > nav ul li a:visited:after,
html body > aside > nav ul li a.after,
html body > aside > nav ul li a:link.after,
html body > aside > nav ul li a:visited.after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > aside > nav ul li a.hover,
html body > aside > nav ul li a:link.hover,
html body > aside > nav ul li a:visited.hover,
html body > aside > nav ul li a:hover,
html body > aside > nav ul li a:link:hover,
html body > aside > nav ul li a:visited:hover,
html body > aside > nav ul li a:active,
html body > aside > nav ul li a:link:active,
html body > aside > nav ul li a:visited:active,
html body > aside > nav ul li a:focus,
html body > aside > nav ul li a:link:focus,
html body > aside > nav ul li a:visited:focus {
  color: #81822b;
  text-decoration: none;
}
html body > aside > nav ul li a.hover:after,
html body > aside > nav ul li a:link.hover:after,
html body > aside > nav ul li a:visited.hover:after,
html body > aside > nav ul li a:hover:after,
html body > aside > nav ul li a:link:hover:after,
html body > aside > nav ul li a:visited:hover:after,
html body > aside > nav ul li a:active:after,
html body > aside > nav ul li a:link:active:after,
html body > aside > nav ul li a:visited:active:after,
html body > aside > nav ul li a:focus:after,
html body > aside > nav ul li a:link:focus:after,
html body > aside > nav ul li a:visited:focus:after,
html body > aside > nav ul li a.hover.after,
html body > aside > nav ul li a:link.hover.after,
html body > aside > nav ul li a:visited.hover.after,
html body > aside > nav ul li a:hover.after,
html body > aside > nav ul li a:link:hover.after,
html body > aside > nav ul li a:visited:hover.after,
html body > aside > nav ul li a:active.after,
html body > aside > nav ul li a:link:active.after,
html body > aside > nav ul li a:visited:active.after,
html body > aside > nav ul li a:focus.after,
html body > aside > nav ul li a:link:focus.after,
html body > aside > nav ul li a:visited:focus.after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > aside > nav ul li a.left,
html body > aside > nav ul li a:link.left,
html body > aside > nav ul li a:visited.left {
  text-align: left;
}
html body > aside > nav ul li a.left em,
html body > aside > nav ul li a:link.left em,
html body > aside > nav ul li a:visited.left em {
  left: 85px;
  right: auto;
}
html body > aside > nav ul li a.left:after,
html body > aside > nav ul li a:link.left:after,
html body > aside > nav ul li a:visited.left:after {
  display: none;
}
html body > aside > nav ul li a.left:before,
html body > aside > nav ul li a:link.left:before,
html body > aside > nav ul li a:visited.left:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > aside > nav ul li a.left.hover:after,
html body > aside > nav ul li a:link.left.hover:after,
html body > aside > nav ul li a:visited.left.hover:after,
html body > aside > nav ul li a.left:hover:after,
html body > aside > nav ul li a:link.left:hover:after,
html body > aside > nav ul li a:visited.left:hover:after,
html body > aside > nav ul li a.left:active:after,
html body > aside > nav ul li a:link.left:active:after,
html body > aside > nav ul li a:visited.left:active:after,
html body > aside > nav ul li a.left:focus:after,
html body > aside > nav ul li a:link.left:focus:after,
html body > aside > nav ul li a:visited.left:focus:after {
  display: none;
}
html body > aside > nav ul li a.left.hover:before,
html body > aside > nav ul li a:link.left.hover:before,
html body > aside > nav ul li a:visited.left.hover:before,
html body > aside > nav ul li a.left:hover:before,
html body > aside > nav ul li a:link.left:hover:before,
html body > aside > nav ul li a:visited.left:hover:before,
html body > aside > nav ul li a.left:active:before,
html body > aside > nav ul li a:link.left:active:before,
html body > aside > nav ul li a:visited.left:active:before,
html body > aside > nav ul li a.left:focus:before,
html body > aside > nav ul li a:link.left:focus:before,
html body > aside > nav ul li a:visited.left:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > aside > nav ul li a.disabled,
html body > aside > nav ul li a:link.disabled,
html body > aside > nav ul li a:visited.disabled {
  display: none;
}
html body > aside > nav ul li:first-child {
  left: 0;
  right: auto;
}
html body > aside > nav ul li:first-child a {
  text-align: left;
}
html body > aside > nav ul li:first-child a em {
  left: 85px;
  right: auto;
}
html body > aside > nav ul li:first-child a:after {
  display: none;
}
html body > aside > nav ul li:first-child a:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > aside > nav ul li:first-child a.hover:after,
html body > aside > nav ul li:first-child a:hover:after,
html body > aside > nav ul li:first-child a:active:after,
html body > aside > nav ul li:first-child a:focus:after {
  display: none;
}
html body > aside > nav ul li:first-child a.hover:before,
html body > aside > nav ul li:first-child a:hover:before,
html body > aside > nav ul li:first-child a:active:before,
html body > aside > nav ul li:first-child a:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > aside > ul {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  text-align: center;
}
html body > aside > ul li {
  display: inline-block;
  margin-left: 10px;
  vertical-align: bottom;
}
html body > aside > ul li.googleplus {
  width: 70px;
}
html body > aside > ul li.twitter {
  width: 115px;
}
html body > aside > ul li.facebook {
  width: 99px;
}
html body > aside > ul li.pintrest {
  width: 42px;
}
html body > aside > ul li:first-child {
  margin-left: 0;
}
html body > aside > ul.cta {
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  margin-top: 2px;
  text-transform: uppercase;
}
html body > aside > ul.cta li {
  margin-left: 30px;
}
html body > aside > ul.cta li a {
  color: #8c888c;
}
html body > aside > ul.cta li a:before {
  margin-right: 8px;
  vertical-align: middle;
}
html body > aside > ul.cta li a.hover,
html body > aside > ul.cta li a:hover,
html body > aside > ul.cta li a:active,
html body > aside > ul.cta li a:focus {
  color: #000000;
  text-decoration: none;
}
html body > aside > ul.cta li:first-child {
  margin-left: 0;
}
html body > aside > ul.cta li.fullReport a:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px 0px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 15px;
}
html body > aside > ul.cta li.fullReport a.hover:before,
html body > aside > ul.cta li.fullReport a:hover:before,
html body > aside > ul.cta li.fullReport a:active:before,
html body > aside > ul.cta li.fullReport a:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -150px 0px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 15px;
}
html body > aside > ul.cta li.download a:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -50px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
}
html body > aside > ul.cta li.download a.hover:before,
html body > aside > ul.cta li.download a:hover:before,
html body > aside > ul.cta li.download a:active:before,
html body > aside > ul.cta li.download a:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -150px -50px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
}
html body > aside > ul.cta li.summerDeals a:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -250px 0px;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
}
html body > aside > ul.cta li.summerDeals a.hover:before,
html body > aside > ul.cta li.summerDeals a:hover:before,
html body > aside > ul.cta li.summerDeals a:active:before,
html body > aside > ul.cta li.summerDeals a:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -250px -50px;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
}
html body > aside > p {
  font-size: 10px;
  text-align: center;
}
html body > .galleryWrapper {
  width: 960px;
  margin: 0 auto;
}
html body > .galleryWrapper > article > section {
  float: left;
}
html body > .galleryWrapper > article,
html body > article {
  width: 960px;
  margin: 0 auto;
}
html body > .galleryWrapper > article > section,
html body > article > section {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  width: 960px;
  padding: 42px 48px;
  height: 600px;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  border: 0;
  zoom: 1;
}
html body > .galleryWrapper > article > section:before,
html body > article > section:before,
html body > .galleryWrapper > article > section:after,
html body > article > section:after {
  content: "";
  display: table;
}
html body > .galleryWrapper > article > section:after,
html body > article > section:after {
  clear: both;
}
html body > .galleryWrapper > article > section h2,
html body > article > section h2 {
  margin-bottom: 15px;
  color: #ffffff;
}
html body > .galleryWrapper > article > section h2 strong,
html body > article > section h2 strong {
  display: block;
  font-family: 'CopseRegular', Georgia, Serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 10px;
  margin-top: 12px;
  text-transform: none;
  margin-bottom: 15px;
}
html body > .galleryWrapper > article > section figure,
html body > article > section figure {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  overflow: visible;
  float: right;
  position: relative;
}
html body > .galleryWrapper > article > section figure.ringchart,
html body > article > section figure.ringchart {
  position: absolute;
  top: 48px;
  right: 0;
}
html body > .galleryWrapper > article > section figure.ringchart div,
html body > article > section figure.ringchart div {
  width: 135px;
  position: absolute;
}
html body > .galleryWrapper > article > section figure.ringchart div h3,
html body > article > section figure.ringchart div h3 {
  margin-bottom: 4px;
  font-size: 18px;
}
html body > .galleryWrapper > article > section figure.ringchart div h4,
html body > article > section figure.ringchart div h4 {
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 41px;
}
html body > .galleryWrapper > article > section figure.ringchart div p,
html body > article > section figure.ringchart div p {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 3px;
  margin-right: 30%;
}
html body > .galleryWrapper > article > section figure.ringchart div a,
html body > article > section figure.ringchart div a {
  position: relative;
  padding-left: 10px;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 18px;
  text-shadow: 0 1px 0px #f8faf9;
  text-transform: uppercase;
}
html body > .galleryWrapper > article > section figure.ringchart div a:before,
html body > article > section figure.ringchart div a:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #02a9ff;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body > .galleryWrapper > article > section figure.ringchart div a.none,
html body > article > section figure.ringchart div a.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section figure.ringchart div a:hover,
html body > article > section figure.ringchart div a:hover,
html body > .galleryWrapper > article > section figure.ringchart div a:active,
html body > article > section figure.ringchart div a:active,
html body > .galleryWrapper > article > section figure.ringchart div a:focus,
html body > article > section figure.ringchart div a:focus {
  color: #000000;
  text-decoration: none;
}
html body > .galleryWrapper > article > section figure.ringchart div.this-year,
html body > article > section figure.ringchart div.this-year {
  top: 28px;
  left: 72px;
}
html body > .galleryWrapper > article > section figure.ringchart div.last-year,
html body > article > section figure.ringchart div.last-year {
  top: 285px;
  left: 73px;
}
html body > .galleryWrapper > article > section.complete .overlay,
html body > article > section.complete .overlay {
  display: none;
}
html body > .galleryWrapper > article > section.complete .barchart,
html body > article > section.complete .barchart {
  display: none;
}
html body > .galleryWrapper > article > section.home,
html body > article > section.home {
  background: url(../../img/bg_scene_00.jpg) no-repeat;
  padding-top: 25px;
}
html body > .galleryWrapper > article > section.home h1,
html body > article > section.home h1 {
  position: absolute;
  right: 39px;
  top: 33px;
}
html body > .galleryWrapper > article > section.home h1 a,
html body > article > section.home h1 a {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px 0px;
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 100px;
  height: 57px;
  display: block;
}
html body > .galleryWrapper > article > section.home h2,
html body > article > section.home h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 83.33333333333334%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #8c888c;
  overflow: visible;
  font-size: 78.999996px;
  line-height: 67px;
}
html body > .galleryWrapper > article > section.home h2.none,
html body > article > section.home h2.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.home > p,
html body > article > section.home > p {
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 58.333333333333336%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #f8faf9;
}
html body > .galleryWrapper > article > section.home > p.none,
html body > article > section.home > p.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.home > nav,
html body > article > section.home > nav {
  left: 0;
  position: absolute;
  top: 416px;
  width: 100%;
}
html body > .galleryWrapper > article > section.home > nav li a,
html body > article > section.home > nav li a {
  color: #a5a668;
  cursor: pointer;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 20px;
  min-height: 79px;
  min-width: 82px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 -1px 0px #8c888c;
  color: #fff;
  display: block;
  font-size: 28px;
  line-height: 42px;
  margin: 0 auto;
  text-align: center;
  width: 82px;
}
html body > .galleryWrapper > article > section.home > nav li a em,
html body > article > section.home > nav li a em {
  color: #8c888c;
  display: block;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  position: absolute;
  right: 85px;
  top: 22px;
}
html body > .galleryWrapper > article > section.home > nav li a:after,
html body > article > section.home > nav li a:after,
html body > .galleryWrapper > article > section.home > nav li a.after,
html body > article > section.home > nav li a.after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > .galleryWrapper > article > section.home > nav li a.hover,
html body > article > section.home > nav li a.hover,
html body > .galleryWrapper > article > section.home > nav li a:hover,
html body > article > section.home > nav li a:hover,
html body > .galleryWrapper > article > section.home > nav li a:active,
html body > article > section.home > nav li a:active,
html body > .galleryWrapper > article > section.home > nav li a:focus,
html body > article > section.home > nav li a:focus {
  color: #81822b;
  text-decoration: none;
}
html body > .galleryWrapper > article > section.home > nav li a.hover:after,
html body > article > section.home > nav li a.hover:after,
html body > .galleryWrapper > article > section.home > nav li a:hover:after,
html body > article > section.home > nav li a:hover:after,
html body > .galleryWrapper > article > section.home > nav li a:active:after,
html body > article > section.home > nav li a:active:after,
html body > .galleryWrapper > article > section.home > nav li a:focus:after,
html body > article > section.home > nav li a:focus:after,
html body > .galleryWrapper > article > section.home > nav li a.hover.after,
html body > article > section.home > nav li a.hover.after,
html body > .galleryWrapper > article > section.home > nav li a:hover.after,
html body > article > section.home > nav li a:hover.after,
html body > .galleryWrapper > article > section.home > nav li a:active.after,
html body > article > section.home > nav li a:active.after,
html body > .galleryWrapper > article > section.home > nav li a:focus.after,
html body > article > section.home > nav li a:focus.after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > .galleryWrapper > article > section.home > nav li a.left,
html body > article > section.home > nav li a.left {
  text-align: left;
}
html body > .galleryWrapper > article > section.home > nav li a.left em,
html body > article > section.home > nav li a.left em {
  left: 85px;
  right: auto;
}
html body > .galleryWrapper > article > section.home > nav li a.left:after,
html body > article > section.home > nav li a.left:after {
  display: none;
}
html body > .galleryWrapper > article > section.home > nav li a.left:before,
html body > article > section.home > nav li a.left:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > .galleryWrapper > article > section.home > nav li a.left.hover:after,
html body > article > section.home > nav li a.left.hover:after,
html body > .galleryWrapper > article > section.home > nav li a.left:hover:after,
html body > article > section.home > nav li a.left:hover:after,
html body > .galleryWrapper > article > section.home > nav li a.left:active:after,
html body > article > section.home > nav li a.left:active:after,
html body > .galleryWrapper > article > section.home > nav li a.left:focus:after,
html body > article > section.home > nav li a.left:focus:after {
  display: none;
}
html body > .galleryWrapper > article > section.home > nav li a.left.hover:before,
html body > article > section.home > nav li a.left.hover:before,
html body > .galleryWrapper > article > section.home > nav li a.left:hover:before,
html body > article > section.home > nav li a.left:hover:before,
html body > .galleryWrapper > article > section.home > nav li a.left:active:before,
html body > article > section.home > nav li a.left:active:before,
html body > .galleryWrapper > article > section.home > nav li a.left:focus:before,
html body > article > section.home > nav li a.left:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -100px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
}
html body > .galleryWrapper > article > section.home > nav li a.disabled,
html body > article > section.home > nav li a.disabled {
  display: none;
}
html body > .galleryWrapper > article > section.home > nav li a.none,
html body > article > section.home > nav li a.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.home > nav li a:after,
html body > article > section.home > nav li a:after {
  display: none;
}
html body > .galleryWrapper > article > section.home > nav li a:before,
html body > article > section.home > nav li a:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -100px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
  display: block;
  margin: 0 auto;
}
html body > .galleryWrapper > article > section.home > nav li a.hover,
html body > article > section.home > nav li a.hover,
html body > .galleryWrapper > article > section.home > nav li a:hover,
html body > article > section.home > nav li a:hover,
html body > .galleryWrapper > article > section.home > nav li a:active,
html body > article > section.home > nav li a:active,
html body > .galleryWrapper > article > section.home > nav li a:focus,
html body > article > section.home > nav li a:focus {
  text-shadow: 0 -1px 0px #4f4d4f;
  color: #fff;
}
html body > .galleryWrapper > article > section.home > nav li a.hover.none,
html body > article > section.home > nav li a.hover.none,
html body > .galleryWrapper > article > section.home > nav li a:hover.none,
html body > article > section.home > nav li a:hover.none,
html body > .galleryWrapper > article > section.home > nav li a:active.none,
html body > article > section.home > nav li a:active.none,
html body > .galleryWrapper > article > section.home > nav li a:focus.none,
html body > article > section.home > nav li a:focus.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.home > nav li a.hover:after,
html body > article > section.home > nav li a.hover:after,
html body > .galleryWrapper > article > section.home > nav li a:hover:after,
html body > article > section.home > nav li a:hover:after,
html body > .galleryWrapper > article > section.home > nav li a:active:after,
html body > article > section.home > nav li a:active:after,
html body > .galleryWrapper > article > section.home > nav li a:focus:after,
html body > article > section.home > nav li a:focus:after {
  display: none;
}
html body > .galleryWrapper > article > section.home > nav li a.hover:before,
html body > article > section.home > nav li a.hover:before,
html body > .galleryWrapper > article > section.home > nav li a:hover:before,
html body > article > section.home > nav li a:hover:before,
html body > .galleryWrapper > article > section.home > nav li a:active:before,
html body > article > section.home > nav li a:active:before,
html body > .galleryWrapper > article > section.home > nav li a:focus:before,
html body > article > section.home > nav li a:focus:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -200px;
  display: inline-block;
  content: "";
  width: 82px;
  height: 79px;
  vertical-align: -24px;
  display: block;
}
html body > .galleryWrapper > article > section.morePopular,
html body > article > section.morePopular {
  background: url(../../img/bg_scene_01.jpg) no-repeat;
}
html body > .galleryWrapper > article > section.morePopular h2,
html body > article > section.morePopular h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #8c888c;
  overflow: visible;
}
html body > .galleryWrapper > article > section.morePopular h2.none,
html body > article > section.morePopular h2.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.morePopular > p,
html body > article > section.morePopular > p {
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #f8faf9;
}
html body > .galleryWrapper > article > section.morePopular > p.none,
html body > article > section.morePopular > p.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.lovesBeach,
html body > article > section.lovesBeach {
  background: url(../../img/bg_scene_02.jpg) no-repeat;
  padding-top: 35px;
}
html body > .galleryWrapper > article > section.lovesBeach h2,
html body > article > section.lovesBeach h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #8c888c;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
  overflow: visible;
  position: relative;
  z-index: 10;
}
html body > .galleryWrapper > article > section.lovesBeach h2.none,
html body > article > section.lovesBeach h2.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.lovesBeach p,
html body > article > section.lovesBeach p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 91.66666666666666%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #f8faf9;
  clear: both;
  position: relative;
  z-index: 10;
}
html body > .galleryWrapper > article > section.lovesBeach p.none,
html body > article > section.lovesBeach p.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.lovesBeach > nav,
html body > article > section.lovesBeach > nav {
  clear: both;
  float: left;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 16px;
  left: 84px;
  padding: 0 10px;
  position: absolute;
  text-transform: uppercase;
  top: 166px;
  width: 763px;
  z-index: 10;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul,
html body > article > section.lovesBeach > nav ul {
  text-align: center;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li,
html body > article > section.lovesBeach > nav ul li {
  display: inline-block;
  height: 20px;
  position: relative;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a,
html body > article > section.lovesBeach > nav ul li a {
  text-shadow: 0 1px 0px #f8faf9;
  color: #696a03;
  letter-spacing: -0.15px;
  padding-left: 11px;
  position: relative;
  text-decoration: none;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a.none,
html body > article > section.lovesBeach > nav ul li a.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a:before,
html body > article > section.lovesBeach > nav ul li a:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #696a03;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a.hover,
html body > article > section.lovesBeach > nav ul li a.hover,
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a:hover,
html body > article > section.lovesBeach > nav ul li a:hover,
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a:active,
html body > article > section.lovesBeach > nav ul li a:active,
html body > .galleryWrapper > article > section.lovesBeach > nav ul li a:focus,
html body > article > section.lovesBeach > nav ul li a:focus {
  color: #302f30;
  text-decoration: none;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li.countries,
html body > article > section.lovesBeach > nav ul li.countries {
  float: left;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li.days,
html body > article > section.lovesBeach > nav ul li.days {
  float: right;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li.active,
html body > article > section.lovesBeach > nav ul li.active {
  border-bottom: #ffffff solid 2px;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li.active a,
html body > article > section.lovesBeach > nav ul li.active a {
  color: #302f30;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li.active a:before,
html body > article > section.lovesBeach > nav ul li.active a:before {
  content: "";
  position: absolute;
  border-top: 5px solid #696a03;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  left: -6px;
  position: relative;
  top: 2px;
}
html body > .galleryWrapper > article > section.lovesBeach > nav ul li.active:before,
html body > article > section.lovesBeach > nav ul li.active:before {
  content: "";
  background: #abcae1;
  bottom: 0;
  height: 1px;
  position: absolute;
  width: 100%;
}
html body > .galleryWrapper > article > section.lovesBeach figure,
html body > article > section.lovesBeach figure {
  display: block;
  float: none;
  left: 82px;
  position: absolute;
  top: 188px;
  width: 787px;
  padding-top: 7px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries,
html body > article > section.lovesBeach figure#topCountries {
  background: url(../../img/lovesBeach_tab_00_bg.jpg) no-repeat top left;
  height: 600px;
  left: 0;
  top: 0;
  width: 960px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul,
html body > article > section.lovesBeach figure#topCountries ul {
  zoom: 1;
  left: 149px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 246px;
  width: 660px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul:before,
html body > article > section.lovesBeach figure#topCountries ul:before,
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul:after,
html body > article > section.lovesBeach figure#topCountries ul:after {
  content: "";
  display: table;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul:after,
html body > article > section.lovesBeach figure#topCountries ul:after {
  clear: both;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li,
html body > article > section.lovesBeach figure#topCountries ul li {
  display: inline-block;
  float: left;
  padding-left: 30px;
  padding-top: 8px;
  position: relative;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li:first-child,
html body > article > section.lovesBeach figure#topCountries ul li:first-child {
  padding-left: 0;
  padding-top: 0;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li[country="Germany"] > span,
html body > article > section.lovesBeach figure#topCountries ul li[country="Germany"] > span {
  right: 125px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li[country="Mexico"] > span,
html body > article > section.lovesBeach figure#topCountries ul li[country="Mexico"] > span {
  right: 104px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span,
html body > article > section.lovesBeach figure#topCountries ul li > span {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  border: 2px solid #695d4d;
  padding: 5px;
  display: none;
  color: #333;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
  display: block;
  left: auto;
  right: 142px;
  position: absolute;
  top: 90px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span:before,
html body > article > section.lovesBeach figure#topCountries ul li > span:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #695d4d;
  border-right: 6px solid transparent;
  z-index: 1;
  left: 72px;
  top: -14px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span.right,
html body > article > section.lovesBeach figure#topCountries ul li > span.right {
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span.right:before,
html body > article > section.lovesBeach figure#topCountries ul li > span.right:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span span,
html body > article > section.lovesBeach figure#topCountries ul li > span span,
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span em,
html body > article > section.lovesBeach figure#topCountries ul li > span em {
  display: block;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span strong,
html body > article > section.lovesBeach figure#topCountries ul li > span strong {
  color: #f15a29;
  display: block;
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 17px;
  font-weight: normal;
}
html body > .galleryWrapper > article > section.lovesBeach figure#topCountries ul li > span:before,
html body > article > section.lovesBeach figure#topCountries ul li > span:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body > .galleryWrapper > article > section.lovesBeach figure.barchart.ready,
html body > article > section.lovesBeach figure.barchart.ready {
  display: none;
}
html body > .galleryWrapper > article > section.lovesBeach figure.barchart:before,
html body > article > section.lovesBeach figure.barchart:before {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -200px 0px;
  display: inline-block;
  content: "";
  width: 33px;
  height: 292px;
  left: 13px;
  position: relative;
  top: 5px;
}
html body > .galleryWrapper > article > section.lovesBeach .flags,
html body > article > section.lovesBeach .flags {
  background: url(../../img/sprites.png) no-repeat;
  background-position: 0px -300px;
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 752px;
  height: 86px;
  display: none;
  left: 107px;
  position: absolute;
  top: 441px;
  z-index: 10;
}
html body > .galleryWrapper > article > section.sandActivities,
html body > article > section.sandActivities,
html body > .galleryWrapper > article > section.waterActivities,
html body > article > section.waterActivities {
  background: url(../../img/bg_scene_03.jpg) no-repeat;
  padding-top: 35px;
}
html body > .galleryWrapper > article > section.sandActivities.complete .barchart,
html body > article > section.sandActivities.complete .barchart,
html body > .galleryWrapper > article > section.waterActivities.complete .barchart,
html body > article > section.waterActivities.complete .barchart {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -350px -150px;
  display: block;
}
html body > .galleryWrapper > article > section.sandActivities h2,
html body > article > section.sandActivities h2,
html body > .galleryWrapper > article > section.waterActivities h2,
html body > article > section.waterActivities h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 66.66666666666666%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 1px 0px #ffffff;
  color: #695d4d;
  overflow: visible;
}
html body > .galleryWrapper > article > section.sandActivities h2.none,
html body > article > section.sandActivities h2.none,
html body > .galleryWrapper > article > section.waterActivities h2.none,
html body > article > section.waterActivities h2.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.sandActivities > p,
html body > article > section.sandActivities > p,
html body > .galleryWrapper > article > section.waterActivities > p,
html body > article > section.waterActivities > p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 66.66666666666666%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 1px 0px #ffffff;
}
html body > .galleryWrapper > article > section.sandActivities > p.none,
html body > article > section.sandActivities > p.none,
html body > .galleryWrapper > article > section.waterActivities > p.none,
html body > article > section.waterActivities > p.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex,
html body > article > section.sandActivities > .activityIndex,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex,
html body > article > section.waterActivities > .activityIndex {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  bottom: 38px;
  padding: 9px 0;
  position: absolute;
  right: 20px;
  width: 192px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4,
html body > article > section.sandActivities > .activityIndex h4,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4,
html body > article > section.waterActivities > .activityIndex h4 {
  text-align: center;
  letter-spacing: -0.15px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a,
html body > article > section.sandActivities > .activityIndex h4 a,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a,
html body > article > section.waterActivities > .activityIndex h4 a {
  margin-left: 3px;
  position: relative;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a span,
html body > article > section.sandActivities > .activityIndex h4 a span,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a span,
html body > article > section.waterActivities > .activityIndex h4 a span {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -350px -250px;
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 13px;
  height: 13px;
  display: inline-block;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em,
html body > article > section.sandActivities > .activityIndex h4 a em,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em,
html body > article > section.waterActivities > .activityIndex h4 a em {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  border: 2px solid #695d4d;
  padding: 5px;
  display: none;
  color: #333;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  right: 23px;
  top: -14px;
  width: 150px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em:before,
html body > article > section.sandActivities > .activityIndex h4 a em:before,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em:before,
html body > article > section.waterActivities > .activityIndex h4 a em:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #695d4d;
  border-right: 6px solid transparent;
  z-index: 1;
  left: 72px;
  top: -14px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em.right,
html body > article > section.sandActivities > .activityIndex h4 a em.right,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em.right,
html body > article > section.waterActivities > .activityIndex h4 a em.right {
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em.right:before,
html body > article > section.sandActivities > .activityIndex h4 a em.right:before,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em.right:before,
html body > article > section.waterActivities > .activityIndex h4 a em.right:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em span,
html body > article > section.sandActivities > .activityIndex h4 a em span,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em span,
html body > article > section.waterActivities > .activityIndex h4 a em span,
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em em,
html body > article > section.sandActivities > .activityIndex h4 a em em,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em em,
html body > article > section.waterActivities > .activityIndex h4 a em em {
  display: block;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em strong,
html body > article > section.sandActivities > .activityIndex h4 a em strong,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em strong,
html body > article > section.waterActivities > .activityIndex h4 a em strong {
  color: #f15a29;
  display: block;
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 17px;
  font-weight: normal;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a em:before,
html body > article > section.sandActivities > .activityIndex h4 a em:before,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a em:before,
html body > article > section.waterActivities > .activityIndex h4 a em:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a.hover em,
html body > article > section.sandActivities > .activityIndex h4 a.hover em,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a.hover em,
html body > article > section.waterActivities > .activityIndex h4 a.hover em,
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a:hover em,
html body > article > section.sandActivities > .activityIndex h4 a:hover em,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a:hover em,
html body > article > section.waterActivities > .activityIndex h4 a:hover em,
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a:active em,
html body > article > section.sandActivities > .activityIndex h4 a:active em,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a:active em,
html body > article > section.waterActivities > .activityIndex h4 a:active em,
html body > .galleryWrapper > article > section.sandActivities > .activityIndex h4 a:focus em,
html body > article > section.sandActivities > .activityIndex h4 a:focus em,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex h4 a:focus em,
html body > article > section.waterActivities > .activityIndex h4 a:focus em {
  display: block;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex figure,
html body > article > section.sandActivities > .activityIndex figure,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex figure,
html body > article > section.waterActivities > .activityIndex figure {
  float: none;
  height: 95px;
  margin: 7px 0 0 9px;
  padding: 3px 0 0 16px;
  width: 163px;
}
html body > .galleryWrapper > article > section.sandActivities > .activityIndex figure:before,
html body > article > section.sandActivities > .activityIndex figure:before,
html body > .galleryWrapper > article > section.waterActivities > .activityIndex figure:before,
html body > article > section.waterActivities > .activityIndex figure:before {
  border-bottom: #695d4d dotted 1px;
  content: "";
  display: block;
  height: 1px;
  left: 28px;
  position: absolute;
  top: 45px;
  width: 135px;
  z-index: 1;
}
html body > .galleryWrapper > article > section.sandActivities > ul,
html body > article > section.sandActivities > ul,
html body > .galleryWrapper > article > section.waterActivities > ul,
html body > article > section.waterActivities > ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
html body > .galleryWrapper > article > section.sandActivities > ul li,
html body > article > section.sandActivities > ul li,
html body > .galleryWrapper > article > section.waterActivities > ul li,
html body > article > section.waterActivities > ul li {
  position: absolute;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl,
html body > article > section.sandActivities > ul li dl,
html body > .galleryWrapper > article > section.waterActivities > ul li dl,
html body > article > section.waterActivities > ul li dl {
  list-style: none;
  position: relative;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a,
html body > article > section.sandActivities > ul li dl dt a,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a,
html body > article > section.waterActivities > ul li dl dt a,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a,
html body > article > section.sandActivities > ul li dl .title a,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a,
html body > article > section.waterActivities > ul li dl .title a {
  text-shadow: 0 1px 0px #ffffff;
  color: #f15a29;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 17px;
  padding-left: 11px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a.none,
html body > article > section.sandActivities > ul li dl dt a.none,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a.none,
html body > article > section.waterActivities > ul li dl dt a.none,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a.none,
html body > article > section.sandActivities > ul li dl .title a.none,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a.none,
html body > article > section.waterActivities > ul li dl .title a.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:before,
html body > article > section.sandActivities > ul li dl dt a:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:before,
html body > article > section.waterActivities > ul li dl dt a:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:before,
html body > article > section.sandActivities > ul li dl .title a:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:before,
html body > article > section.waterActivities > ul li dl .title a:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #f15a29;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a.hover,
html body > article > section.sandActivities > ul li dl dt a.hover,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a.hover,
html body > article > section.waterActivities > ul li dl dt a.hover,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a.hover,
html body > article > section.sandActivities > ul li dl .title a.hover,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a.hover,
html body > article > section.waterActivities > ul li dl .title a.hover,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:hover,
html body > article > section.sandActivities > ul li dl dt a:hover,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:hover,
html body > article > section.waterActivities > ul li dl dt a:hover,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:hover,
html body > article > section.sandActivities > ul li dl .title a:hover,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:hover,
html body > article > section.waterActivities > ul li dl .title a:hover,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:active,
html body > article > section.sandActivities > ul li dl dt a:active,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:active,
html body > article > section.waterActivities > ul li dl dt a:active,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:active,
html body > article > section.sandActivities > ul li dl .title a:active,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:active,
html body > article > section.waterActivities > ul li dl .title a:active,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:focus,
html body > article > section.sandActivities > ul li dl dt a:focus,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:focus,
html body > article > section.waterActivities > ul li dl dt a:focus,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:focus,
html body > article > section.sandActivities > ul li dl .title a:focus,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:focus,
html body > article > section.waterActivities > ul li dl .title a:focus {
  color: #000000;
  text-decoration: none;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a.hover:before,
html body > article > section.sandActivities > ul li dl dt a.hover:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a.hover:before,
html body > article > section.waterActivities > ul li dl dt a.hover:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a.hover:before,
html body > article > section.sandActivities > ul li dl .title a.hover:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a.hover:before,
html body > article > section.waterActivities > ul li dl .title a.hover:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:hover:before,
html body > article > section.sandActivities > ul li dl dt a:hover:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:hover:before,
html body > article > section.waterActivities > ul li dl dt a:hover:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:hover:before,
html body > article > section.sandActivities > ul li dl .title a:hover:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:hover:before,
html body > article > section.waterActivities > ul li dl .title a:hover:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:active:before,
html body > article > section.sandActivities > ul li dl dt a:active:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:active:before,
html body > article > section.waterActivities > ul li dl dt a:active:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:active:before,
html body > article > section.sandActivities > ul li dl .title a:active:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:active:before,
html body > article > section.waterActivities > ul li dl .title a:active:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dt a:focus:before,
html body > article > section.sandActivities > ul li dl dt a:focus:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dt a:focus:before,
html body > article > section.waterActivities > ul li dl dt a:focus:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .title a:focus:before,
html body > article > section.sandActivities > ul li dl .title a:focus:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .title a:focus:before,
html body > article > section.waterActivities > ul li dl .title a:focus:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #f15a29;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd,
html body > article > section.sandActivities > ul li dl dd,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd,
html body > article > section.waterActivities > ul li dl dd,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description,
html body > article > section.sandActivities > ul li dl .description,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description,
html body > article > section.waterActivities > ul li dl .description {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  border: 2px solid #695d4d;
  padding: 5px;
  display: none;
  color: #333;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  border: 1px solid #695d4d;
  display: block;
  font-size: 10px;
  left: 11px;
  margin-bottom: 8px;
  margin-left: 0;
  padding: 2px 0 ;
  position: relative;
  top: auto;
  width: 50px;
  z-index: auto;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd:before,
html body > article > section.sandActivities > ul li dl dd:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd:before,
html body > article > section.waterActivities > ul li dl dd:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description:before,
html body > article > section.sandActivities > ul li dl .description:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description:before,
html body > article > section.waterActivities > ul li dl .description:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #695d4d;
  border-right: 6px solid transparent;
  z-index: 1;
  left: 72px;
  top: -14px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.right,
html body > article > section.sandActivities > ul li dl dd.right,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.right,
html body > article > section.waterActivities > ul li dl dd.right,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description.right,
html body > article > section.sandActivities > ul li dl .description.right,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description.right,
html body > article > section.waterActivities > ul li dl .description.right {
  left: auto;
  padding: 5px 15px;
  right: 0;
  width: auto;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.right:before,
html body > article > section.sandActivities > ul li dl dd.right:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.right:before,
html body > article > section.waterActivities > ul li dl dd.right:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description.right:before,
html body > article > section.sandActivities > ul li dl .description.right:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description.right:before,
html body > article > section.waterActivities > ul li dl .description.right:before {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 6px solid #695d4d;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 1;
  left: auto;
  right: -14px;
  top: 15px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd span,
html body > article > section.sandActivities > ul li dl dd span,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd span,
html body > article > section.waterActivities > ul li dl dd span,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description span,
html body > article > section.sandActivities > ul li dl .description span,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description span,
html body > article > section.waterActivities > ul li dl .description span,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd em,
html body > article > section.sandActivities > ul li dl dd em,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd em,
html body > article > section.waterActivities > ul li dl dd em,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description em,
html body > article > section.sandActivities > ul li dl .description em,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description em,
html body > article > section.waterActivities > ul li dl .description em {
  display: block;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd strong,
html body > article > section.sandActivities > ul li dl dd strong,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd strong,
html body > article > section.waterActivities > ul li dl dd strong,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description strong,
html body > article > section.sandActivities > ul li dl .description strong,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description strong,
html body > article > section.waterActivities > ul li dl .description strong {
  color: #f15a29;
  display: block;
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 17px;
  font-weight: normal;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd:before,
html body > article > section.sandActivities > ul li dl dd:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd:before,
html body > article > section.waterActivities > ul li dl dd:before,
html body > .galleryWrapper > article > section.sandActivities > ul li dl .description:before,
html body > article > section.sandActivities > ul li dl .description:before,
html body > .galleryWrapper > article > section.waterActivities > ul li dl .description:before,
html body > article > section.waterActivities > ul li dl .description:before {
  display: none;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd:after,
html body > article > section.sandActivities > ul li dl dd:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd:after,
html body > article > section.waterActivities > ul li dl dd:after {
  position: absolute;
  right: -40px;
  top: 9px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Argentina:after,
html body > article > section.sandActivities > ul li dl dd.Argentina:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Argentina:after,
html body > article > section.waterActivities > ul li dl dd.Argentina:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Argentina"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Argentina"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Argentina"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Argentina"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -250px -100px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Australia:after,
html body > article > section.sandActivities > ul li dl dd.Australia:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Australia:after,
html body > article > section.waterActivities > ul li dl dd.Australia:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Australia"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Australia"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Australia"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Australia"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -250px -150px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Brazil:after,
html body > article > section.sandActivities > ul li dl dd.Brazil:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Brazil:after,
html body > article > section.waterActivities > ul li dl dd.Brazil:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Brazil"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Brazil"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Brazil"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Brazil"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -250px -200px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Canada:after,
html body > article > section.sandActivities > ul li dl dd.Canada:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Canada:after,
html body > article > section.waterActivities > ul li dl dd.Canada:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Canada"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Canada"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Canada"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Canada"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -250px -250px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Germany:after,
html body > article > section.sandActivities > ul li dl dd.Germany:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Germany:after,
html body > article > section.waterActivities > ul li dl dd.Germany:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Germany"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Germany"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Germany"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Germany"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -300px 0px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.India:after,
html body > article > section.sandActivities > ul li dl dd.India:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.India:after,
html body > article > section.waterActivities > ul li dl dd.India:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="India"]:after,
html body > article > section.sandActivities > ul li dl dd[country="India"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="India"]:after,
html body > article > section.waterActivities > ul li dl dd[country="India"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -300px -50px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Ireland:after,
html body > article > section.sandActivities > ul li dl dd.Ireland:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Ireland:after,
html body > article > section.waterActivities > ul li dl dd.Ireland:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Ireland"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Ireland"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Ireland"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Ireland"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -300px -100px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Italy:after,
html body > article > section.sandActivities > ul li dl dd.Italy:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Italy:after,
html body > article > section.waterActivities > ul li dl dd.Italy:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Italy"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Italy"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Italy"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Italy"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -300px -150px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Mexico:after,
html body > article > section.sandActivities > ul li dl dd.Mexico:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Mexico:after,
html body > article > section.waterActivities > ul li dl dd.Mexico:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Mexico"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Mexico"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Mexico"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Mexico"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -300px -200px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Netherlands:after,
html body > article > section.sandActivities > ul li dl dd.Netherlands:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Netherlands:after,
html body > article > section.waterActivities > ul li dl dd.Netherlands:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Netherlands"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Netherlands"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Netherlands"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Netherlands"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -300px -250px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.NewZealand:after,
html body > article > section.sandActivities > ul li dl dd.NewZealand:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.NewZealand:after,
html body > article > section.waterActivities > ul li dl dd.NewZealand:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="New Zealand"]:after,
html body > article > section.sandActivities > ul li dl dd[country="New Zealand"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="New Zealand"]:after,
html body > article > section.waterActivities > ul li dl dd[country="New Zealand"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -350px 0px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Singapore:after,
html body > article > section.sandActivities > ul li dl dd.Singapore:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Singapore:after,
html body > article > section.waterActivities > ul li dl dd.Singapore:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Singapore"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Singapore"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Singapore"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Singapore"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -350px -50px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd.Spain:after,
html body > article > section.sandActivities > ul li dl dd.Spain:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd.Spain:after,
html body > article > section.waterActivities > ul li dl dd.Spain:after,
html body > .galleryWrapper > article > section.sandActivities > ul li dl dd[country="Spain"]:after,
html body > article > section.sandActivities > ul li dl dd[country="Spain"]:after,
html body > .galleryWrapper > article > section.waterActivities > ul li dl dd[country="Spain"]:after,
html body > article > section.waterActivities > ul li dl dd[country="Spain"]:after {
  background: url(../../img/sprites.png) no-repeat;
  background-position: -350px -100px;
  display: inline-block;
  content: "";
  width: 31px;
  height: 19px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.relaxing,
html body > article > section.sandActivities > ul li.relaxing,
html body > .galleryWrapper > article > section.waterActivities > ul li.relaxing,
html body > article > section.waterActivities > ul li.relaxing {
  left: 38px;
  top: 254px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.sunbathing,
html body > article > section.sandActivities > ul li.sunbathing,
html body > .galleryWrapper > article > section.waterActivities > ul li.sunbathing,
html body > article > section.waterActivities > ul li.sunbathing {
  left: 184px;
  top: 409px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.dancing,
html body > article > section.sandActivities > ul li.dancing,
html body > .galleryWrapper > article > section.waterActivities > ul li.dancing,
html body > article > section.waterActivities > ul li.dancing {
  left: 422px;
  top: 215px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.beachcombing,
html body > article > section.sandActivities > ul li.beachcombing,
html body > .galleryWrapper > article > section.waterActivities > ul li.beachcombing,
html body > article > section.waterActivities > ul li.beachcombing {
  left: 515px;
  top: 420px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.dining,
html body > article > section.sandActivities > ul li.dining,
html body > .galleryWrapper > article > section.waterActivities > ul li.dining,
html body > article > section.waterActivities > ul li.dining {
  left: 665px;
  top: 35px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.dining dt,
html body > article > section.sandActivities > ul li.dining dt,
html body > .galleryWrapper > article > section.waterActivities > ul li.dining dt,
html body > article > section.waterActivities > ul li.dining dt {
  bottom: -25px;
  position: absolute;
  z-index: 2;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.massage,
html body > article > section.sandActivities > ul li.massage,
html body > .galleryWrapper > article > section.waterActivities > ul li.massage,
html body > article > section.waterActivities > ul li.massage {
  left: 710px;
  top: 230px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.swimming,
html body > article > section.sandActivities > ul li.swimming,
html body > .galleryWrapper > article > section.waterActivities > ul li.swimming,
html body > article > section.waterActivities > ul li.swimming {
  left: 18px;
  top: 197px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.snorkeling,
html body > article > section.sandActivities > ul li.snorkeling,
html body > .galleryWrapper > article > section.waterActivities > ul li.snorkeling,
html body > article > section.waterActivities > ul li.snorkeling {
  left: 316px;
  top: 388px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.snorkeling dt,
html body > article > section.sandActivities > ul li.snorkeling dt,
html body > .galleryWrapper > article > section.waterActivities > ul li.snorkeling dt,
html body > article > section.waterActivities > ul li.snorkeling dt {
  bottom: -25px;
  position: absolute;
  z-index: 2;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.jetski,
html body > article > section.sandActivities > ul li.jetski,
html body > .galleryWrapper > article > section.waterActivities > ul li.jetski,
html body > article > section.waterActivities > ul li.jetski {
  left: 364px;
  top: 197px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.diving,
html body > article > section.sandActivities > ul li.diving,
html body > .galleryWrapper > article > section.waterActivities > ul li.diving,
html body > article > section.waterActivities > ul li.diving {
  left: 599px;
  top: 405px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.surfing,
html body > article > section.sandActivities > ul li.surfing,
html body > .galleryWrapper > article > section.waterActivities > ul li.surfing,
html body > article > section.waterActivities > ul li.surfing {
  left: 667px;
  top: 228px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.bodysurfing,
html body > article > section.sandActivities > ul li.bodysurfing,
html body > .galleryWrapper > article > section.waterActivities > ul li.bodysurfing,
html body > article > section.waterActivities > ul li.bodysurfing {
  left: 833px;
  top: 40px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.sharks,
html body > article > section.sandActivities > ul li.sharks,
html body > .galleryWrapper > article > section.waterActivities > ul li.sharks,
html body > article > section.waterActivities > ul li.sharks {
  left: 121px;
  top: 356px;
}
html body > .galleryWrapper > article > section.sandActivities > ul li.sharks dt,
html body > article > section.sandActivities > ul li.sharks dt,
html body > .galleryWrapper > article > section.waterActivities > ul li.sharks dt,
html body > article > section.waterActivities > ul li.sharks dt {
  bottom: -25px;
  position: absolute;
  z-index: 2;
}
html body > .galleryWrapper > article > section.waterActivities,
html body > article > section.waterActivities {
  background: url(../../img/bg_scene_04.jpg) no-repeat;
}
html body > .galleryWrapper > article > section.whatMakesItGreat,
html body > article > section.whatMakesItGreat {
  background: url(../../img/bg_scene_05.jpg) no-repeat;
}
html body > .galleryWrapper > article > section.whatMakesItGreat h2,
html body > article > section.whatMakesItGreat h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-shadow: 0 -1px 0px #8c888c;
  letter-spacing: -0.2px;
  overflow: visible;
  margin-bottom: 10px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat h2.none,
html body > article > section.whatMakesItGreat h2.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.whatMakesItGreat p,
html body > article > section.whatMakesItGreat p {
  text-shadow: 0 -1px 0px #f8faf9;
  width: 614px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat p.none,
html body > article > section.whatMakesItGreat p.none {
  text-shadow: none;
}
html body > .galleryWrapper > article > section.whatMakesItGreat ul,
html body > article > section.whatMakesItGreat ul {
  list-style: none;
  margin-top: 27px;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat ul li,
html body > article > section.whatMakesItGreat ul li {
  clear: both;
  height: 44px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat ul li span.label,
html body > article > section.whatMakesItGreat ul li span.label {
  display: inline-block;
  width: 303px;
  text-align: right;
  float: left;
  margin-right: 20px;
  font-size: 22px;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  text-transform: uppercase;
}
html body > .galleryWrapper > article > section.whatMakesItGreat ul li span.number,
html body > article > section.whatMakesItGreat ul li span.number {
  display: inline-block;
  float: left;
  font-family: 'CopseRegular', Georgia, Serif;
  font-size: 31px;
  color: #f15a29;
  margin-top: -8px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta,
html body > article > section.whatMakesItGreat aside.cta {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  color: #666666;
  display: inline-block;
  float: left;
  margin-left: 311px;
  margin-top: 38px;
  min-height: 153px;
  padding: 11px;
  width: 218px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta#expediaCTA,
html body > article > section.whatMakesItGreat aside.cta#expediaCTA {
  clear: left;
  min-height: 0;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta#expediaCTA a.img,
html body > article > section.whatMakesItGreat aside.cta#expediaCTA a.img {
  background: url(../../img/cta_discover-summer-solutions.jpg) no-repeat;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta a.img,
html body > article > section.whatMakesItGreat aside.cta a.img {
  display: block;
  width: 218px;
  height: 62px;
  text-indent: -9999px;
  margin-bottom: 12px;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta p,
html body > article > section.whatMakesItGreat aside.cta p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 6px;
  width: 100%;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta a.text,
html body > article > section.whatMakesItGreat aside.cta a.text {
  display: block;
  font-family: 'AlternateGotNo2D', Arial, sans-serif;
  font-size: 16px;
  position: relative;
  padding-left: 10px;
  text-transform: uppercase;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta a.text:before,
html body > article > section.whatMakesItGreat aside.cta a.text:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #02a9ff;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta a.text:hover,
html body > article > section.whatMakesItGreat aside.cta a.text:hover {
  color: #f15a29;
  text-decoration: none;
}
html body > .galleryWrapper > article > section.whatMakesItGreat aside.cta a.text:hover:before,
html body > article > section.whatMakesItGreat aside.cta a.text:hover:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-left: 5px solid #f15a29;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
  display: inline-block;
  position: relative;
}
#cboxLoadedContent img {
  cursor: default !important;
  outline: none !important;
}
/**
* ------------------------------------ !RESPONSIVE LAYOUT ---------------------------------
*/
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 450px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 540px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 750px) {
  /* Style adjustments for viewports 768px and over go here */
}
@media only screen and (min-width: 1024px) {
  /* Style adjustments for viewports 1024px and over go here */
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  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;
  }
}