/* Define constants for the application and to configure the blueprint framework. */
/* ===== Compass Imports ===== */
/* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */
/* @import "compass/css3/columns" */
/* @import "compass/css3/hyphenation"; */
/* Needed for the link-colors() function */
/* Needed for the horizontal-list() function */
/* When remembering whether or not there's a hyphen in white-space is too hard */
/* Use pie-clearfix when there is no width set ont the element to avoid edge cases */
/* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */
/* Other interesting functions: 
	@import "compass/utilities/color/contrast";
		detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/
		Used to pass two colors into a get out the most readable color. 
		Good for situations where we dont want to create a new color, 
		but be sure that colors from variables are always going to be readable
*/
/* ===== Grid ===== */
/* Susy: Un-obtrusive grids for designers By: Eric A. Meyer and OddBird Site: susy.oddbird.net */
/* Settings  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Susy & Compass use HTML hacks to support IE 6 and 7. You can turn that on or off.  We are using Susy 1.0. Update your GEM file by deleting the old an downloading the new.  */
/* Important, needed for calculations */
/* Alternate grids 

$total-max-width: 980px;
$total-columns: 18; 
$column-width: 28px;
$gutter-width: 24px;
$grid-padding: $gutter-width;
$container-style: fluid; 

$total-max-width: 980px;
$total-columns: 16; 
$column-width: 40px;
$gutter-width: 20px;
$grid-padding: $gutter-width;
$container-style: fluid; 

*/
/* ===== Variables ===== */
/* Colors */
/* Confusing, but in some cases, this can be set to a dark color */
/* RevSys Colors */
/* Typography */
/* True here means that all computed values will be in EMs */
/* Allows the adjust-font-size-to and lines-for-font-size mixins to round to the nearest half line height to avoid large spacing between lines. */
/* Useful to set this here, but don't echo it anywhere. Used in calculations */
/* Useful to set this here, but don't echo it anywhere. Used in calculations */
/* Sizes */
/* 
	Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin 
	A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/
	
	Note: The line height is relative to the constant $base-line-height. 
	The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. 
	Don’t worry about nested elements etc, Compass will do the maths for you :)
*/
/* Defaults */
/* Positive is down */
/* Define constants for the application and to configure the blueprint framework. */
/* ===== Compass Imports ===== */
/* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */
/* @import "compass/css3/columns" */
/* @import "compass/css3/hyphenation"; */
/* Needed for the link-colors() function */
/* Needed for the horizontal-list() function */
/* When remembering whether or not there's a hyphen in white-space is too hard */
/* Use pie-clearfix when there is no width set ont the element to avoid edge cases */
/* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */
/* Other interesting functions: 
	@import "compass/utilities/color/contrast";
		detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/
		Used to pass two colors into a get out the most readable color. 
		Good for situations where we dont want to create a new color, 
		but be sure that colors from variables are always going to be readable
*/
/* ===== Grid ===== */
/* Susy: Un-obtrusive grids for designers By: Eric A. Meyer and OddBird Site: susy.oddbird.net */
/* Settings  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Susy & Compass use HTML hacks to support IE 6 and 7. You can turn that on or off.  We are using Susy 1.0. Update your GEM file by deleting the old an downloading the new.  */
/* Important, needed for calculations */
/* Alternate grids 

$total-max-width: 980px;
$total-columns: 18; 
$column-width: 28px;
$gutter-width: 24px;
$grid-padding: $gutter-width;
$container-style: fluid; 

$total-max-width: 980px;
$total-columns: 16; 
$column-width: 40px;
$gutter-width: 20px;
$grid-padding: $gutter-width;
$container-style: fluid; 

*/
/* ===== Variables ===== */
/* Colors */
/* Confusing, but in some cases, this can be set to a dark color */
/* RevSys Colors */
/* Typography */
/* True here means that all computed values will be in EMs */
/* Allows the adjust-font-size-to and lines-for-font-size mixins to round to the nearest half line height to avoid large spacing between lines. */
/* Useful to set this here, but don't echo it anywhere. Used in calculations */
/* Useful to set this here, but don't echo it anywhere. Used in calculations */
/* Sizes */
/* 
	Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin 
	A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/
	
	Note: The line height is relative to the constant $base-line-height. 
	The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. 
	Don’t worry about nested elements etc, Compass will do the maths for you :)
*/
/* Defaults */
/* Positive is down */
/* Functional mixins – Items we would like to keep consistent from project to project */
/* Turn numbers with units into unitless numbers: https://github.com/nex3/sass/issues/533 */
/* Shorthand for a set of useful text/line-height resizing functions. easier to remember... */
/* Easy little function to do the math of pixel to EM conversion for us. Needs a base-font-size set in _base.scss */
/*  Font-size-adjust: the problem and a solution Not widely supported, can't use this yet */
/* Since we can't use the above, let's create our own way to do it. */
/* Quickly apply border styles to elements */
/* Talk of depreciating the Compass mixin, so we pull it in here and make small adjustments */
/* Namespace the box-sizing mixin so we can add support for IE6/7 */
/* Vertical and Horizontal gradient mixins to make things easier. */
/*  Set all the up-and-coming input text types here for easier reference  Does not include types that are not meant to be displayed full width, such as:  type=number, type=range, type=date, type=color */
/*  Cross browser @keyframe definition set  Compass doesn't have one yet, so we namespace this so as not to conflict with a future release */
/*  Cross browser animation definition set  Compass doesn't have one yet, so we namespace this so as not to conflict with a future release  $timing: linear | ease | ease-in | ease-out | ease-in-out $delay: seconds before animation starts $count: how many times the animation will loop $direction: normal | alternate (Play even-numbered iterations of the animation in the forward direction and odd-numbered iterations in the reverse direction.) $fill-mode: none | forwards | backwards | both forwards (The animation’s final keyframe continues to apply after the final iteration of the animation completes) backwards (The animation’s initial keyframe is applied as soon as the animation style is applied to an element.  This only affects animations that have a nonzero value for -webkit-animation-delay) both (The animation’s initial keyframe is applied as soon as the animation style is applied to an element,  and the animation’s final keyframe continues to apply after the final iteration of the animation completes.  The initial keyframe only affects animations that have a nonzero value for -webkit-animation-delay) */
/*  Cross browser method to apply word-breaking and hyphenation (where supported)  Should be able to use the built-in Compass method, hyphenation(), but the library won't load right now */
/* Keep this in all mix-in files if you can. Useful stuff */
/* Manage our preferred reset as a Mix-in instead of replying on Compass or Blueprint */
/* HTML5 Boilerplate Non-semantic helper classes */
/* Add in the HTML5 Boilerplate rules for print (generic). Modify as needed. */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, form { display: block; }

