/* active colors */
/* blue */
/* magenta */
/* sea foam */
/* dark active color */
/* line 40, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .active-canvas-color, .light .ui-slider .ui-slider-handle, .ui-slider .light .ui-slider-handle, .light .project-details {
  background-color: #edece2; }
/* line 44, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .project-title-color, .light .project-details .fade-container div strong, .project-details .fade-container div .light strong {
  color: #918c83; }
/* line 48, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .project-description-color, .light .project-details .fade-container p.description, .project-details .fade-container .light p.description {
  color: #918c83; }
/* line 52, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .tool-bar-color, .light a.tool-bar-icon, .light .icon-date:hover, .light .icon-ABC:hover {
  color: #c8c7ba; }
/* line 56, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .tool-bar-color-active, .light #options:hover a.tool-bar-icon.active, #options:hover .light a.tool-bar-icon.active, .light a.tool-bar-icon:hover {
  color: #8b8a7d; }
/* line 60, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .tool-bar-background-color, .light #ui-slider-track {
  background-color: #c8c7ba; }
/* line 64, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .tool-bar-background-color-active {
  background-color: #8b8a7d; }
/* line 68, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .color-toggle, .light .background-toggle a, .background-toggle .light a, .light #color-toggle-light span, .light .dark #color-toggle-dark span, .dark #color-toggle-dark .light span {
  background-color: #c8c7ba; }
/* line 72, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .color-toggle-border, .light #color-toggle-light span, .light .dark #color-toggle-dark span, .dark #color-toggle-dark .light span {
  border: 2px solid #edece2; }
/* line 76, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.light .color-toggle-active, .light .background-toggle a:hover, .background-toggle .light a:hover, .light #options:hover .background-toggle a.active, #options:hover .background-toggle .light a.active {
  background-color: #8b8a7d; }

/* line 84, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .active-canvas-color, .dark .ui-slider .ui-slider-handle, .ui-slider .dark .ui-slider-handle, .dark .project-details {
  background-color: #31302a; }
/* line 88, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .project-title-color, .dark .project-details .fade-container div strong, .project-details .fade-container div .dark strong {
  color: #fff; }
/* line 92, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .project-description-color, .dark .project-details .fade-container p.description, .project-details .fade-container .dark p.description {
  color: #c9c9c9; }
/* line 96, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .tool-bar-color, .dark a.tool-bar-icon, .dark .icon-date:hover, .dark .icon-ABC:hover {
  color: #4a4b46; }
/* line 100, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .tool-bar-color-active, .dark #options:hover a.tool-bar-icon.active, #options:hover .dark a.tool-bar-icon.active, .dark a.tool-bar-icon:hover {
  color: #d1d0c7; }
/* line 104, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .tool-bar-background-color, .dark #ui-slider-track {
  background-color: #4a4b46; }
/* line 108, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .tool-bar-background-color-active {
  background-color: #d1d0c7; }
/* line 112, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .color-toggle, .dark .background-toggle a, .background-toggle .dark a, .dark .light #color-toggle-light span, .light #color-toggle-light .dark span, .dark #color-toggle-dark span {
  background-color: #4a4b46; }
/* line 116, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .color-toggle-border, .dark .light #color-toggle-light span, .light #color-toggle-light .dark span, .dark #color-toggle-dark span {
  border: 2px solid #31302a; }
/* line 120, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.dark .color-toggle-active, .dark .background-toggle a:hover, .background-toggle .dark a:hover, .dark #options:hover .background-toggle a.active, #options:hover .background-toggle .dark a.active {
  background-color: #d1d0c7; }

/* blue */
/* line 129, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-color, .color-1 #gallery-section .gallery-arrow:hover, #gallery-section .color-1 .gallery-arrow:hover {
  color: #bafaf9; }
/* line 133, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-color-trans {
  color: rgba(186, 250, 249, 0.9); }
/* line 137, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-background-color, .color-1 #gallery-section #gallery-title-container .header, #gallery-section #gallery-title-container .color-1 .header {
  background-color: #bafaf9; }
/* line 141, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-background-color-trans, .color-1 a:hover > .project-details hr, a:hover > .project-details .color-1 hr, .color-1 .show-details .project-details hr, .show-details .project-details .color-1 hr, .color-1 #gallery-section #thumbnails-container #thumbnails li div, #gallery-section #thumbnails-container #thumbnails li .color-1 div {
  background-color: rgba(186, 250, 249, 0.9); }
/* line 145, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-dark-color, .color-1 header nav.sub ul li a, header nav.sub ul li .color-1 a, .color-1 header nav.sub ul .dots, header nav.sub ul .color-1 .dots, .color-1 header nav.sub ul .dots:hover, header nav.sub ul .color-1 .dots:hover, .color-1 #studio-section > section .section-controls-container span, #studio-section > section .section-controls-container .color-1 span, .color-1 #studio-section > section .section-controls-container .next, #studio-section > section .section-controls-container .color-1 .next, .color-1 #studio-section > section .section-controls-container .previous, #studio-section > section .section-controls-container .color-1 .previous, .color-1 #gallery-section #gallery-title-container .header a, #gallery-section #gallery-title-container .header .color-1 a {
  color: #9deceb; }
/* line 149, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-dark-color-trans {
  color: rgba(157, 236, 235, 0.9); }
/* line 153, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-dark-background-color {
  background-color: rgba(157, 236, 235, 0.9); }
/* line 157, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-1 .active-dark-color-border-bottom, .color-1 #studio-section > section .section-controls-container span, #studio-section > section .section-controls-container .color-1 span {
  border-bottom: 1px solid #9deceb; }

/* magenta */
/* line 166, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-color, .color-2 #gallery-section .gallery-arrow:hover, #gallery-section .color-2 .gallery-arrow:hover {
  color: #ff1753; }
/* line 170, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-color-trans {
  color: rgba(255, 23, 83, 0.9); }
/* line 174, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-background-color, .color-2 #gallery-section #gallery-title-container .header, #gallery-section #gallery-title-container .color-2 .header {
  background-color: #ff1753; }
/* line 178, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-background-color-trans, .color-2 a:hover > .project-details hr, a:hover > .project-details .color-2 hr, .color-2 .show-details .project-details hr, .show-details .project-details .color-2 hr, .color-2 #gallery-section #thumbnails-container #thumbnails li div, #gallery-section #thumbnails-container #thumbnails li .color-2 div {
  background-color: rgba(255, 23, 83, 0.9); }
/* line 182, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-dark-color, .color-2 header nav.sub ul li a, header nav.sub ul li .color-2 a, .color-2 header nav.sub ul .dots, header nav.sub ul .color-2 .dots, .color-2 header nav.sub ul .dots:hover, header nav.sub ul .color-2 .dots:hover, .color-2 #studio-section > section .section-controls-container span, #studio-section > section .section-controls-container .color-2 span, .color-2 #studio-section > section .section-controls-container .next, #studio-section > section .section-controls-container .color-2 .next, .color-2 #studio-section > section .section-controls-container .previous, #studio-section > section .section-controls-container .color-2 .previous, .color-2 #gallery-section #gallery-title-container .header a, #gallery-section #gallery-title-container .header .color-2 a {
  color: #d80e43; }
/* line 186, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-dark-color-trans {
  color: rgba(216, 14, 67, 0.9); }
/* line 190, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-dark-background-color {
  background-color: rgba(216, 14, 67, 0.9); }
/* line 194, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-2 .active-dark-color-border-bottom, .color-2 #studio-section > section .section-controls-container span, #studio-section > section .section-controls-container .color-2 span {
  border-bottom: 1px solid #d80e43; }

/* sea foam */
/* line 203, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-color, .color-3 #gallery-section .gallery-arrow:hover, #gallery-section .color-3 .gallery-arrow:hover {
  color: #7afcc6; }
/* line 207, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-color-trans {
  color: rgba(122, 252, 198, 0.9); }
/* line 211, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-background-color, .color-3 #gallery-section #gallery-title-container .header, #gallery-section #gallery-title-container .color-3 .header {
  background-color: #7afcc6; }
/* line 215, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-background-color-trans, .color-3 a:hover > .project-details hr, a:hover > .project-details .color-3 hr, .color-3 .show-details .project-details hr, .show-details .project-details .color-3 hr, .color-3 #gallery-section #thumbnails-container #thumbnails li div, #gallery-section #thumbnails-container #thumbnails li .color-3 div {
  background-color: rgba(122, 252, 198, 0.9); }
/* line 219, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-dark-color, .color-3 header nav.sub ul li a, header nav.sub ul li .color-3 a, .color-3 header nav.sub ul .dots, header nav.sub ul .color-3 .dots, .color-3 header nav.sub ul .dots:hover, header nav.sub ul .color-3 .dots:hover, .color-3 #studio-section > section .section-controls-container span, #studio-section > section .section-controls-container .color-3 span, .color-3 #studio-section > section .section-controls-container .next, #studio-section > section .section-controls-container .color-3 .next, .color-3 #studio-section > section .section-controls-container .previous, #studio-section > section .section-controls-container .color-3 .previous, .color-3 #gallery-section #gallery-title-container .header a, #gallery-section #gallery-title-container .header .color-3 a {
  color: #6de3b2; }
/* line 223, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-dark-color-trans {
  color: rgba(109, 227, 182, 0.9); }
/* line 227, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-dark-background-color {
  background-color: rgba(109, 227, 182, 0.9); }
/* line 231, /Users/bryanthughes/Sites/streng/assets/styles/sass/colors.scss */
.color-3 .active-dark-color-border-bottom, .color-3 #studio-section > section .section-controls-container span, #studio-section > section .section-controls-container .color-3 span {
  border-bottom: 1px solid #6de3b2; }