blockquote { quotes: none; }

blockquote:before, blockquote:after { content: ""; content: none; }

q { display: inline; }

q:before { content: "“"; }

q:after { content: "”"; }

q q:before { content: "‘"; }

q q:after { content: "’"; }

ins { background-color: #ddd; text-decoration: none; }

mark { display: inline-block; padding: 0 .25em; margin: 0 -0.125em; background-color: #ffb; }

s, strike, del { text-decoration: line-through; }

abbr[title], dfn[title] { /* border-bottom: 1px dotted; */ cursor: help; }

table { /* width: 100%; */ border-collapse: collapse; border-spacing: 0; }

th, td { text-align: left; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 2.1875em 0; padding: 0; }

input, button, select { display: inline-block; vertical-align: middle; cursor: pointer; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; margin: 0; }

body { *font-size: small; text-rendering: optimizeSpeed; }

input, textarea, button, select { font-size: 99%; -webkit-font-smoothing: antialiased; margin: 0; }

svg:not(:root) { overflow: hidden; }

/* fixes an issue in IE9 */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* Minimal base styles */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 1.5em; }

ul { list-style: square; }

ol { list-style: decimal; }

ol ol { list-style: upper-alpha; }

ol ol ol { list-style: lower-roman; }

ol ol ol ol { list-style: lower-alpha; }

nav ul, menu ul, .menu, .tabs { margin-left: 0; list-style: none; list-style-image: none; }

small { font-size: 85%; }

b, strong, th { font-weight: 700; }

i, em, cite { font-style: italic; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp, var { font-family: Courier, monospace, sans-serif; }

pre { /* PE's codey-looking pre style, just for kicks */ white-space: pre-wrap; white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ word-wrap: break-word; /* IE 5.5+ and up */ padding: 1em; margin-bottom: 1em; background: #e9e9e9; background: rgba(214, 214, 214, 0.5); border-left: 5px solid #37719f; }

code { color: #37719f; font-size: 108%; }

var { font-size: 112%; font-style: italic; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

.ie7 legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: baseline; }

.ie7 input[type="checkbox"] { vertical-align: bottom; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

/*input:invalid, textarea:invalid, input.error, textarea.error {
	border-radius: 1px; 
	-webkit-box-shadow: 0px 0px 5px red; 
	-moz-box-shadow: 0px 0px 5px red; 
	-ms-box-shadow: 0px 0px 5px red; 
	-o-box-shadow: 0px 0px 5px red; 
	box-shadow: 0px 0px 5px red;
}*/
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* path needs to be root relative we can't always serve this file the way it needs to be served (gondor.io), unfortunately
behavior: stylesheet-url("boxsizing.htc"); */ padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* path needs to be root relative we can't always serve this file the way it needs to be served (gondor.io), unfortunately
behavior: stylesheet-url("boxsizing.htc"); */ }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

.ie7 img { -ms-interpolation-mode: bicubic; }

/* Aural rulesets */
abbr.initialism { speak: spell-out; }

abbr.truncation { speak: normal; }

/* Stupid IE: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */
@-ms-viewport { width: device-width; }

canvas { -ms-touch-action: double-tap-zoom; }

svg:not(:root) { overflow: hidden; }

/* fixes an issue in IE9 */
/* Style mixins for this project */
/* ! ==== Local Mix-ins  ==== */
/* Since we include this file everywhere, we should be able to use these in style.scss as well as layout.scss */
.text .horizontal-list li, .entry .horizontal-list li { display: inline-block; }
.lt-ie8 .text .horizontal-list, .text .lt-ie8 .horizontal-list, .lt-ie8 .entry .horizontal-list, .entry .lt-ie8 .horizontal-list { display: inline; }

.text p code, .text samp, .text kbd, .entry p code, .entry samp, .entry kbd { color: #666666; border: 2px solid #e9e9e9; background-color: #d6d6d6; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#FFD6D6D6'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #e9e9e9), color-stop(90%, #d6d6d6)); background-image: -webkit-linear-gradient(#e9e9e9 10%, #d6d6d6 90%); background-image: -moz-linear-gradient(#e9e9e9 10%, #d6d6d6 90%); background-image: -o-linear-gradient(#e9e9e9 10%, #d6d6d6 90%); background-image: -ms-linear-gradient(#e9e9e9 10%, #d6d6d6 90%); background-image: linear-gradient(#e9e9e9 10%, #d6d6d6 90%); -webkit-box-shadow: 0 0 0.5em rgba(22, 22, 22, 0.2); -moz-box-shadow: 0 0 0.5em rgba(22, 22, 22, 0.2); box-shadow: 0 0 0.5em rgba(22, 22, 22, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

/* Headers.  We use mixins so we can manage these in one place.  Used in style.scss and mce.scss  */
/* Drop Shadow effect – equal offset for right and bottom */
/* Hide visually but leave available for screen readers */
/* ! ===== Animation Effects ===== */
/* translate3d(0,0,0) is a null transform hack that kicks hardware acceleration into effect. For desktop browsers, this means a smoother animation and text will not be re-rendered on animation end */
/* Keyframes for pulse effects */
@-webkit-keyframes white-pulse { from { -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 0); box-shadow: 0 0 2em rgba(255, 255, 255, 0); }
  to { -webkit-box-shadow: 0 0 2em white; -moz-box-shadow: 0 0 2em white; box-shadow: 0 0 2em white; } }

@-moz-keyframes white-pulse { from { -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 0); box-shadow: 0 0 2em rgba(255, 255, 255, 0); }
  to { -webkit-box-shadow: 0 0 2em white; -moz-box-shadow: 0 0 2em white; box-shadow: 0 0 2em white; } }

@-ms-keyframes white-pulse { from { -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 0); box-shadow: 0 0 2em rgba(255, 255, 255, 0); }
  to { -webkit-box-shadow: 0 0 2em white; -moz-box-shadow: 0 0 2em white; box-shadow: 0 0 2em white; } }

@-o-keyframes white-pulse { from { -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 0); box-shadow: 0 0 2em rgba(255, 255, 255, 0); }
  to { -webkit-box-shadow: 0 0 2em white; -moz-box-shadow: 0 0 2em white; box-shadow: 0 0 2em white; } }

@keyframes white-pulse { from { -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 0); box-shadow: 0 0 2em rgba(255, 255, 255, 0); }
  to { -webkit-box-shadow: 0 0 2em white; -moz-box-shadow: 0 0 2em white; box-shadow: 0 0 2em white; } }

@-webkit-keyframes dark-pulse { from { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0); box-shadow: 0 0 2em rgba(0, 0, 0, 0); }
  to { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); } }

@-moz-keyframes dark-pulse { from { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0); box-shadow: 0 0 2em rgba(0, 0, 0, 0); }
  to { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); } }

@-ms-keyframes dark-pulse { from { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0); box-shadow: 0 0 2em rgba(0, 0, 0, 0); }
  to { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); } }

@-o-keyframes dark-pulse { from { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0); box-shadow: 0 0 2em rgba(0, 0, 0, 0); }
  to { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); } }

@keyframes dark-pulse { from { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0); box-shadow: 0 0 2em rgba(0, 0, 0, 0); }
  to { -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); box-shadow: 0 0 2em rgba(0, 0, 0, 0.6); } }

/* Main CSS styles for linear content. Design for Mobile first! */
/* Global Typographic and Element Styles */
html { min-height: 100%; margin-bottom: 1px; background-color: #37719f; background-image: url("../png/px_by_gre3g_blue.png"); }

body { color: #444444; background-color: transparent; }

body, input, textarea, select, button { font: normal 100%/1.75 "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif; font-weight: 300; }
body .lt-ie9, input .lt-ie9, textarea .lt-ie9, select .lt-ie9, button .lt-ie9 { font: normal 100%/1.75 "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif; }

a, a:active, a:visited { color: #37719f; text-decoration: underline; }

a:hover, a:visited:hover { color: #234966; text-decoration: none; }

a:before:hover, a:before:focus { text-decoration: none; }

img { display: block; margin: 0 auto; }

img, embed, object, video { max-width: 100%; }

header, section, article, aside, footer, figure, div, ul, ol, li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Set the highlight colors. These selection declarations have to be separate */
::-moz-selection { background: #37719f; color: black; text-shadow: none; }

::selection { background: #37719f; color: black; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #234966; }

.giga { font-size: 3em; line-height: 1.16667em; }

.mega { font-size: 2.5em; line-height: 1.4em; }

.kilo { font-size: 2.25em; line-height: 1.16667em; }

h1, .alpha { color: #333333; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 2.0625em; line-height: 1.27273em; font-weight: 900; line-height: 1.2em; margin-top: 0.4375em; margin-bottom: 0.4375em; }

h2, .bravo { color: #333333; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 1.5em; line-height: 1.16667em; font-weight: 700; margin-top: 0.875em; margin-bottom: 0.4375em; }
.text h2, .entry h2, .text .bravo, .entry .bravo { color: #595959; }

h3, .charlie { color: #595959; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 1.3125em; line-height: 1.33333em; font-weight: 700; margin-top: 1.75em; margin-bottom: 0.4375em; }

h4, .delta { color: #666666; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 1.125em; line-height: 1.55556em; font-weight: 700; margin-top: 0.875em; margin-bottom: 0.4375em; }

h5, .echo { color: #444444; font-weight: bold; text-transform: uppercase; margin-top: 0.875em; margin-bottom: 0.4375em; }

h6, .foxtrot { color: #444444; font-weight: bold; margin-top: 0.875em; margin-bottom: 0.4375em; }

article h3 { margin-top: 0; }

/* ===== Local Mixins ===== */
/* These are styles that can be extended in multiple places using Compass, like so: .new-style { @extend %mixin; // pulls in style attributes from the mixin color: #333; // adds more style }
*/
blockquote, .call-to-action { background: #ebebe8; font-family: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif; padding: 0.875em 1.5em 0.875em; }
blockquote > *, .call-to-action > * { margin-top: 0; }
blockquote p:last-child, .call-to-action p:last-child, blockquote ul:last-child, .call-to-action ul:last-child, blockquote ol:last-child, .call-to-action ol:last-child { margin-bottom: 0.5em; }

.product-wrapper a.button, input[type=submit], input[type=reset], button, .button, a.button, .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.35), inset 0 1em 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.35), inset 0 1em 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.35), inset 0 1em 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5); text-decoration: none; text-shadow: 0 0 3px rgba(0, 0, 0, 0.35); width: auto; }

.product-wrapper a.button, input[type=submit], input[type=reset], button, .button, a.button { border: 1px solid #234966; color: #e3eff4; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; background-color: #2a5679; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF37719F', endColorstr='#FF2A5679'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #37719f), color-stop(90%, #2a5679)); background-image: -webkit-linear-gradient(#37719f 10%, #2a5679 90%); background-image: -moz-linear-gradient(#37719f 10%, #2a5679 90%); background-image: -o-linear-gradient(#37719f 10%, #2a5679 90%); background-image: -ms-linear-gradient(#37719f 10%, #2a5679 90%); background-image: linear-gradient(#37719f 10%, #2a5679 90%); }
input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover, input[type=submit]:focus, input[type=reset]:focus, button:focus, .button:focus, input[type=submit]:active, input[type=reset]:active, button:active, .button:active, input.active[type=submit], input.active[type=reset], button.active, .active.button { color: white; background-color: #234966; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF30648C', endColorstr='#FF234966'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #30648c), color-stop(90%, #234966)); background-image: -webkit-linear-gradient(#30648c 10%, #234966 90%); background-image: -moz-linear-gradient(#30648c 10%, #234966 90%); background-image: -o-linear-gradient(#30648c 10%, #234966 90%); background-image: -ms-linear-gradient(#30648c 10%, #234966 90%); background-image: linear-gradient(#30648c 10%, #234966 90%); }

.product-wrapper a.button { border: 1px solid #222; color: #ccc; background-color: #222222; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF222222'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #444444), color-stop(90%, #222222)); background-image: -webkit-linear-gradient(#444444 10%, #222222 90%); background-image: -moz-linear-gradient(#444444 10%, #222222 90%); background-image: -o-linear-gradient(#444444 10%, #222222 90%); background-image: -ms-linear-gradient(#444444 10%, #222222 90%); background-image: linear-gradient(#444444 10%, #222222 90%); }
.product-wrapper a.button:hover, .product-wrapper a.button:focus, .product-wrapper a.button:active, .product-wrapper a.active.button { background-color: black; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF333333', endColorstr='#FF000000'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #333333), color-stop(90%, #000000)); background-image: -webkit-linear-gradient(#333333 10%, #000000 90%); background-image: -moz-linear-gradient(#333333 10%, #000000 90%); background-image: -o-linear-gradient(#333333 10%, #000000 90%); background-image: -ms-linear-gradient(#333333 10%, #000000 90%); background-image: linear-gradient(#333333 10%, #000000 90%); }

*[role="main"] header h2, *[role="main"] hgroup h2, .entry-header, .breadcrumbs, .pagination, .previous-next, .widget-header, .secondary-navigation .navigation .tier-1 > a { color: #939393; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 0.8125em; line-height: 2.15385em; letter-spacing: 0.1em; line-height: 1.5em; text-transform: uppercase; }
*[role="main"] header h2 a:link, *[role="main"] hgroup h2 a:link, .entry-header a:link, .breadcrumbs a:link, .pagination a:link, .previous-next a:link, .widget-header a:link, .secondary-navigation .navigation .tier-1 > a a:link, *[role="main"] header h2 a:visited, *[role="main"] hgroup h2 a:visited, .entry-header a:visited, .breadcrumbs a:visited, .pagination a:visited, .previous-next a:visited, .widget-header a:visited, .secondary-navigation .navigation .tier-1 > a a:visited { color: inherit; text-decoration: none; }
*[role="main"] header h2 a:hover, *[role="main"] hgroup h2 a:hover, .entry-header a:hover, .breadcrumbs a:hover, .pagination a:hover, .previous-next a:hover, .widget-header a:hover, .secondary-navigation .navigation .tier-1 > a a:hover, *[role="main"] header h2 a:active, *[role="main"] hgroup h2 a:active, .entry-header a:active, .breadcrumbs a:active, .pagination a:active, .previous-next a:active, .widget-header a:active, .secondary-navigation .navigation .tier-1 > a a:active { color: #37719f; text-decoration: underline; }

*[role="main"] header h2, *[role="main"] hgroup h2, .entry-header, .breadcrumbs, .pagination, .previous-next, .widget-header { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 1.5em 0; padding: .5em .2em; }

/* ----- End Local Mixins ----- */
blockquote { border-left: 3px solid #b0b0a3; font-style: italic; }
blockquote em { font-style: normal; }

.call-to-action { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

ul, ol { margin-left: 1.5em; }

dl { border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
dl dt, dl dd { padding: .25em .75em .125em; }
dl dt { font-weight: bold; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
dl dt + dt { border-top: 0; }
dl dd { margin-left: 1.5em; }

hr { border-top: 1px solid #d6d6d6; }

/* Form Elements */
form { *zoom: 1; }
form:after { content: ""; display: table; clear: both; }

label { display: inline-block; color: #939393; margin-top: 0.4375em; }

input, textarea { width: 92%; }

input, textarea, button, .button, a.button, .label { padding: .25em .75em .25em; }

input { color: #444444; /*modernizr*/ /*modernizr*/ }
.no-touch input:focus { -webkit-box-shadow: 0px 0px 0.75em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0.75em rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0.75em rgba(0, 0, 0, 0.2); }
.no-touch input[required=required]:focus { -webkit-box-shadow: 0px 0px 0.75em rgba(255, 0, 0, 0.5); -moz-box-shadow: 0px 0px 0.75em rgba(255, 0, 0, 0.5); box-shadow: 0px 0px 0.75em rgba(255, 0, 0, 0.5); }

input[type=checkbox], input[type=radio] { width: auto; border: none; margin-right: .75em; }

::-webkit-input-placeholder { color: #939393; font-style: italic; }

::-moz-placeholder { color: #939393; font-style: italic; }

:-ms-input-placeholder { color: #939393; font-style: italic; }

.label { border: 1px solid rgba(255, 255, 255, 0.25); }

.entry input[type=submit], .entry input[type=reset], .entry button, .entry .button, .entry a.button { text-decoration: none; }
*[role="secondary"] input[type=submit], *[role="complementary"] input[type=submit], *[role="secondary"] input[type=reset], *[role="complementary"] input[type=reset], *[role="secondary"] button, *[role="complementary"] button, *[role="secondary"] .button, *[role="complementary"] .button, *[role="secondary"] a.button, *[role="complementary"] a.button { font-size: 0.875em; line-height: 2em; font-weight: 700; line-height: inherit; }

input[type=reset] { color: #666666; border-color: #d6d6d6; background-color: white; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-image: none; }
input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active, input[type=reset].active { color: white; }

figure figcaption { font-weight: 700; line-height: 1.5; text-align: center; }

pre { clear: both; overflow: auto; color: #3d663d; background: #dfdfda; -webkit-box-shadow: inset 0 0 2em rgba(128, 128, 109, 0.5); -moz-box-shadow: inset 0 0 2em rgba(128, 128, 109, 0.5); box-shadow: inset 0 0 2em rgba(128, 128, 109, 0.5); }

/* A useful class that helps control how lines might break. Use carefully. */
.pre { white-space: nowrap; }

/* ===== Major Structural Elements ===== */
.container { margin: 0 auto; max-width: 61.25em; padding-left: 1em; padding-right: 1em; position: relative; }

.row { margin-left: -1em; margin-right: -1em; margin-bottom: 0; *zoom: 1; }
.row:after { content: ""; display: table; clear: both; }

.column { padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; }

/* When an element inside a row needs column-style padding but does not need to float */
.not-column { padding-left: 1em; padding-right: 1em; }

/* ===== Main Header ===== */
.main-header { position: relative; background: #37719f; background-image: url("../png/px_by_gre3g_blue.png"); border-top: 8px solid #37709e; border-bottom: 8px solid #37709e; -webkit-box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5); }
.main-header .container { padding: 1em; }

.main-navigation li { display: none; font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; padding: 0 .75em; text-align: center; text-transform: uppercase; font-size: 1.125em; line-height: 1.55556em; }
.main-navigation li.jump { display: block; }
.main-navigation li .arrow { color: #498bc0; font-size: .75em; }
.main-navigation a, .main-navigation a:link, .main-navigation a:visited { color: #accfdf; text-decoration: none; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
.main-navigation a:hover, .main-navigation a:active { color: white; }

/* ===== Default Container and Interior Page Elements ===== */
.default-container { padding: 2em 0; }

.content-wrapper { background: #c8c8be; border-top: 1px solid #666666; border-bottom: 1px solid #333333; -webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.3); }

/* ===== Main Content Column ===== */
*[role="main"] { background: #fff; background: rgba(255, 255, 255, 0.9); padding-top: 0.875em; padding-bottom: 0.875em; }
*[role="main"] .page-title { margin: .5em 0 0; padding: .25em 0; }
*[role="main"] > header, *[role="main"] > hgroup { margin-bottom: .5em; }
*[role="main"] header, *[role="main"] hgroup { padding-bottom: 0.875em; }
*[role="main"] header h2, *[role="main"] hgroup h2 { margin: 0; }

.full-column-hero img { border: 1px solid #fff; -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); margin: .5em 0; }

.section-header { color: #37719f; font-size: 3.75em; text-transform: uppercase; margin-bottom: 0.4375em; }
.home .section-header { color: white; text-align: center; }
.row > .section-header { padding-left: 0.26667em; }

.entry { margin-bottom: 2.1875em; }
.entry.writing-intro { margin-bottom: 0.4375em; }
.entry h3 { margin-top: .5em; }
.entry h3 a { text-decoration: none; }
.entry h3 a:hover, .entry h3 a:active { color: #37719f; text-decoration: underline; }

.entry-header .viewmore { float: right; }
.entry-header .viewmore:after { content: " »"; }
.entry-header .viewmore a { color: #bbb; }
.entry-header .viewmore a:hover, .entry-header .viewmore a:focus { text-decoration: none; }
.entry-header a:hover, .entry-header a:active { color: #333333; }

.service-intro { border-bottom: 1px solid #d6d6d6; }

.column-hero { margin-top: -0.875em; margin-left: -1em; margin-right: -1em; }

.breadcrumbs, .pagination { padding: 0.25em 0; }
.breadcrumbs li, .pagination li { display: inline-block; }

.breadcrumbs li { color: #aaa; }
.breadcrumbs li a, .breadcrumbs li a:link, .breadcrumbs li a:visited { color: #777; }
.breadcrumbs li:after { content: "»"; }
.breadcrumbs li:last-child { margin-left: .25em; }
.breadcrumbs li:last-child:after { content: none; }
.breadcrumbs a { display: inline-block; padding: .25em; }

.pagination { text-align: center; }
.pagination li { margin-right: .25em; }
.pagination a { display: block; padding: .375em .75em .25em; border: 1px solid #d4d4cc; }
.pagination a:hover, .pagination a:focus { background-color: white; color: #80806d; text-decoration: none; }
.pagination .active { background: #999987; }
.pagination .active a { border: 1px solid #80806d; color: #fff; cursor: default; }
.pagination .active a:hover, .pagination .active a:focus { background: #999987; }
.pagination .previous span, .pagination .next span { font-size: 1.25em; line-height: 1; }
.pagination a.disabled { background: none; border: 1px solid #eee; color: #ddd; cursor: default; }
.pagination a.disabled:hover, .pagination a.disabled:focus { background: none; }
.pagination .disabled, .pagination .disabled:hover, .pagination .disabled:focus { cursor: default; background-color: #d6d6d6; }
.pagination .active, .pagination .active:hover, .pagination .active:focus { cursor: default; color: #444444; }

/* Previous / Next pattern for single posts / pages */
.previous-next { text-align: center; margin: 1.75em 0; *zoom: 1; }
.previous-next:after { content: ""; display: table; clear: both; }
.previous-next .prev-wrapper, .previous-next .next-wrapper { display: inline; padding: 0 .5em; }
.previous-next .main-text, .previous-next .secondary { padding: .25em; }

/* ===== Elements within the .text or .entry blocks  ===== */
.text, .entry { /* Remove when lists are nested */ /* Pretty forms */ /* images from TinyMCE */ /* Prettier tables if authors use the correct elements */ /* For the sample style guide (spec sheet) */ }
.text p, .text ul, .text ol, .text dl, .text dd, .text blockquote, .text address, .text pre, .text form, .text table, .text figure, .entry p, .entry ul, .entry ol, .entry dl, .entry dd, .entry blockquote, .entry address, .entry pre, .entry form, .entry table, .entry figure { margin-top: 0.4375em; margin-bottom: 1.3125em; }
.text p:last-child, .text ul:last-child, .text ol:last-child, .text dl:last-child, .text dd:last-child, .text blockquote:last-child, .text address:last-child, .text pre:last-child, .text form:last-child, .text table:last-child, .text figure:last-child, .entry p:last-child, .entry ul:last-child, .entry ol:last-child, .entry dl:last-child, .entry dd:last-child, .entry blockquote:last-child, .entry address:last-child, .entry pre:last-child, .entry form:last-child, .entry table:last-child, .entry figure:last-child { margin-bottom: 0; }
.text li, .entry li { font-size: .95em; margin-bottom: 0.4375em; }
.text li li, .entry li li { font-size: .9em; }
.text li ul, .text li ol, .entry li ul, .entry li ol { margin-bottom: 0; }
.text a, .entry a { text-decoration: underline; }
.text a:hover, .text a:focus, .entry a:hover, .entry a:focus { text-decoration: none; }
.text a[href^="tel:"], .entry a[href^="tel:"] { text-decoration: none; border-bottom: 1px dotted #939393; }
.text h2 a, .entry h2 a { text-decoration: none; }
.text h2 a:after, .entry h2 a:after { content: " »"; }
.text figcaption, .entry figcaption { color: #939393; font-size: 0.8125em; line-height: 2.15385em; font-style: italic; font-weight: 400; padding: 0 .5em; }
.text figcaption strong, .entry figcaption strong { color: #666666; font-weight: 900; }
.text var, .entry var { color: #333333; }
.text cite, .text abbr[title], .text .abbreviation[title], .text dfn[title], .entry cite, .entry abbr[title], .entry .abbreviation[title], .entry dfn[title] { border-bottom: 1px dotted #37719f; }
.text cite a, .entry cite a { text-decoration: none; }
.text abbr, .text .abbreviation, .entry abbr, .entry .abbreviation { font-size: .875em; text-transform: uppercase; letter-spacing: 0.125em; }
.text p code, .text samp, .text kbd, .entry p code, .entry samp, .entry kbd { display: inline-block; padding: .2em .5em .1em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.text p code, .text samp, .entry p code, .entry samp { border: 0; }
.text code, .entry code { color: #3d663d; font-size: .95em; line-height: 1.3em; tab-size: 3; }
.text s, .text strike, .text del, .entry s, .entry strike, .entry del { color: #939393; }
.text .sidebar, .entry .sidebar { margin: 1em 0; border-top: 2px solid #80806d; border-bottom: 2px solid #80806d; padding: .75em 1.5em; color: #37719f; font-size: 1.25em; }
.text .sidebar > p, .entry .sidebar > p { margin-bottom: 0; }
.text form .horizontal-list li, .entry form .horizontal-list li { margin-right: 1em; }
.text form .element-caption, .entry form .element-caption { color: #939393; }
.text fieldset, .entry fieldset { margin-bottom: .5em; }
.text fieldset legend, .entry fieldset legend { font-size: 1.125em; padding: .5em .5em .75em 0; }
.text label.active, .entry label.active { /* Selected radio/checkboxes will add this class to the parent label */ color: #444444; }
.text img[style='float: left;'], .entry img[style='float: left;'] { max-width: 33%; margin-right: 1em; margin-bottom: .5em; }
.text img[style='float: right;'], .entry img[style='float: right;'] { max-width: 33%; margin-left: 1em; margin-bottom: .5em; }
.text table caption, .entry table caption { caption-side: top; color: #444444; font-size: 1.125em; text-align: left; margin-bottom: 1.75em; }
.text table thead, .text table tfoot, .entry table thead, .entry table tfoot { border-bottom: 1px solid #d6d6d6; }
.text table tr, .entry table tr { background-color: #f6f6f6; }
.text table tr th, .entry table tr th { background-color: #f0f0f0; }
.text table tr:nth-child(even), .entry table tr:nth-child(even) { background-color: #f0f0f0; }
.text table th, .text table td, .entry table th, .entry table td { padding: .25em .5em .2em; border-left: 2px solid white; }
.text table th:first-child, .text table td:first-child, .entry table th:first-child, .entry table td:first-child { border-left: none; }
.text table tfoot, .entry table tfoot { border-top: 1px solid #d6d6d6; }
.text img, .entry img { margin: 0 0 .25em; }
.text .example, .entry .example { position: relative; border: 1px solid #ddd; padding: 1em 1em .125em; margin-bottom: 1.25em; -webkit-box-shadow: 0 0 0.75em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0.75em rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.75em rgba(0, 0, 0, 0.2); }
.text .example:before, .entry .example:before { content: 'EXAMPLE'; position: absolute; top: 0; right: 0; font-size: 0.75em; color: white; background-color: #3d663d; padding: .4em .75em .2em; }
.text .example + .examplecode, .entry .example + .examplecode { margin-top: -1.25em; }

/* end .text */
/* ===== Secondary / Complementary Column ===== */
*[role="secondary"], *[role="complementary"] { background-color: #c8c8be; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD4D4CC', endColorstr='#FFC8C8BE'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #d4d4cc), color-stop(90%, #c8c8be)); background-image: -webkit-linear-gradient(#d4d4cc 10%, #c8c8be 90%); background-image: -moz-linear-gradient(#d4d4cc 10%, #c8c8be 90%); background-image: -o-linear-gradient(#d4d4cc 10%, #c8c8be 90%); background-image: -ms-linear-gradient(#d4d4cc 10%, #c8c8be 90%); background-image: linear-gradient(#d4d4cc 10%, #c8c8be 90%); padding-top: 0.875em; padding-bottom: 0.875em; }

.aside-header a.button, .aside-header a.label, .widget a.button, .widget a.label { display: inline-block; margin: .75em 0 .5em; text-decoration: none; }
.ie8 .aside-header a.label, .ie8 .widget a.label { display: none; }

.widget { padding: 0 0 1em; text-shadow: 0 0 3px rgba(255, 255, 255, 0.25); }
.widget p, .widget ul, .widget ol { font-size: 0.8125em; line-height: 2.15385em; color: #57574a; line-height: 1.75em; margin-top: .75em; margin-bottom: .75em; }
.widget li { line-height: 1.75em; margin: 0.5em 0; }
.widget a:link, .widget a:visited { text-decoration: underline; }
.widget .widget-header a:link, .widget .widget-header a:visited { text-decoration: none; }
.widget img { margin: 0; }
.widget p.byline, .widget p.attribution { font-size: 0.75em; line-height: 2.33333em; font-style: italic; line-height: 1.75em; margin-left: 1em; text-indent: -1em; }
.widget p.byline a, .widget p.byline a:link, .widget p.byline a:visited, .widget p.attribution a, .widget p.attribution a:link, .widget p.attribution a:visited { color: inherit; text-decoration: underline; }
.widget a.button, .widget a.label { display: inline-block; margin: 1em 0 .5em; text-decoration: none; }

.widget-header { color: #646456; border-top: 1px solid #b0b0a3; border-bottom: 1px solid #b0b0a3; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); }
.widget-header a:hover, .widget-header a:active { color: #333333; }

.twitter-icon { display: inline-block; vertical-align: middle; }
.ie8 .twitter-icon { display: none; }

.tweet, .widget .item { margin-bottom: 1em; }
.tweet .date, .widget .item .date { color: #80806d; font-size: 0.75em; line-height: 2.33333em; font-style: italic; margin-top: -0.75em; }
.tweet .date:before, .widget .item .date:before { content: "– "; }

/* ===== Main Footer Elements ===== */
.main-footer .container { padding-top: 2em; padding-bottom: 2em; }

.secondary-navigation .navigation a { display: block; color: #accfdf; text-align: center; padding: .4em .35em; text-decoration: none; font-size: 0.875em; line-height: 1.5; }
.secondary-navigation .navigation a:hover, .secondary-navigation .navigation a:focus { color: white; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.secondary-navigation .navigation .tier-1 { padding: 0 2em; margin-bottom: 1em; }
.secondary-navigation .navigation .tier-1 > a { color: white; border-top: 1px solid #80806d; border-top-color: rgba(255, 255, 255, 0.2); border-bottom: 1px solid #80806d; border-bottom-color: rgba(255, 255, 255, 0.2); margin-bottom: .75em; padding: .5em; }
.secondary-navigation .navigation .tier-1 > a:hover, .secondary-navigation .navigation .tier-1 > a:focus, .secondary-navigation .navigation .tier-1 > a:active { background: rgba(29, 59, 83, 0.4); }

.copyright { clear: both; color: #accfdf; font-size: 0.8125em; text-align: center; padding: 2em 0 0; }
.copyright p { margin-bottom: 1em; }
.copyright span { white-space: nowrap; }
.copyright a { color: #accfdf; }
.copyright a:hover, .copyright a:focus { color: white; }

/* ===== General Styles ===== */
.readmore { font-size: .95em; font-style: italic; line-height: inherit; }
.readmore:after { content: " »"; }

.byline, .attribution { color: #999; font-size: 0.8125em; line-height: 2.15385em; font-style: italic; margin: -0.5em 0 1.5em; }
.widget .byline:before, blockquote .byline:before, .byline:before, .widget .attribution:before, blockquote .attribution:before, .attribution:before { content: "— "; }
.byline a:link, .byline a:visited, .attribution a:link, .attribution a:visited { color: #999; text-decoration: none; }
.byline a:link.author, .byline a:visited.author, .attribution a:link.author, .attribution a:visited.author { color: #37719f; text-decoration: underline; }
.byline .author, .attribution .author { color: #444; }
.byline a:hover, .byline a:focus, .entry .byline a:hover, .entry .byline a:focus, .attribution a:hover, .attribution a:focus, .entry .attribution a:hover, .entry .attribution a:focus { text-decoration: underline; }

.plans { width: 100%; }
.plans th, .plans td { font-size: 0.75em; line-height: 2.33333em; padding-right: .5em; }

/* ===== Home Page Specific ===== */
.services-wrapper { background: #d4d4cc; background-color: #c8c8be; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDFDFDA', endColorstr='#FFC8C8BE'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #dfdfda), color-stop(90%, #c8c8be)); background-image: -webkit-linear-gradient(#dfdfda 10%, #c8c8be 90%); background-image: -moz-linear-gradient(#dfdfda 10%, #c8c8be 90%); background-image: -o-linear-gradient(#dfdfda 10%, #c8c8be 90%); background-image: -ms-linear-gradient(#dfdfda 10%, #c8c8be 90%); background-image: linear-gradient(#dfdfda 10%, #c8c8be 90%); -webkit-box-shadow: 0 0 5em rgba(128, 128, 109, 0.2) inset; -moz-box-shadow: 0 0 5em rgba(128, 128, 109, 0.2) inset; box-shadow: 0 0 5em rgba(128, 128, 109, 0.2) inset; border-bottom: 1px solid #e9e9e5; }
.services-wrapper .container { padding: 0.875em; }
.services-wrapper .entry-header { border-top: 1px solid #bcbcb0; border-bottom: 1px solid #bcbcb0; color: #80806d; margin-bottom: 2em; }
.services-wrapper .entry-header .viewmore, .services-wrapper .entry-header .viewmore a { color: #b0b0a3; }
.services-wrapper .entry-header .viewmore a:hover, .services-wrapper .entry-header .viewmore a:active { color: #80806d; }
.services-wrapper .intro-banner { margin-bottom: 2em; }
.services-wrapper .intro-title:first-child { margin-top: 0; }
.services-wrapper .intro-subhead { color: #37719f; font-family: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif; font-weight: 700; margin-top: 0em; margin-bottom: 1.3125em; }

.product-wrapper { color: #c8c8be; background: #333333; background-color: #474747; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF333333', endColorstr='#FF474747'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #333333), color-stop(90%, #474747)); background-image: -webkit-linear-gradient(#333333 10%, #474747 90%); background-image: -moz-linear-gradient(#333333 10%, #474747 90%); background-image: -o-linear-gradient(#333333 10%, #474747 90%); background-image: -ms-linear-gradient(#333333 10%, #474747 90%); background-image: linear-gradient(#333333 10%, #474747 90%); -webkit-box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.3); }
.product-wrapper .row { padding-top: 1.75em; }
.product-wrapper .product-intro { padding-top: 0.875em; padding-bottom: 0.875em; margin-bottom: 0; }
.product-wrapper .entry-header { color: #8d8d79; border-top-color: #57574a; border-bottom-color: #57574a; margin-left: 1em; margin-right: 1em; text-shadow: none; }
.product-wrapper h3 { color: #dfdfda; }

.writing-wrapper { background: #f8f8f8; background-color: #f7f7f5; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF8F8F8', endColorstr='#FFF7F7F5'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #f8f8f8), color-stop(90%, #f7f7f5)); background-image: -webkit-linear-gradient(#f8f8f8 10%, #f7f7f5 90%); background-image: -moz-linear-gradient(#f8f8f8 10%, #f7f7f5 90%); background-image: -o-linear-gradient(#f8f8f8 10%, #f7f7f5 90%); background-image: -ms-linear-gradient(#f8f8f8 10%, #f7f7f5 90%); background-image: linear-gradient(#f8f8f8 10%, #f7f7f5 90%); -webkit-box-shadow: 0 0 5em rgba(128, 128, 109, 0.1) inset; -moz-box-shadow: 0 0 5em rgba(128, 128, 109, 0.1) inset; box-shadow: 0 0 5em rgba(128, 128, 109, 0.1) inset; border-top: 1px solid #e9e9e5; border-bottom: 1px solid #e9e9e5; }
.writing-wrapper .container { padding-top: 0.875em; padding-bottom: 0.875em; }
.writing-wrapper .writing-intro h2 { margin-top: 0; }
.writing-wrapper .writing-intro h2, .writing-wrapper .writing-intro a { color: #646456; }
.writing-wrapper .writing-intro a:hover, .writing-wrapper .writing-intro a:focus { color: #333333; }
.writing-wrapper .article-title, .writing-wrapper .article-title a { color: #37719f; }
.writing-wrapper .article-title a:hover, .writing-wrapper .article-title a:focus { color: #161616; }
.writing-wrapper .byline, .writing-wrapper .attribution { color: #80806d; margin: 0 0 .5em; }

/* ===== Testimonials Page Specific ===== */
.testimonials .quotes { /* Speech Bubble */ }
.testimonials .quotes blockquote { background: #ebebe8; background-color: #dfdfda; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEBEBE8', endColorstr='#FFDFDFDA'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ebebe8), color-stop(90%, #dfdfda)); background-image: -webkit-linear-gradient(#ebebe8 10%, #dfdfda 90%); background-image: -moz-linear-gradient(#ebebe8 10%, #dfdfda 90%); background-image: -o-linear-gradient(#ebebe8 10%, #dfdfda 90%); background-image: -ms-linear-gradient(#ebebe8 10%, #dfdfda 90%); background-image: linear-gradient(#ebebe8 10%, #dfdfda 90%); border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: .5em 1.5em 1.5em; position: relative; /* speech bubble triangle */ /* alternate style for every other quote */ }
.testimonials .quotes blockquote:after { border-color: #dfdfda transparent; border-style: solid; border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */ content: ""; position: absolute; bottom: -15px; /* value = - border-top-width - border-bottom-width */ left: 1.5em; /* controls horizontal position */ /* reduce the damage in FF3.0 */ display: block; width: 0; }
.testimonials .quotes blockquote:nth-of-type(even) { background: #dfdfda; background-color: #d4d4cc; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDFDFDA', endColorstr='#FFD4D4CC'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #dfdfda), color-stop(90%, #d4d4cc)); background-image: -webkit-linear-gradient(#dfdfda 10%, #d4d4cc 90%); background-image: -moz-linear-gradient(#dfdfda 10%, #d4d4cc 90%); background-image: -o-linear-gradient(#dfdfda 10%, #d4d4cc 90%); background-image: -ms-linear-gradient(#dfdfda 10%, #d4d4cc 90%); background-image: linear-gradient(#dfdfda 10%, #d4d4cc 90%); }
.testimonials .quotes blockquote:nth-of-type(even):after { border-color: #d4d4cc transparent; }
.testimonials .quotes blockquote p { color: #666; }
.testimonials .quotes .byline, .testimonials .quotes .attribution { margin-bottom: 2em; }
.testimonials .quotes .byline a, .testimonials .quotes .byline a:link, .testimonials .quotes .byline a:visited, .testimonials .quotes .attribution a, .testimonials .quotes .attribution a:link, .testimonials .quotes .attribution a:visited { text-decoration: underline; }

/* ! ==== Styles allowed in TinyMCE drop down menu ==== */
.micro { font-size: .875em; }

.serif, .serif-smallcaps { font-family: Georgia, serif; font-size: 1.125em; }

.smallcaps, .serif-smallcaps, .abbreviation { text-transform: lowercase; font-variant: small-caps; font-size: 1.25em; letter-spacing: 0.125em; }

.allcaps { text-transform: uppercase; letter-spacing: 0.125em; }

.darktext { color: #242424; }

.redtext { color: #c33; }

.yellow-highlight { background-color: #ff8; display: inline-block; padding: .125em .25em; margin: 0 -0.125em; }

.abbreviation { border-bottom: 1px dotted #939393; }

/* ! ==== No JS warning message... more of a suggestion, really ==== */
#nojs, #oldie-warning { padding: .75em .75em .65em; text-align: center; background-color: #c33; }
#nojs p, #oldie-warning p { color: #e9e9e9; font-weight: bold; font-size: 0.875em; margin: 0; }
#nojs a, #oldie-warning a { color: #e9e9e9; text-decoration: underline; }
#nojs a:hover, #nojs a:focus, #oldie-warning a:hover, #oldie-warning a:focus { color: #fff; text-decoration: none; }

#oldie-warning { background-color: #ff7; }
#oldie-warning p { color: #444; }
#oldie-warning a { color: #444; }
#oldie-warning a:hover, #oldie-warning a:focus { color: #000; }

.js #nojs { display: none; }

/* ! Temporary styles */
.index .entry em { color: #999; font-size: 0.75em; }

#test-window-size { color: #939393; font-family: Verdana, sans-serif; font-size: 0.75em; line-height: 1em; position: fixed; top: 2px; right: 2px; z-index: 1000; }

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers. */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal. */
.screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .screen-reader-text class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.screen-reader-text.focusable:active, .screen-reader-text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

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

@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  body { font-size: 10pt; line-height: 1.67; }
  a, a:visited { text-decoration: underline !important; }
  *[role="main"] a[href]:after { content: " (" attr(href) ")"; font-size: 75%; }
  *[role="main"] abbr[title]:after { content: " (" attr(title) ")"; font-size: 75%; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  /* Hide parts of the layout that overcomplicate paged output */
  .do-not-print, .screen-reader-text, .invisible, .jump-to-menu, .jump-link, #site-map-link { display: none; }
  .say-no-more { display: inline; visibility: visible; }
  .blog-widget li, .event-widget li { padding-left: 6em; } }
/*  When we want to review the markup for W3 and similar errors, turn some of these on  Uses :not selectors a bunch, so only modern browsers will support them */
/**
*  This file was taken from  http://www.tomato-root.com/sandbox/holmes/
*  and adapted to remove some annoying warnings that I really don't care about.
*  Also removed .holmes-debug namespace, so I can just include stylesheet as following.
*
*    <%= stylesheet_link_tag "debug" if Rails.env.development? %>
*
*  ------------------------
*
*  Debug colours and what they mean
*
*  - tomato       denotes an error, invalid markup or a missing attribute
*  - gold         denotes a warning, so potentionally erroneous markup or bad practice
*  - goldenrod    denotes a deprecated element or element with deprecated or Non-W3C attributes
*  - darkorchid   denotes missing translation. Authors should add the class in while working, and remove it when done. 
*
*  -------------------------
*/
/************** General... applied manually
**************/
.error, .invalid { color: tomato; }

/************** LINKS
**************/
/************** IMAGES
**************/
/************************* MISC ATTRIBUTES
**************************/
/************************************************************************* DEPRECATED & NON-W3C CONTENT ELEMENTS (goldenrod) Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
*************************************************************************/
/********************* EMPTY ELEMENTS (warning level for now)
**********************/
applet, acronym, center, dir, font, strike, u, big, tt, marquee, plaintext, xmp { outline: 2px solid goldenrod; }

/************************************************************************ DEPRECATED NON-W3C ATTRIBUTES (goldenrod) Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
************************************************************************/
body[bgproperties], body[topmargin], body[rightmargin], body[bottommargin], body[leftmargin] { outline: 2px solid goldenrod; }

*[bordercolor], *[bordercolordark], *[bordercolorlight], table[frame] { outline: 2px solid goldenrod; }

/* Keep this at the bottom since it will create a huge set of data */
/*  Would have liked to use Compass' built-in font-face mixin with the inline-font-files() helper, but it seems to be BROKEN in older versions! Be sure to upgrade to at least 0.12.1 to have this work properly.  in Terminal, gem install compass --version '= 0.12.1'

It goes like this: 

Paths for the CSS need to be relative ot the stylesheet. Path to the inline file uses config.rb, so, it might be different. 

@font-face { font-family: "SommetSlabBold";                                                // Normal declaration src: url('/fonts/SommetSlabBold-webfont.eot');                                // Older versions of IE need the EOT src: src: local('☺'),                                                        // Stop old IE from reaqding further url('/fonts/SommetSlabBold-webfont.eot?#iefix') format('eot'),           // IE9 needs an EOT fix url('/fonts/SommetSlabBold-webfont.svg?#SommetSlabBold') format('svg'),  // SVG needs to be separate for iOS. Better rendering for browsers that suport it, too.  inline-font-files( "SommetSlabBold-webfont.ttf", truetype );             // Other browsers get a Base64 encoded font inline, no HTTP request font-weight: normal;  // helpful to declare these values so the fallback fonts still retain some style font-style: normal;  // helpful to declare these values so the fallback fonts still retain some style
}

Since we are importing the data of the entire font, try to make sure only the neccesary fonts are listed here!
 */
/*
@font-face { font-family: "SommetSlabLight"; src: url("../fonts/SommetSlabLight-webfont.eot"); src: local('☺'), url("../fonts/SommetSlabLight-webfont.eot?#iefix") format('embedded-opentype'),  url('../fonts/SommetSlabLight-webfont.ttf') format('truetype'), url('../fonts/SommetSlabLight-webfont.svg?#SommetSlabLight') format('svg');  font-weight: normal; font-style: normal;
}
*/