@font-face {
  font-family: 'ExtraThin';
  src: url("/assets/fonts/alrightsans-extrathin-webfont.eot");
  src: url("/assets/fonts/alrightsans-extrathin-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-extrathin-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-extrathin-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-extrathin-webfont.svg#AlrightSansExtraThin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ExtraThinItalic';
  src: url("/assets/fonts/alrightsans-extrathinitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-extrathinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-extrathinitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-extrathinitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-extrathinitalic-webfont.svg#AlrightSansExtraThinItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Thin';
  src: url("/assets/fonts/alrightsans-thin-webfont.eot");
  src: url("/assets/fonts/alrightsans-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsansthin.otf") format("opentype"), url("/assets/fonts/alrightsans-thin-webfont.svg#AlrightSansThin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ThinItalic';
  src: url("/assets/fonts/alrightsans-thinitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-thinitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-thinitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-thinitalic-webfont.svg#AlrightSansThinItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Light';
  src: url("/assets/fonts/alrightsans-light-webfont.eot");
  src: url("/assets/fonts/alrightsans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-light-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-light-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-light-webfont.svg#AlrightSansLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LightItalic';
  src: url("/assets/fonts/alrightsans-lightitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-lightitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-lightitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-lightitalic-webfont.svg#AlrightSansLightItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Regular';
  src: url("/assets/fonts/alrightsans-regular-webfont.eot");
  src: url("/assets/fonts/alrightsans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-regular-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-regular-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-regular-webfont.svg#AlrightSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RegularItalic';
  src: url("/assets/fonts/alrightsans-regularitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-regularitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-regularitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-regularitalic-webfont.svg#AlrightSansRegularItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Medium';
  src: url("/assets/fonts/alrightsans-medium-webfont.eot");
  src: url("/assets/fonts/alrightsans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-medium-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-medium-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-medium-webfont.svg#AlrightSansMedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MediumItalic';
  src: url("/assets/fonts/alrightsans-mediumitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-mediumitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-mediumitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-mediumitalic-webfont.svg#AlrightSansMediumItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Bold';
  src: url("/assets/fonts/alrightsans-bold-webfont.eot");
  src: url("/assets/fonts/alrightsans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-bold-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-bold-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-bold-webfont.svg#AlrightSansBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BoldItalic';
  src: url("/assets/fonts/alrightsans-bolditalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-bolditalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-bolditalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-bolditalic-webfont.svg#AlrightSansBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Black';
  src: url("/assets/fonts/alrightsans-black-webfont.eot");
  src: url("/assets/fonts/alrightsans-black-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-black-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-black-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-black-webfont.svg#AlrightSansBlack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlackItalic';
  src: url("/assets/fonts/alrightsans-blackitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-blackitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-blackitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-blackitalic-webfont.svg#AlrightSansBlackItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Ultra';
  src: url("/assets/fonts/alrightsans-ultra-webfont.eot");
  src: url("/assets/fonts/alrightsans-ultra-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-ultra-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-ultra-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-ultra-webfont.svg#AlrightSansUltra") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'UltraItalic';
  src: url("/assets/fonts/alrightsans-ultraitalic-webfont.eot");
  src: url("/assets/fonts/alrightsans-ultraitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alrightsans-ultraitalic-webfont.woff") format("woff"), url("/assets/fonts/alrightsans-ultraitalic-webfont.ttf") format("truetype"), url("/assets/fonts/alrightsans-ultraitalic-webfont.svg#AlrightSansUltraItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Entypo';
  src: url("/assets/fonts/entypo-webfont.eot");
  src: url("/assets/fonts/entypo-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/entypo-webfont.woff") format("woff"), url("/assets/fonts/entypo-webfont.ttf") format("truetype"), url("/assets/fonts/entypo-webfont.svg#EntypoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Pictogram';
  src: url("/assets/fonts/modernpics-webfont.eot");
  src: url("/assets/fonts/modernpics-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/modernpics-webfont.woff") format("woff"), url("/assets/fonts/modernpics-webfont.ttf") format("truetype"), url("/assets/fonts/modernpics-webfont.svg#ModernPictogramsNormal") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Fontomas';
  src: url("/assets/fonts/fontomas-webfont.eot");
  src: url("/assets/fonts/fontomas-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fontomas-webfont.woff") format("woff"), url("/assets/fonts/fontomas-webfont.ttf") format("truetype"), url("/assets/fonts/fontomas-webfont.svg#FontomasCustomRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'StrengIcons';
  src: url("/assets/fonts/streng_icon_set_complete-webfont.eot");
  src: url("/assets/fonts/streng_icon_set_complete-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/streng_icon_set_complete-webfont.woff") format("woff"), url("/assets/fonts/streng_icon_set_complete-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AS_Numbers';
  src: url("/assets/fonts/alright_numeral_set-webfont.eot");
  src: url("/assets/fonts/alright_numeral_set-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/alright_numeral_set-webfont.woff") format("woff"), url("/assets/fonts/alright_numeral_set-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* line 8, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer, article, details {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
/* line 10, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
:focus {
  outline: 0; }

/* line 11, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
body {
  line-height: 1;
  color: black;
  background: white; }

/* line 12, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
/* line 14, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
table {
  border-collapse: separate;
  border-spacing: 0; }

/* line 15, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
caption, th, td {
  text-align: left;
  font-weight: normal; }

/* line 17, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

/* line 18, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
blockquote, q {
  quotes: "" ""; }

/*--- HTML5 -----*/
/* line 20, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
header, nav, details, section, aside, footer {
  display: block; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
/* line 23, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

/* line 24, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
.clearfix:after {
  clear: both; }

/* line 25, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
.clearfix {
  zoom: 1; }

/* line 27, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
html, body {
  overflow: hidden;
  font-family: "Regular";
  -webkit-font-smoothing: antialiased; }

/* line 28, /Users/bryanthughes/Sites/streng/assets/styles/sass/reset.scss */
strong {
  font-weight: normal; }

/* line 5, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
html {
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear; }

/* line 14, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
html.light {
  background-color: #edece2; }

/* line 17, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
html.dark {
  background-color: #31302a; }

/* body **/
/* line 22, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
body {
  background-color: transparent;
  margin: 0;
  padding: 0;
  font: 62.5% 'Helvetica', Arial, Verdana Sans-Serif;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  /**/ }

/* line 33, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#screen {
  background-color: #fff;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 100; }

/* line 41, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#rotate-alert {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 100; }
  /* line 50, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #rotate-alert img {
    left: 50%;
    margin: -120px 0 0 -252.5px;
    position: absolute;
    top: 50%; }

/*------ Header -----*/
/* line 59, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
header {
  width: 100%;
  height: 97px;
  color: #fff;
  position: fixed;
  z-index: 51; }
  /* line 67, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  header h1 {
    background: url(/assets/images/logo-streng.png);
    bottom: 49px;
    height: 27px;
    position: absolute;
    right: 20px;
    width: 100px;
    z-index: 6;
    /**/
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear; }
    /* line 81, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    header h1.down {
      bottom: 13px; }

/*------ Page Nav -----*/
/* line 89, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#page-nav {
  height: 60px;
  /**/
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }
  /* line 99, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #page-nav ul {
    float: left;
    margin: 23px 0 0 18px; }
    /* line 102, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #page-nav ul li {
      float: left;
      margin-right: 19px; }
      /* line 105, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #page-nav ul li a {
        font-family: "Bold";
        font-size: 20px;
        -webkit-transition: color 300ms linear;
        -moz-transition: color 300ms linear;
        -ms-transition: color 300ms linear;
        -o-transition: color 300ms linear;
        transition: color 300ms linear; }
      /* line 114, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #page-nav ul li a.here {
        color: #fff !important; }

/* line 121, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.color-2 #page-nav {
  background-color: rgba(255, 23, 83, 0.9); }
  /* line 123, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .color-2 #page-nav a {
    color: #d80e43;
    text-decoration: none;
    font-weight: normal; }

/* line 129, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.color-3 #page-nav {
  background-color: rgba(122, 252, 198, 0.9); }
  /* line 131, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .color-3 #page-nav a {
    color: #6de3b2;
    text-decoration: none;
    font-weight: normal; }

/* line 137, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.color-1 #page-nav {
  background-color: rgba(186, 250, 249, 0.9); }
  /* line 139, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .color-1 #page-nav a {
    color: #9deceb;
    text-decoration: none;
    font-weight: normal; }

/*----- Project View Options ------*/
/* line 149, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#options {
  clear: both;
  width: 100%;
  height: 37px;
  margin: 0 auto;
  position: relative;
  /**/
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear; }
  /* line 162, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #options li {
    float: left; }
    /* line 164, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #options li a {
      text-decoration: none; }

/* line 171, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.light #options {
  background-color: #edece2; }

/* line 174, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.dark #options {
  background-color: #31302a; }

/* line 178, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#options-shadow {
  background: transparent url(/assets/images/bg-options-shadow-repeat.png) repeat-x left top;
  height: 10px;
  margin: 0 65px 0 65px;
  position: relative;
  opacity: 0;
  bottom: -37px;
  z-index: 100;
  /**/
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

/* line 193, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#options-shadow-left {
  background: transparent url(/assets/images/bg-options-shadow-left.png) repeat-x left top;
  height: 10px;
  left: -48px;
  position: absolute;
  width: 48px; }

/* line 200, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#options-shadow-right {
  background: transparent url(/assets/images/bg-options-shadow-right.png) repeat-x left top;
  height: 10px;
  right: -48px;
  position: absolute;
  width: 48px; }

/* line 207, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.shadow #options-shadow {
  opacity: 1; }

/* T O O L  B A R */
/* global stuff */
/* line 217, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
a.tool-bar-icon {
  /**/
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  -ms-transition: color 300ms linear;
  -o-transition: color 300ms linear;
  transition: color 300ms linear; }

/*left controls*/
/* line 233, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#sort-by {
  float: left; }
  /* line 235, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #sort-by li {
    height: 37px;
    margin: 0;
    padding: 0; }
    /* line 239, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #sort-by li a {
      display: block;
      height: 37px;
      padding: 0 0;
      line-height: 39px; }

/* line 248, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.icon-date {
  cursor: default;
  font-family: "StrengIcons";
  font-size: 39px;
  float: left;
  line-height: 37px;
  margin-left: 8px; }

/* line 261, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.icon-ABC {
  cursor: default;
  font-family: "StrengIcons";
  font-size: 39px;
  float: left;
  line-height: 37px; }

/*right controls*/
/* line 274, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#options ul.project-views {
  width: 263px;
  float: right; }

/* line 278, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#options ul.project-views li {
  border: none;
  height: 37px; }

/* line 283, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.icon-details {
  display: block;
  font-family: "StrengIcons";
  font-size: 39px;
  line-height: 39px;
  margin: 0 0 0 0; }

/* line 291, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#icon-grid-container {
  margin-right: -3px !important; }

/* line 294, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#icon-grid {
  cursor: default;
  font-family: "StrengIcons";
  font-size: 39px;
  float: left;
  line-height: 39px; }

/* line 301, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#icon-square {
  cursor: default;
  font-family: "StrengIcons";
  font-size: 39px;
  float: left;
  line-height: 39px;
  margin-left: 5px; }

/*--- Image Reszizer ---*/
/* line 311, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-resize {
  padding-top: 12px;
  position: relative;
  width: 74px; }

/* line 316, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#project-slider {
  width: 67px; }

/* line 319, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#ui-slider-track {
  border-radius: 15px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 83px;
  /**/
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear; }

/* line 334, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ui-slider {
  float: left;
  position: absolute; }
  /* line 338, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px !important;
    cursor: default;
    border-radius: 15px;
    margin: 2px 3px 0 3px;
    right: 10px;
    /**/
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    transition: background-color 300ms linear; }

/* line 358, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ui-slider .ui-slider-range {
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0; }

/* line 365, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ui-slider-horizontal {
  height: 14px; }

/* line 366, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

/* line 367, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

/* line 368, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

/*--- Background Toggle ---*/
/* line 373, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.background-toggle {
  float: left;
  margin: 12px 0 0 3px; }
  /* line 378, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .background-toggle a {
    border-radius: 10px;
    float: left;
    height: 14px;
    margin: 0 3px;
    position: relative;
    width: 14px;
    /**/
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    transition: background-color 300ms linear; }
    /* line 395, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .background-toggle a span {
      border-color: transparent;
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 5px;
      position: absolute;
      top: 2px;
      left: 2px;
      /**/
      -webkit-transition: border-color 300ms linear;
      -moz-transition: border-color 300ms linear;
      -ms-transition: border-color 300ms linear;
      -o-transition: border-color 300ms linear;
      transition: border-color 300ms linear; }

/* line 441, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#canvas-container {
  height: 100%;
  overflow: visible;
  padding-top: 97px;
  position: absolute;
  top: 0px; }

/*------ Projects ------*/
/* line 450, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#projects-container {
  float: left;
  padding-top: 26px;
  position: relative;
  overflow: visible;
  top: 0; }

/* line 457, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#projects {
  width: 99%;
  margin: 0 auto;
  position: relative;
  left: 13px;
  /* HACK FOR OUR 26 PX MARGIN ON THE RIGHT OF THE RIGHT MOST PROJECT */ }
  /* line 463, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #projects .project {
    width: 350px;
    height: 233.33px;
    margin: 0 26px 26px 0;
    background: #171714;
    overflow: visible;
    /**/
    /*-webkit-box-shadow:  6px 6px 6px -3px rgba(0, 0, 0, .15);
    -moz-box-shadow:  6px 6px 6px -3px rgba(0, 0, 0, .15);
    box-shadow:  6px 6px 6px -3px rgba(0, 0, 0, .15);*/ }
    /* line 474, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #projects .project .number {
      display: none; }
    /* line 478, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #projects .project a {
      display: block;
      max-width: 480px;
      height: auto;
      color: #ccc;
      text-decoration: none; }
      /* line 485, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #projects .project a img {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: -1; }

/** project details */
/* line 499, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.project-details {
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  padding: 0 0 0 0;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: height .2s linear, background-color 300ms linear;
  -moz-transition: height .2s linear, background-color 300ms linear;
  -ms-transition: height .2s linear, background-color 300ms linear;
  transition: height .2s linear, background-color 300ms linear; }
  /* line 513, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .project-details hr {
    background-color: #959486;
    bottom: 0;
    border: none;
    height: 3px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%; }
  /* line 524, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .project-details .fade-container {
    opacity: 0;
    -webkit-transition: all .2s linear .3s;
    -moz-transition: all .2s linear .3s;
    -ms-transition: all .2s linear .3s;
    transition: all .2s linear .3s; }
    /* line 534, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .project-details .fade-container div strong {
      float: left;
      font-family: "Bold";
      font-size: 13px; }
    /* line 541, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .project-details .fade-container div strong + strong {
      float: right; }
    /* line 547, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .project-details .fade-container p.description {
      font-family: "Regular";
      margin: 5px 20px 0 0; }
    /* line 553, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .project-details .fade-container hr {
      width: 100%;
      margin: 10px 0 0 0;
      border: none; }
    /* line 559, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .project-details .fade-container strong {
      font-size: 14px; }

/** animating on the project details **/
/* line 569, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
a:hover > .project-details {
  height: 40px;
  opacity: 1; }
  /* line 572, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  a:hover > .project-details .fade-container {
    opacity: 1; }

/* line 580, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.show-details .project-details {
  height: 40px;
  opacity: 1; }
  /* line 583, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .show-details .project-details .fade-container {
    opacity: 1; }

/*--- Project Gallery Page ---*/
/* line 592, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#project-content {
  position: fixed;
  min-width: 336px;
  height: 37px;
  background: #00AEEF;
  -webkit-animation-name: reset, fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0, 6s; }

/* line 603, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#project-content h2 {
  float: left;
  font-size: 20px;
  margin: 6px 0 0 10px;
  color: #fff;
  font-family: 'Bold'; }

/* line 610, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#project-content ul {
  float: right;
  color: #fff;
  display: none; }

/* line 615, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#project-content ul li {
  float: left; }

/* line 619, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
a.project-close {
  display: block;
  float: right;
  width: 59px;
  height: 27px;
  padding: 5px;
  border-left: 1px solid rgba(0, 132, 182, 0.4);
  font-family: 'Bold';
  color: #0084B6;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  font-size: 25px; }

/* line 633, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
a.project-close:hover {
  color: #fff; }

/*------ Studio -----*/
/* line 638, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#studio-section {
  float: left;
  padding-top: 0;
  position: relative;
  opacity: 0;
  top: 0; }

/* line 645, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#studio-section #page {
  padding-top: 30px;
  background-color: #edece2; }

/* line 649, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#pageslide header {
  height: 86px; }

/* line 652, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#pageslide h2 {
  clear: both;
  padding-top: 90px;
  color: #333;
  font-size: 30px; }

/*--- Sub Nav ---*/
/* line 661, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
header nav.sub {
  display: none;
  margin: 0;
  position: fixed;
  top: 60px;
  height: 37px;
  width: 100% !important;
  line-height: 13px;
  z-index: 5;
  /**/
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear; }
  /* line 677, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  header nav.sub ul {
    height: 30px;
    line-height: 25px;
    margin-left: 12px; }
    /* line 681, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    header nav.sub ul li {
      float: left;
      text-decoration: none; }
      /* line 684, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      header nav.sub ul li a {
        font-size: 14px;
        text-decoration: none;
        padding: 5px 5px 5px 7px;
        width: 100px;
        font-family: 'Bold';
        text-transform: lowercase;
        /**/
        -webkit-transition: color 300ms linear;
        -moz-transition: color 300ms linear;
        -ms-transition: color 300ms linear;
        -o-transition: color 300ms linear;
        transition: color 300ms linear; }
        /* line 692, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
        header nav.sub ul li a:hover {
          color: #fff;
          text-decoration: none; }
    /* line 705, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    header nav.sub ul .dots {
      font-size: 14px;
      font-weight: bold;
      margin-left: 5px;
      text-decoration: none !important; }
      /* line 711, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      header nav.sub ul .dots:hover {
        text-decoration: none !important; }
    /* line 717, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    header nav.sub ul .active a {
      color: #fff !important; }

/* line 725, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.color-2 nav.sub {
  background-color: rgba(255, 23, 83, 0.9); }
  /* line 727, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .color-2 nav.sub li a {
    /*color:#ae0056;*/
    text-decoration: none;
    font-weight: normal; }
    /* line 731, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .color-2 nav.sub li a span {
      /*color:#ae0056;*/
      text-decoration: none;
      font-weight: normal; }

/* line 738, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.color-3 nav.sub {
  background-color: rgba(122, 252, 198, 0.9); }
  /* line 740, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .color-3 nav.sub li a {
    /*color:#db5329;*/
    text-decoration: none;
    font-weight: normal; }
    /* line 744, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .color-3 nav.sub li a span {
      /*color:#db5329;*/
      text-decoration: none;
      font-weight: normal; }

/* line 751, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.color-1 nav.sub {
  background-color: rgba(186, 250, 249, 0.9); }
  /* line 753, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .color-1 nav.sub li a {
    /*color:#98af34;*/
    text-decoration: none;
    font-weight: normal; }
    /* line 757, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .color-1 nav.sub li a span {
      /*color:#98af34;*/
      text-decoration: none;
      font-weight: normal; }

/* line 765, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
header nav.sub ul li.active span, header nav.sub ul li:hover span {
  color: #fff;
  border-bottom: 1px solid #fff; }

/* line 770, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#studio-section > section {
  margin-left: 20px;
  margin-top: 70px;
  width: 825px; }
  /* line 772, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #studio-section > section:first-child {
    margin-top: 41px; }
  /* line 780, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #studio-section > section .section-controls-container {
    float: left;
    padding-top: 7px;
    text-align: center;
    width: 85px; }
    /* line 787, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #studio-section > section .section-controls-container span {
      display: block;
      font-family: 'AS_Numbers';
      font-size: 65px;
      padding-bottom: 11px;
      text-align: center;
      width: 85px;
      /**/
      -webkit-transition: all 300ms linear;
      -moz-transition: all 300ms linear;
      -ms-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      transition: all 300ms linear; }
    /* line 804, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #studio-section > section .section-controls-container .next, #studio-section > section .section-controls-container .previous {
      display: block;
      font-family: "StrengIcons";
      font-size: 25px;
      margin-top: 28px;
      text-decoration: none;
      /**/
      -webkit-transition: all 300ms linear;
      -moz-transition: all 300ms linear;
      -ms-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      transition: all 300ms linear; }
  /* line 821, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #studio-section > section h2 {
    color: #fff;
    font-family: 'Bold';
    font-size: 55px; }
  /* line 827, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #studio-section > section .section-content {
    float: left;
    margin-left: 40px;
    width: 700px; }

/* line 837, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.section-content h2 {
  margin-bottom: 20px; }
/* line 841, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.section-content p {
  color: #918c82;
  font-size: 12px;
  line-height: 20px; }
  /* line 845, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .section-content p + p {
    margin: 20px 0 0 0; }
  /* line 848, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .section-content p a {
    color: #918c82;
    text-decoration: none; }
    /* line 851, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    .section-content p a:hover {
      text-decoration: underline; }

/* line 859, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.bold-text, .image-intro-2-cols .intro-container p, .copy-2-col-outro strong, .intro-2-col strong, .intro-2-col .intro-container p, .listing p strong {
  color: #5c5854;
  font-size: 14px;
  line-height: 25px; }

/* line 872, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-intro-2-cols .intro-container p {
  margin: 20px 0; }
/* line 879, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-intro-2-cols .cols-container div {
  float: left;
  width: 340px; }
/* line 883, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-intro-2-cols .cols-container div + div {
  margin-left: 20px; }

/* line 892, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-gallery .gallery-container {
  height: 350px;
  position: relative;
  width: 700px; }
  /* line 898, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .gallery-container img {
    left: 0;
    position: absolute;
    top: 0; }
  /* line 903, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .gallery-container a.left {
    color: #fff;
    display: block;
    font-family: "StrengIcons";
    font-size: 80px;
    margin-top: -40px;
    position: absolute;
    left: 0px;
    text-decoration: none;
    top: 50%;
    z-index: 50; }
  /* line 915, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .gallery-container a.right {
    color: #fff;
    display: block;
    font-family: "StrengIcons";
    font-size: 80px;
    margin-top: -40px;
    position: absolute;
    right: 0px;
    text-decoration: none;
    top: 50%;
    z-index: 50; }
/* line 929, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-gallery .gallery-footer {
  border-bottom: 1px solid #d3cbbc;
  color: #918c82;
  height: 30px;
  line-height: 30px; }
  /* line 936, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .gallery-footer .slide-count {
    font-size: 12px; }
  /* line 939, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .gallery-footer .slide-title {
    font-size: 12px;
    margin-left: 10px; }
/* line 945, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.image-gallery .cols-container {
  margin-top: 15px; }
  /* line 947, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .cols-container div {
    float: left;
    width: 340px; }
  /* line 951, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .image-gallery .cols-container div + div {
    margin-left: 20px; }

/* line 960, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.copy-2-col div {
  float: left;
  width: 340px; }
/* line 964, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.copy-2-col div + div {
  margin-left: 20px; }

/* line 977, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.copy-2-col-outro .cols-container div {
  float: left;
  width: 340px; }
/* line 981, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.copy-2-col-outro .cols-container div + div {
  margin-left: 20px; }
/* line 986, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.copy-2-col-outro .outro-container {
  border-top: 1px solid #d3cbbc;
  margin-top: 15px;
  padding-top: 15px; }

/* line 1003, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.intro-2-col .intro-container {
  margin-bottom: 15px; }
/* line 1011, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.intro-2-col .cols-container div {
  float: left;
  width: 340px; }
  /* line 1012, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .intro-2-col .cols-container div img {
    margin: 0 0 15px 0; }
/* line 1018, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.intro-2-col .cols-container div + div {
  margin-left: 20px; }
/* line 1022, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.intro-2-col .cols-container + .cols-container {
  margin-top: 20px; }
  /* line 1024, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .intro-2-col .cols-container + .cols-container div {
    border-top: 1px solid #d3cbbc;
    padding-top: 20px; }

/* line 1034, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.listing p strong {
  display: block;
  margin-top: 20px; }
/* line 1039, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.listing p a {
  color: #918c82;
  text-decoration: none; }
  /* line 1042, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  .listing p a:hover {
    text-decoration: underline; }
/* line 1047, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.listing p + p {
  margin-top: 0; }
/* line 1051, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.listing h2 + p strong {
  margin-top: 0; }

/* line 1058, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#gallery-section {
  float: left;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  top: -97px;
  z-index: 200; }
  /* line 1067, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section .gallery-arrow-container {
    height: 100%;
    position: absolute;
    top: 0;
    width: 30%;
    z-index: 99; }
    /* line 1074, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section .gallery-arrow-container:hover .gallery-arrow {
      opacity: 1; }
  /* line 1079, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section .gallery-arrow {
    color: #a5a5a5;
    font-family: "StrengIcons";
    font-size: 85px;
    text-decoration: none;
    padding: 0 7px;
    margin-top: -44px;
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    /**/
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear; }
  /* line 1100, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #arrow-container-right {
    right: 0; }
  /* line 1103, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #arrow-container-left {
    left: 0; }
  /* line 1106, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #gallery-arrow-left {
    left: 20px; }
  /* line 1109, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #gallery-arrow-right {
    right: 20px; }
  /* line 1112, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section .gallery-arrow-container + .gallery-arrow-container {
    right: 0; }
  /* line 1116, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #gallery-title-container {
    left: 0;
    min-width: 400px;
    position: absolute;
    top: -37px;
    z-index: 101; }
    /* line 1123, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-title-container .header {
      height: 36px;
      line-height: 36px; }
      /* line 1127, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header.open {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      /* line 1130, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header span {
        color: #fff;
        float: left;
        font-family: "Bold";
        font-size: 14px;
        margin: 1px 40px 0 20px; }
      /* line 1137, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header a {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        float: right;
        font-family: "StrengIcons";
        font-size: 35px;
        position: relative;
        text-decoration: none;
        /**/
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear; }
      /* line 1152, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header a.on {
        color: #fff; }
      /* line 1155, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header .button-description {
        height: 36px;
        line-height: 39px;
        width: 41px; }
      /* line 1160, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header .button-download {
        height: 36px;
        line-height: 39px;
        width: 41px; }
      /* line 1165, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .header .close {
        height: 36px;
        line-height: 39px;
        width: 41px; }
    /* line 1172, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-title-container .gallery-info-container {
      background-color: #f1f0e8;
      left: 0;
      overflow: hidden !important;
      position: absolute;
      top: 37px;
      text-align: left;
      visibility: hidden; }
      /* line 1182, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .gallery-info-container .year {
        color: #918c83;
        display: block;
        font-family: "Regular";
        font-size: 11px;
        margin: 20px 20px 0 20px; }
      /* line 1189, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .gallery-info-container .overview {
        color: #5c5854;
        display: block;
        font-size: 14px;
        margin: 0 20px 0 20px; }
      /* line 1195, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .gallery-info-container .description-container {
        margin: 16px 20px 20px 20px; }
      /* line 1199, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .gallery-info-container .description-container p {
        color: #918c83;
        font-family: "Regular";
        font-size: 12px;
        line-height: 20px;
        margin: 6px 0 6px 0; }
      /* line 1206, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .gallery-info-container .description-container p:first-child {
        margin-top: 0; }
      /* line 1209, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-title-container .gallery-info-container .description-container p:last-child {
        margin-bottom: 0; }
  /* line 1218, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #image-wrapper.inset {
    background-color: #31302a;
    height: 300px;
    margin: -150px 0 0 -250px;
    overflow: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 500px;
    z-index: 10; }
    /* line 1231, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #image-wrapper.inset img {
      width: 100%; }
  /* line 1237, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #image-wrapper.full-screen {
    background-color: #31302a;
    height: 100%;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    z-index: 10; }
    /* line 1249, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #image-wrapper.full-screen img {
      bottom: -50%;
      margin: auto;
      position: absolute;
      right: 0;
      top: -50%; }
  /* line 1259, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #thumbnails-container {
    background-color: #e6e5dd;
    border-top: 1px solid rgba(200, 199, 186, 0.6);
    bottom: -128px;
    height: 90px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 101; }
    /* line 1269, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #thumbnails-container #thumbnails {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 11px;
      left: 0; }
      /* line 1275, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #thumbnails-container #thumbnails li {
        float: left;
        position: relative; }
        /* line 1278, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
        #gallery-section #thumbnails-container #thumbnails li a {
          text-decoration: none; }
        /* line 1281, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
        #gallery-section #thumbnails-container #thumbnails li div {
          bottom: -2px;
          height: 2px;
          left: 0;
          opacity: 0;
          position: absolute;
          width: 100%;
          /**/
          -webkit-transition: all 300ms linear;
          -moz-transition: all 300ms linear;
          -ms-transition: all 300ms linear;
          -o-transition: all 300ms linear;
          transition: all 300ms linear; }
        /* line 1296, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
        #gallery-section #thumbnails-container #thumbnails li img {
          /**/
          -webkit-transition: all 300ms linear;
          -moz-transition: all 300ms linear;
          -ms-transition: all 300ms linear;
          -o-transition: all 300ms linear;
          transition: all 300ms linear; }
      /* line 1305, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #thumbnails-container #thumbnails li + li {
        margin-left: 10px; }
      /* line 1309, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #thumbnails-container #thumbnails li.active img {
        opacity: .3; }
      /* line 1312, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #thumbnails-container #thumbnails li.active div {
        opacity: 1; }
  /* line 1319, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #gallery-controls {
    top: -38px;
    height: 37px;
    position: absolute;
    right: 0;
    width: 201px;
    z-index: 100; }
    /* line 1327, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-controls .button, #gallery-section #gallery-controls .back, #gallery-section #gallery-controls .forward, #gallery-section #gallery-controls .expand, #gallery-section #gallery-controls .thumbnails {
      background-color: #E5E4DD;
      color: #c8c7ba;
      display: block;
      font-family: "StrengIcons";
      float: left;
      font-size: 25px;
      text-decoration: none;
      /**/
      -webkit-transition: color 300ms linear;
      -moz-transition: color 300ms linear;
      -ms-transition: color 300ms linear;
      -o-transition: color 300ms linear;
      transition: color 300ms linear; }
      /* line 1341, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-controls .button:hover, #gallery-section #gallery-controls .back:hover, #gallery-section #gallery-controls .forward:hover, #gallery-section #gallery-controls .expand:hover, #gallery-section #gallery-controls .thumbnails:hover {
        color: #8b8a7d; }
    /* line 1346, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-controls .back {
      font-family: "StrengIcons";
      font-size: 35px;
      height: 37px;
      line-height: 42px;
      width: 42px; }
    /* line 1354, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-controls div {
      border-left: 1px solid #c8c7ba;
      float: left;
      height: 37px;
      width: 55px; }
      /* line 1360, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-controls div .image-number {
        background-color: #E5E4DD;
        color: #8b8a7d;
        display: block;
        font-family: "Black";
        font-size: 13px;
        height: 18px;
        line-height: 18px; }
      /* line 1369, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
      #gallery-section #gallery-controls div .total-images {
        background-color: #E5E4DD;
        border-top: 1px solid rgba(200, 199, 186, 0.6);
        color: #8b8a7d;
        display: block;
        font-family: "Black";
        font-size: 13px;
        height: 18px;
        line-height: 18px; }
    /* line 1380, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-controls .forward {
      border-left: 1px solid rgba(200, 199, 186, 0.6);
      font-family: "StrengIcons";
      font-size: 35px;
      height: 37px;
      line-height: 42px;
      width: 43px; }
    /* line 1389, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-controls .expand {
      border-right: 1px solid #c9cac7;
      font-family: "StrengIcons";
      font-size: 35px;
      height: 37px;
      line-height: 42px;
      width: 39px; }
    /* line 1398, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
    #gallery-section #gallery-controls .thumbnails {
      border-left: 1px solid rgba(200, 199, 186, 0.6);
      font-size: 35px;
      height: 37px;
      line-height: 42px;
      width: 58px; }
  /* line 1408, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  #gallery-section #gallery-loader {
    /*background: transparent url(/assets/images/ajax-loader.gif) no-repeat left top;*/
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    z-index: 100; }

/*------ Footer -----*/
/* line 1424, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 100%;
  overflow-y: scroll; }

/**** Isotope Filtering ****/
/* line 1438, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.isotope-item {
  z-index: 2; }

/* line 1442, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/**** Isotope CSS3 transitions ****/
/* line 1450, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

/* line 1458, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

/* line 1466, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
/* line 1478, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*--- Fade In ---*/
@-webkit-keyframes reset {
  /* line 1488, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  0% {
    opacity: 0; }

  /* line 1491, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  100% {
    opacity: 0; } }

@-webkit-keyframes fade-in {
  /* line 1497, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  0% {
    opacity: 0; }

  /* line 1500, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  60% {
    opacity: 0; }

  /* line 1503, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
  100% {
    opacity: 1; } }

/*--------- Common Styles --------*/
/* line 1509, /Users/bryanthughes/Sites/streng/assets/styles/sass/main.scss */
.ir {
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat; }