@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Russo+One);
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    font-size: 62.5%;
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
    font-family: 'PT Sans', sans-serif;
}

/* BEGIN STICKY FOOTER STYLES */

* {
    margin: 0;
}

.cf:after {
    content: " ";
    clear: both;
    display: table;
}

html, body, form {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -324px; /*This must match the actual height of the footer */
}

.footer, .push {
    height: 324px; /*This must match the actual height of the footer */
}

/* END STICKY FOOTER STYLES */

/* ==========================================================================
   Links
   ========================================================================== */

a {
    color: #f27e1a;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover, a:focus {
    outline: 0;
    color: #333;
    text-decoration: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0
}

h1, h2, h3 {
    font-family: 'Russo One', sans-serif;
    font-weight: normal;
}
h1 a, h2 a, h3 a {
	text-decoration: none;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 24px;
    font-size: 2.4rem;
}

.inside-hero h1, .inside-basic-hero h1 {
	padding:24px 0;
	margin:0;
	font-size: 26px;
    font-size: 2.6rem;
	-webkit-font-smoothing: antialiased;
}

h2 {
    font-size: 20px;
    font-size: 2.0rem;
}

h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}

h3 a {
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
}

h4 {
    font-size: 16px;
    font-size: 1.6rem;
}

p {
    margin: 0 0 20px 0;
}

.author {
    font-weight: 700;
    display: block;
    margin: 0;
	line-height: 1.2;
    font-size: 16px;
    font-size: 1.6rem;
}
.company-name {
	font-size: 11px;
	font-size: 1.1rem;
	color: #777;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
}
.home-test article {
	margin-bottom: 20px;
	display: none;
}
.test-list:after {
	clear: both;
	content: '';
	display: table;
}
.test-list article {
	width: 33%;
	float: left;
	padding: 20px 10px 0;
	border-top: 1px solid #eee;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.test-list article:nth-child(3n+4) {
	clear: both;
}
.test-list blockquote {
	margin: 0 0 20px 0;
}


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
    line-height: 1; /* We don't want extra space for preformatted items */
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul {
	padding-left: 24px;
}

ul li {
	padding: 6px 0;
	line-height:126%;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
	max-width: 100%;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
.request-form label {
	font-weight: 700;
}
.request-form .sfFormBox, .request-form .sfFormCheckboxlist, .request-form .sfFormBlock, .request-form .sfFormRadiolist {
	margin-bottom: 10px;
}

.request-form input[type="text"], .request-form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	padding: 5px;
	border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.request-form input[type="radio"], .request-form input[type="checkbox"] {
	margin-right: 5px;
}
.request-form .sfError {
	color: red;
	font-weight: 700;
}


/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.sfContentBlock table {
	width: 100%;
}
.sfContentBlock th {
	background: #eee;
	padding: 10px 5px;
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.sfContentBlock td {
	padding: 5px;
}
.sfContentBlock tr:nth-child(2n+2) {
	background: #f7f7f7;
}
/* ==========================================================================
   Structure
   ========================================================================== */

.box-sizing, .col, .row {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row:after, .group:after {
    clear: both;
    content: '';
    display: table;
}

.row {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
	padding:0 8px;
}

.fixed-wrapper{
  max-width: 1000px;
  margin: 0 auto;
}

.dark-blue-background{
  background-color: #3e4b5c;
  color: rgba(255,255,255,0.7);
  padding: 30px;
}

.dark-blue-background h1{
  color: #fff !important;
}

.dark-blue-background strong{
  color: #fff !important;
}

.light-blue-background{
  background-color: #f1f3fa;
  padding: 30px;
}

.hero-background{
  padding: 60px 0 !important;
  background-image: url(../images/mountain-bg.jpg);
  background-size: cover;
  background-position: center center;
}


.row.row-fullwidth

.row .row {
    max-width: none;
    width: auto;
    margin: 0 -10px;
}

.col {
    float: left;
    padding: 0 10px;
    position: relative;
}

.third 			{ width: 33.333333333333%; }
.two-third		{ width: 66.666666666667%; }
.half 			{ width: 50%; }
.fourth			{ width: 25%; }
.three-fourth 	{ width: 75%; }
.fifth 			{ width: 20%; }
.two-fifth		{ width: 40%; }
.three-fifth	{ width: 60%; }
.four-fifth		{ width: 80%; }

.align-right 		{ text-align: right; }
.align-left			{ text-align: left; }
.align-center		{ text-align: center; }
img.align-left		{ float: left; margin: 0 20px 20px 0; }
img.align-right 	{ float: right; margin: 0 0 20px 20px; }
img.align-center 	{ margin: auto; }

.narrow {
    width: 14%;
}
.sf_2cols_1in_75 {
	margin-right: 40px !important;
}

/* ==========================================================================
   Global
   ========================================================================== */

ul.black-bullets li {
	list-style-image:url(../images/black-bullet.png);
}

.orange-button  {
    background: #df6f0c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 1;
	border: 1px solid transparent;
    box-shadow: 1px 1px 1px rgba(0,0,0,.53);
}
.orange-button:hover, .orange-button:focus, .orange-button-large:hover, .orange-button-large:focus, .request-form input[type="submit"]:hover, .request-form input[type="submit"]:focus  {
    background: #333;
    color: #fff;
	border:1px solid #555;
}

.orange-button-large, .request-form input[type="submit"], .request-form input[type="submit"]:hover, .request-form input[type="submit"]:focus {
    background: #F2A756;
	background: -moz-linear-gradient(top, #F2A756 0%, #df6f0c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2A756), color-stop(100%,#df6f0c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F2A756 0%,#df6f0c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F2A756 0%,#df6f0c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F2A756 0%,#df6f0c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F2A756 0%,#df6f0c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2A756', endColorstr='#df6f0c',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
	border:1px solid #DF700C;
    padding: 10px 18px;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    box-shadow: 1px 3px 5px rgba(0,0,0,.53);
	text-shadow: 1px 1px 3px rgba(0,0,0,.7);
}

.gray-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    padding: 5px 10px;
    color: #666;
    background: #d0d0d0;
	border: 1px solid #d0d0d0;
    box-shadow: 1px 1px 1px rgba(0,0,0,.53);
}
.gray-button:hover, .gray-button:focus, .gray-button-large:hover, .gray-button-large:focus {
    background: #888;
    color: #fff;
	border:1px solid #ccc;
}

.gray-button-large {
    background: #777777;
	background: -moz-linear-gradient(top, #777777 0%, #555555 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#555555)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #777777 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #777777 0%,#555555 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #777777 0%,#555555 100%); /* IE10+ */
    background: linear-gradient(to bottom, #777777 0%,#555555 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
	border:1px solid #888;
    padding: 10px 18px;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    box-shadow: 1px 3px 5px rgba(0,0,0,.53);
	text-shadow: inset 1px 1px 1px #333;
}

.loupe-support-button, .vista-support-button {
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efefef 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
	border:1px solid #bbb;
    padding: 18px 16px 18px 16px;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-decoration: none;
	vertical-align:top;
    color: #000;
    line-height: 1;
    box-shadow: 1px 3px 5px rgba(0,0,0,.3);
	float:left;
	margin:0 20px 0 0;
}

.vista-support-button {
	    padding: 20px 16px 16px 16px;
}

.vista-support-button:hover, .loupe-support-button:hover {
	background:#eee;
}

.photo img {
	border:1px solid #ddd;
	padding:4px;
	margin:6px 12px 14px 14px;
	box-shadow:2px 2px 6px #aaa;
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); /* IE 9 */
	-moz-transform:rotate(5deg); /* Firefox */
	-webkit-transform:rotate(5deg); /* Safari and Chrome */
	-o-transform:rotate(5deg); /* Opera */
}
.photo-left img {
	border:1px solid #ddd;
	padding:4px;
	margin:6px 14px 14px 12px;
	box-shadow:2px 2px 6px #aaa;
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-moz-transform:rotate(-5deg); /* Firefox */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform:rotate(-5deg); /* Opera */
}

.free {
    width: 74px;
    height: 68px;
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    background: url(../images/free.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.online-chat-button {
    padding: 10px 20px;
    background: url(../images/arrow-chat.png) right 10px no-repeat #6d6d6d;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    display: block;
    letter-spacing: 1px;;
    border: 1px solid #515151;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    color: #fff;
}
.online-chat-button span {
    background: url(../images/chat-icon-large.png) 0 4px no-repeat;
    display: block;
    padding: 5px 0;
    padding-left: 50px;
}
.online-chat-button:hover, .online-chat-button:focus {
    background: url(../images/arrow-chat.png) right 10px no-repeat #df6f0c;
    color: #fff;
}

/* ==========================================================================
   User Header .user-header
   ========================================================================== */
.user-header {
    background: #f27e1a;
    border-top: 7px solid #333;
    color: #fff;
    line-height: 1;
}
.user-header .row {
    height: 40px;
}
.user-menu {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    top: -11px;
}

.user-menu li {
    display: inline-block;
	padding: 0;
}
.user-menu li a {
    color: #fff;
    padding: 12px 6px;
    display: block;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}
.user-menu li a:hover, .user-menu li a:focus {
    text-decoration: underline;
}

.account-menu {
    display: inline-block;
    position: relative;
    top: -5px;
}



.user-login {
	background: url(../images/client-login-button.png) no-repeat;
	text-indent: -9999px;
	display: inline-block;
	width: 129px;
	height: 32px;
	text-align: left;
	position: relative;
	top: -16px;
}
#scPGY9 {
    display: inline-block;
    position: relative;
    top: 5px;
}

/* ==========================================================================
   Header #branding
   ========================================================================== */

.site-title {
    margin: 0;
}

.logo {
    background: url(../images/gibraltarsoftware.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 397px;
    height: 57px;
    display: block;
    margin: 20px 0;
}

.logo:hover, .logo:focus {
    opacity: .8;
}

/* ==========================================================================
   Navigation
   ========================================================================== */

.second-nav {
	display: none;
}

#primary {
    position: absolute;
    right: 8px;
    bottom: 0;
}

#primary ul {
    margin: 0;
    padding: 0;
}
#primary li {
    display: inline-block;
    list-style: none;
	padding:0;
}
#primary li a {
    display: block;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 10px 30px 15px 30px;
    color: #3c3c3c;
    text-transform: uppercase;
    text-decoration: none;
    background: url(../images/primary-a.png) no-repeat bottom center #edebeb;
    font-family: 'Russo One', sans-serif;
    border-top: 1px solid #bfc5c5;
    border-left: 1px solid #bfc5c5;
    border-right: 1px solid #bfc5c5;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
    -webkit-font-smoothing: antialiased;
}
#primary li a:hover, #primary li a:focus {
    background-color: #444;
    color: #fff;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}

/***** Inside horizontal sitefinity nav*******/

.main-nav {
	-webkit-font-smoothing: antialiased;
	background: #f37f1a;
	background: -moz-linear-gradient(top,  #f37f1a 0%, #ca6306 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f37f1a), color-stop(100%,#ca6306));
	background: -webkit-linear-gradient(top,  #f37f1a 0%,#ca6306 100%);
	background: -o-linear-gradient(top,  #f37f1a 0%,#ca6306 100%);
	background: -ms-linear-gradient(top,  #f37f1a 0%,#ca6306 100%);
	background: linear-gradient(to bottom,  #f37f1a 0%,#ca6306 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37f1a', endColorstr='#ca6306',GradientType=0 );
}
.main-nav .RadTabStrip .rtsUL {
	display: table;
	float: none;
}
.main-nav .RadTabStrip .rtsLI {
	display: table-cell;
	float: none;
	vertical-align: middle;
	border-left:#AA550A 1px solid;
	border-right:#E79145 1px solid;
}
.main-nav .RadTabStrip .rtsLI.rtsFirst {
	border-left: none;
}
.main-nav .RadTabStrip .rtsLI.rtsLast {
	border-right: none;
}

.main-nav a.rtsLink {
	padding:6px 10px 6px 10px;
	color:#fff;
	line-height: 1.2;
	text-transform:uppercase;
	font-size:17px;
	font-size:1.7rem;
	text-shadow:inset 1px 1px 0px #333;
	white-space: normal;
	display: table-cell;
	vertical-align: middle;
	height: 40px;

}

.main-nav a.rtsLink:hover {
	text-shadow:0 0 1px #000, 0 0 3px #000;
}
.main-nav a.rtsSelected {
	background:	#666666;
	background: -moz-linear-gradient(top,  #666666 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%);
	background: -o-linear-gradient(top,  #666666 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #666666 0%,#333333 100%);
	background: linear-gradient(to bottom,  #666666 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
	box-shadow:inset 0px 3px 8px #888;


	/*margin:-3px 0 0 0;
	padding:23px 0 20px 0;
	z-index:1000;*/
}

.main-nav .RadTabStrip .rtsIn {
	padding: 0;
}

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {
	padding-right: 0px;
}

/* Tertiary Menu */
.RadTabStrip_tertiary, .RadTreeView_tertiary {
	display: block;
	white-space: normal;
	margin-bottom:20px;
}

.RadTabStrip_tertiary li, .RadTreeView_tertiary li {
	padding:0;
}
.RadTabStrip_tertiary a, .RadTreeView_tertiary a {
	display: block;
	padding: 10px 8px;
	background: #eee;
	color: #555;
	margin-bottom: 1px;
}
.RadTabStrip_tertiary .rtsLink {
	text-align: left;
	white-space: normal;
}
.RadTabStrip_tertiary .rtsFirst a {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	background: #f37f1a;
	background: -moz-linear-gradient(top, #f37f1a 0%, #ca6306 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f37f1a), color-stop(100%,#ca6306));
	background: -webkit-linear-gradient(top, #f37f1a 0%,#ca6306 100%);
	background: -o-linear-gradient(top, #f37f1a 0%,#ca6306 100%);
	background: -ms-linear-gradient(top, #f37f1a 0%,#ca6306 100%);
	background: linear-gradient(to bottom, #f37f1a 0%,#ca6306 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37f1a', endColorstr='#ca6306',GradientType=0 );
}
.RadTabStrip_tertiary .rtsSelected, .RadTreeView_tertiary .rtsSelected {
	background: #444;
	color: #fff;
}
.RadTabStrip_tertiary a:hover, .RadTabStrip_tertiary a:focus, .RadTreeView_tertiary a:hover, .RadTreeView_tertiary a:focus {
	background: #333;
	color: #fff;
}
.RadTabStrip_tertiary .rtsLevel1, .RadTabStrip_tertiary .rtsUL {
	display: block;
	float: none;
}

.RadTreeView_tertiary .rtSp, .RadTreeView_tertiary .rtMinus {
	display:none;
}
.RadTreeView_tertiary .rtTop, .RadTreeView_tertiary .rtMid, .RadTreeView_tertiary .rtBot {
	padding: 0;
}
.RadTreeView_tertiary .rtUL .rtLI .rtUL {
	padding-left: 0;
}
.RadTreeView_tertiary .rtSelected .rtIn {
	border: none;
	background: #333;
	color: #fff;
}
.RadTreeView_tertiary li li .rtIn {
	background: #ddd;
	padding: 10px 8px 10px 26px;
}
.RadTreeView_tertiary .rtIn, .RadTreeView_tertiary .rtSelected .rtIn {
	margin-left: 0;
	padding: 10px 8px;
}
.RadTreeView_tertiary .rtHover .rtIn {
	border: none;
	padding: 10px 8px;
	background: #444;
	color: #fff;
}
.RadTreeView_tertiary li li .rtHover .rtIn, .RadTreeView_tertiary li li .rtSelected .rtIn {
	padding: 10px 8px 10px 26px;
}

.RadTabStrip_Simple .rtsLink{
  border: none;
  background: transparent;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 23px;
  padding: 5px 0;
  margin: 0;
}

.RadTabStripTop_Simple .rtsSelected:hover, .RadTabStrip_Simple .rtsTxt, .RadTabStrip_Simple .rtsLI .rtsLink {
  padding: 5px 0 !important;
  color: rgba(0,0,0,0.2);
}

.RadTabStrip_Simple .rtsLink:hover{
  background-color: transparent;
  color: rgba(0,0,0,0.2);
}

.RadTabStrip_Simple .rtsLink .rtsTxt{
  color: rgba(0,0,0,0.2);
}
.RadTabStrip_Simple .rtsLink.rtsSelected .rtsTxt{
  color: #f27e1a !important;
}

/* ==========================================================================
   Home Specific
   ========================================================================== */

#home-callouts {
    padding: 20px 0;
}

.home {
    padding: 20px 0;
    background: url(../images/mountain-bg.jpg) bottom center #edebeb no-repeat;
    background-size: cover;
}

.featured {
    background: #f47f1b; /* Old browsers */
    background: -moz-linear-gradient(top, #f47f1b 0%, #ca6206 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47f1b), color-stop(100%,#ca6206)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f47f1b 0%,#ca6206 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f47f1b 0%,#ca6206 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f47f1b 0%,#ca6206 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f47f1b 0%,#ca6206 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f1b', endColorstr='#ca6206',GradientType=0 ); /* IE6-9 */
    margin-bottom: 20px;
    box-shadow: 3px 0 3px rgba(0,0,0,.26);
    border: 1px solid #c15f08;
}

.slide-container {
    display: table;
	-webkit-font-smoothing: antialiased;
	color: #fff;
}

.loupe .slide-caption {
    background: url(../images/loupe-slide-bg.png) bottom right no-repeat;
}

.vista .slide-caption {
    background: url(../images/vista-slide-bg.png) bottom right no-repeat;
}

.slide-container .button {
	display: inline-block;
	border: 1px solid #111;
	font-weight: 700;
	text-shadow: 1px 1px 3px #000;
	box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,
				0 1px 8px rgba(0,0,0,.4);
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */
	background: linear-gradient(to bottom, #333333 0%,#111111 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
	padding: 6px 12px;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.slide-container .button:hover, .slide-container .button:focus {
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(top, #444444 0%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444444 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444444 0%,#111111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #444444 0%,#111111 100%); /* IE10+ */
	background: linear-gradient(to bottom, #444444 0%,#111111 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}

.slide-container .button span {
	display: block;
	background: url(../images/slide-arrow.png) no-repeat right;
	padding-right: 30px;
}

.slide-container p {
	margin: 0 0 10px 0;
}

.slide-container ul {
	margin: 10px 0;
	padding: 0;
}
.slide-container li {
	list-style: none;
	padding-left: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	background: url(../images/slide-bullet.png) 0 7px no-repeat;
}
.slide-container strong {
	text-shadow: 1px 1px 4px rgba(0,0,0,.4);
}
.slide-caption {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 72%;
}
.slide-caption h2 {
    color: #fff;
    font-size: 30px;
    font-size: 3.0rem;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 10px;
    border-bottom: 5px solid #333333;

}
.slide-caption h2 span {
    color: #111;
}
.slide-image {
    font-size: 0;
    width: 28%;
    display: table-cell;
}

/* ==========================================================================
   Inside Specific
   ========================================================================== */

.inside {
    background: url(../images/stripe.jpg) repeat #000;
    border-top: 4px solid #888;
    -webkit-font-smoothing: antialiased;
}

.inside-basic {
    background: url(../images/stripe2.jpg) repeat #393838;
    border-top: 4px solid #888;
}

.inside-hero {
	color:#fff;
}

.inside-basic-hero {
	color:#fff;
	background: url(../images/mountain.png) no-repeat right;
}

#inside-content {
	padding:20px 0;
}

#inside-content #MainBoxOne {
	padding:0 30px 0 0;
}

#inside-content #MainBoxTwo {
	padding:0 30px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

#inside-content #MainBoxThree {
	padding:0 0 0 30px;
}

#inside-content h1 {
	border-bottom: 1px solid #ccc
}

.loupe-slide {
	background: url(../images/loupe-slide-bg.png) no-repeat top left;
	padding:20px 0px 20px 0px;
	height:248px;
}

/* ==========================================================================
   Box/Module Styles
   ========================================================================== */

.gray-gradient {
    position: relative;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #c2c7c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c2c7c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#c2c7c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#c2c7c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#c2c7c7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#c2c7c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2c7c7',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 20px 3px #fff inset,
                1px 1px 2px rgba(0,0,0,.75);
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.gray-gradient h2 {
    margin-bottom: 10px;
}

.gray-box {
	background: #f7f7f7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding: 20px;
	margin: 0 0 20px 0;
}

.hero {
	border: 1px solid #eee;
	padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.hero p {
	margin: 10px 0;
}
p.hero-left {
	width: 46%;
	margin: 0 4% 0 0;
	float: left;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: 700;
}

.fb, .twt {
	padding: 3px 8px;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
}
.fb {
	background: #3B5998;
}
.twt {
	background: #0096C4;
}
.fb:hover, .fb:focus, .twt:hover, .twt:focus {
	background: #222;
	color: #fff;
}

.widget-list, .double-list {
	margin-bottom: 20px;
}

.widget-list h2, .double-list h2, .tag-cloud h2 {
	background: #eee;
	margin: 0;
	padding: 5px;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	font-size: 1.6rem;
}

.widget-list ul, .double-list ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

.widget-list li {
	padding: 0;
}

.widget-list li a {
	display: block;
	background: url(../images/widget-arrow.png) 5px no-repeat #f7f7f7;
	padding: 5px 5px 5px 28px;
	margin-bottom: 1px;
	text-decoration: none;
	color: #555;
}
.widget-list li a:hover, .widget-list li a:focus {
	background-color: #333;
	color: #fff;
}

.double-list li {
	width: 48%;
	margin-right: 2%;
	float: left;
}
.double-list li:nth-child(2n+3) {
	clear: both;
}

/* The Rock Solid Blog */
.sfpostsList {
	margin: 0;
	padding: 0;
}
.sfpostsList {
	list-style: none;
}

.sfCloudSize1 {
	font-size:10px;
	font-size:1.0rem;
}

.sfCloudSize2 {
	font-size:11px;
	font-size:1.1rem;}

.sfCloudSize3 {
	font-size:13px;
	font-size:1.3rem;}

.sfCloudSize4 {
	font-size:15px;
	font-size:1.5rem;}

.sfCloudSize5 {
	font-size:17px;
	font-size:1.7rem;}

.tag-cloud ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
.tag-cloud li {
	display: inline-block;
	padding: 0;
	margin: 0 3px 3px 0;
}
.tag-cloud li a {
	display: inline-block;
	padding: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f7f7f7;
	text-decoration: none;
	color: #666;
}
.tag-cloud li a:hover, .tag-cloud li a:focus {
	background: #f27e1a;
	color: #fff;
}


/* Contact Page */
.contact-facebook, .contact-twitter {
	display: block;
	padding: 8px 0 4px 40px;
}
.contact-facebook {
	background: url(../images/contact-facebook.png) no-repeat;
}
.contact-twitter {
	background: url(../images/contact-twitter.png) no-repeat;
}

/* ==========================================================================
   Footer #colophon
   ========================================================================== */

#colophon {
    padding: 20px 0;
    background: url(../images/footer-bg.png) #222;
    border-top: 5px solid #222;
}
#colophon h3 {
    font-family: 'PT Sans';
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ec8223;
}

.footer-links {
    margin: 0;
    padding: 0;
}
.footer-links li {
    list-style: none;
}
.footer-links a {
    color: #ccc;
    text-decoration: none;
}
.footer-links a:hover, .footer-links:focus {
    text-decoration: underline;
}

.logo-small {
    background: url(../images/footer-logo.png) no-repeat;
    width: 189px;
    height: 19px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}
.site-credits {
    color: #5c5c5c;
    padding: 20px 0;
	font-size: 13px;
    font-size: 1.3rem;
}
.site-credits a {
    color: #a0a0a0;
    text-decoration: none;
}
.site-credits a:hover, .site-credits a:focus {
    text-decoration: underline;
}

.social-block {
    width: 30%;
    float: left;
    padding: 0 10px;
    text-align: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.social-links {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.social-links li {
    display: inline-block;
    margin-right: 10px;
    list-style: none;
}

.social-links li a {
    display: inline-block;
    width: 40px;
    height: 41px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../images/social-icons.png);
    background-repeat: no-repeat;
}

.twitter a {
    background-position: -51px 0;
}
.rss a {
    background-position: -100px 0;
}

.site-credits .gw {
    display: inline-block;
    padding: 8px 0 8px 32px;
    color: #555;
    line-height: 1;
}

/* Home Blog Listing */
.home-blog article {
	margin: 0 0 10px 0;
}
.home-blog h3 {
	line-height: 1.2;
	margin: 0;
}
.home-blog .sfpostDate {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #777;
}

/* Main Blog Listing */

.blog-posts {
	padding-right: 40px;
}
.blog-posts article {
    margin: 0 0 20px 0;
}
.sfpostListItem:after {
	clear: both;
	display: table;
	content: '';
}
.blog-posts .sfpostTitle {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
}
.sfpostAuthorAndDate {
    background: #eee;
    color: #555;
    padding: 5px;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sfpostListTitleDateContent a:hover, .sfpostListTitleDateContent a:focus {
    color: #444;
}

.featured-image {
	width: 30%;
	float: left;
	margin-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 6px solid #eee;
}
.featured-image + .post-summary {
	width: 68%;
	float: left;
}




/* Single View */
.sfpostDetails {
    color: #444;
    margin: 20px 20px 20px 0;
}
.sfpostDetails h1, .sfpostDetails h2 {
    line-height: 1.2;
    padding: 0;
    margin: 0 0 10px 0;
}
.sfpostDetails h1 {
	font-size: 32px;
	font-size: 3.2rem;
}
#inside-content .sfpostDetails h1 {
	border-bottom: none;
}
.sfpostCommentsCount {
    background: url(../images/comment-icon.png) 0 2px no-repeat;
    padding: 0 0 0 22px;
    display: inline-block;
	margin-left: 10px;
}
.sfpostCommentsCount:hover, .sfpostCommentsCount:focus {

}

/* Single View Comments */
.sfcommentsFormWrp {
	padding: 20px;
	margin: 0 -20px -20px;
	background: #eee;
	border-top: 1px solid #ccc;
}
.sfcommentsFormWrp .sfNeutral {
	background: #cdeeb7;
	padding: 10px;
}
.sfcommentsFormWrp .sfError {
	background: #f7b6b6;
	padding: 10px;
}
.sfcommentsForm {
	border: none;
	margin: 0;
	padding: 0;
}
.sfcommentsForm ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sfcommentsForm input[type="text"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 80%;
}

.sfcommentsSubmitBtn {
	padding: 10px;
	border: none;
	color: #fff;
	font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: #f27e1a;
	margin: 10px 10px 10px 0;
}

.sfcommentsListWrp {
	padding: 20px;
	margin: 0 -20px;
	background: #f7f7f7;
	border-top: 3px solid #f27e1a;
}
.sfcommentsListWrp ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sfcommentsListWrp li {
	margin-bottom: 15px;
}
.sfcommentNumber {
	background: #222;
	color: #fff;
	display: inline-block;
	width: 20px;
	line-height: 1;
	text-align: center;
	padding-top: 4px;
	height: 16px;
	border-radius: 50%;
}
.sfcommentText {
	padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-top: 12px;
	background: #fff;
	position: relative;
	border: 1px solid #ccc;
}
.sfcommentText:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	background: none;
	position: absolute;
	top: -20px;
	left: 25px;
	z-index: 4;
}
.sfcommentText:after {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #ccc;
	background: none;
	position: absolute;
	top: -22px;
	left: 24px;
}


/* Tags/Categories List */


/* Latest Events List */
.events-button {
	display: block;
	background: #f37f1a;
	border: 1px solid #e07218;
	box-shadow: 0 1px 0 rgba(255,255,255,.3) inset,
				0 3px 5px rgba(0,0,0,.2);
	text-shadow: 1px 1px 3px rgba(0,0,0,.3);
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 10px;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}
.events-button:hover, .events-button:focus {
	color: #fff;
	background: #333;
}
.support-button {
	background: #f37f1a;
	color: #fff;
	margin: 0 0 20px 0;
	display: block;
	padding: 10px 10px 0 10px;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
}
.support-button .title {
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
}
.support-button .details {
	display: block;
	text-transform: none;
	background: #e2751b;
	padding: 10px;
	margin: 20px -10px 0;
}
.support-button:hover, .support-button:focus {
	background: #222;
	color: #fff;
}
.support-button:hover .details, .support-button:focus .details {
	background: #111;
}
.latest-events {
	margin: 20px 0;
	padding: 0;
	list-style: none;

}
.latest-events a {

}
.latest-events li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 36px;
	background: url(../images/event-icon.png) no-repeat;
	border-bottom: 1px dashed #d68338;
}
.latest-events li:last-child {
	border-bottom: none;
}
.latest-events a:hover, .latest-events a:focus {
	text-decoration: underline;
}
.latest-events h2 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 5px 0;
}
.event-date {
	display: block;
}
.event-location {
	display: block;
}

/* Main events List */
.events-list {
	padding: 0 0 20px 0;
}
.events-list-item {
	margin-bottom: 20px;
}
.event-list-date {
	width: 12%;
	float: left;
	-webkit-font-smoothing: antialiased;
	background: #222;
	color: #fff;
	text-align: center;
}
.event-list-month {
	font-size: 11px;
	padding: 15px 0 0;
	font-size: 1.1rem;
	letter-spacing: 2px;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
}
.event-list-day {
	display: block;
	line-height: 1;
	font-size: 24px;
	font-size: 2.4rem;
	padding: 0 0 15px;
	font-family: 'Russo One', sans-serif;
}
.event-list-full-date {
	display: block;
	background: url(../images/cal-icon.png) 0 1px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 28px;
}
.event-list-full-date div {
	display: inline-block;
}

.event-list-details {
	width: 88%;
	float: left;
	padding: 0 0 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.event-list-container {
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	padding: 10px 10px 0 10px;
}
.event-list-container:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: #ccc;
	border-bottom-color: transparent;
	background: none;
	position: absolute;
	top: 12px;
	left: -23px;
	z-index: 3;
}
.event-list-container:after {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: #fff;
	border-bottom-color: transparent;
	background: none;
	position: absolute;
	top: 13px;
	left: -20px;
	z-index: 4;

}
.event-list-details .sfeventTitle {
	margin: 0;
}
.event-list-details .sfeventTitle a {
	text-decoration: none;
}
.event-list-location {
	background: url(../images/map-marker.png) 2px 3px no-repeat;
	display: block;
	padding: 5px 0 5px 28px;
	color: #222;
	margin-bottom: 10px;
}
.event-list-location div {
	display: inline-block;
}
.event-list-details .sfeventContent {
	padding: 10px;
	color: #111;
	color: #111;
	margin: 0 -10px 0 -10px;
	background: #f7f7f7;
}
.event-image {
	width: 20%;
	float: left;
}
.event-image img {
	max-width: 100%;
	height: auto;
}

.event-single-address {
	display: block;
}


/* Search and Search Results */
.sfsearchBox {
	border: none;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #f7f7f7;
}
.sfsearchBox input[type="text"] {
	width: 70%;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sfsearchSubmit {
	background: #f27e1a;
	border: none;
	color: #fff;
	padding: 5px;
}



.search-posts-large input[type="text"] {
	padding: 10px;
}
.search-posts-large .sfsearchSubmit {
	padding: 10px;
	width: 20%;
	text-align: center;
}

.sfsearchResultTitle a {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	margin-top: 10px;
	display: block;
	text-decoration: none;
}

/* Tab Strips */
.tab-strip .rtsLevel1, .tab-strip .rtsLevel1 .rtsUL {
	background: none;
}
.tab-strip .rtsLevel1 {
	position: relative;
	top: 1px;
}
.tab-strip .rtsLevel1 .rtsUL {
	padding: 0;
}
.tab-strip .rtsLevel1 .rtsLink {
	box-shadow: 0 -2px 6px rgba(0,0,0,.3) inset;
	text-transform: none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: none;
	border: 1px solid #494c4d;
	padding: 10px;
	color: #fff;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	background: #676c6d; /* Old browsers */
	background: -moz-linear-gradient(top, #676c6d 0%, #494c4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676c6d), color-stop(100%,#494c4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #676c6d 0%,#494c4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #676c6d 0%,#494c4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #676c6d 0%,#494c4d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #676c6d 0%,#494c4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676c6d', endColorstr='#494c4d',GradientType=0 ); /* IE6-9 */
}
.tab-strip .rtsLevel1 .rtsLink:hover, .tab-strip .rtsLevel1 .rtsLink:focus {
	border: 1px solid #494c4d;
	background: #939a9b; /* Old browsers */
	background: -moz-linear-gradient(top, #939a9b 0%, #494c4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939a9b), color-stop(100%,#494c4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #939a9b 0%,#494c4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #939a9b 0%,#494c4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #939a9b 0%,#494c4d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #939a9b 0%,#494c4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939a9b', endColorstr='#494c4d',GradientType=0 ); /* IE6-9 */
}

.tab-strip .rtsLevel1 .rtsSelected {
	box-shadow: 0 3px 7px #fff inset;
	border: 1px solid #b2b4b3;
	border-bottom-color: #fefefe;
	color: #333;
	background: #d3d8d7; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d8d7 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d8d7), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3d8d7 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d3d8d7 0%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d3d8d7 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d3d8d7 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d8d7', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.tab-strip .rtsLevel1 .rtsSelected:hover {
	border: 1px solid #b2b4b3;
	color: #111;
	border-bottom-color: #fefefe;
	background: #d3d8d7; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d8d7 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d8d7), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3d8d7 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d3d8d7 0%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d3d8d7 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d3d8d7 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d8d7', endColorstr='#fefefe',GradientType=0 );
}

.tab-strip .rtsUL .rtsFirst, .tab-strip .rtsUL .rtsLI {
	padding: 0;
}
.tab-strip .rtsUL .rtsLI {
	margin-right: 3px;
}

.tabDesignContainer {
	border: none;
	padding: 0;
}

.sf_cols.tabConfigurator{
  padding: 0;
  margin: 0;
  border: none;
}

.tabDesignContainer .sf_cols {
	margin: 0;
  padding: 0;
  border: none;
}


/* Paging */
.sf_pagerNumeric {
	background: #f7f7f7;
	padding: 5px;
}
.sf_pagerNumeric a {
	display: inline-block;
	width: 22px;
	margin-right: 3px;
	text-align: center;
	background: #f27e1a;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sf_pagerNumeric a.sf_PagerCurrent {
	background: #e5e5e5;
	color: #666;
}
.sf_pagerNumeric a:hover, .sf_pagerNumeric a:focus {
	background: #333;
	color: #fff;
}

.demo-caption{
  font-family: 'PT Sans', sans-serif;
  font-size: 1.6em;
  background-color: #eee;
  padding: 10px;
  padding-bottom: 40px;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
}

/* Documentation - iFrames */

.documentationContent {
clear: both;
background: white;
width: 948px;
height: 800px;
border-left: solid 1px #D0D0D0;
border-right: solid 1px #D0D0D0;
}

/* Logo List */
.logo-list {
	margin: 0;
	padding: 0;
}
.logo-list li {
	display: inline-block;
	width: 33%;
	text-align: center;
}
.logo-list li:nth-child(3n+4) {
	clear: both;
}

/* Image Gallery Thumbs */
.sfimagesTmbList {
    margin:  0 -10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.sfimagesTmbList li {
    padding: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gallery-1 .sfimagesTmbList li {
    width: 100%;
}
.gallery-2 .sfimagesTmbList li {
    width: 50%;
}
.gallery-3 .sfimagesTmbList li {
    width: 33.3333333%;
}
.gallery-4 .sfimagesTmbList li {
    width: 25%;
}

/* Videos */
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Expandable Lists */
.sfexpandableListWrp ul {
	margin: 0 0 10px 10px;
	padding: 0;
}
.sfexpandableListWrp li {
	list-style: none;
	margin-bottom: 2px;
}
.sfexpandableListWrp h3 {
	margin: 0;
}
.sfexpandableListWrp h3 a {
	display: block;
	padding: 10px 10px 10px 40px;
	line-height: 1;
	background: url(../images/expand-open.png) no-repeat 10px #f7f7f7;
}

.sfexpandableListWrp h3 a.sflistListItemExpanded {
	color: #333;
	background: url(../images/expand-close.png) no-repeat 10px #f7f7f7;
}

.sfexpandableListWrp .sflistItemContent {
	border: 1px solid #eee;
    font-size: 1.25em;
    padding: 20px;
    padding-left: 40px;
    padding-bottom: 10px;
}

/* ==========================================================================
    Added by JayC for new Loupe pages
   ========================================================================== */

/* Block Quotes */
blockquote{
  display:block;
  padding: 15px 20px 15px 45px;
  margin: 20px 0;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1.5em;
  line-height: 1.5;
  color: #666;
  text-align: left;
  text-indent: 0;
}
.loupePage blockquote{
  margin: 40px;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 58px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 5px;
  top:1px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote h3 {
  font-size: 1.0em;
  margin-top: 0.5em;
  text-align: right !important;
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

.flex-control-nav{
  bottom: 34px;
}

/* Call To Action */
.cta {
    background: #2b3643;
    margin: 0;
    padding: 40px;
}

.cta h2 {
    text-align: center;
    color: #ffffff;
    font-size: 200%
}

.cta p {
    text-align: center;
    color: #ffffff;
    font-size:200%;
    margin-bottom: 0;
}

/* Home Page */
.homePage {
    background-color: #f1f3f9;
    padding: 30px;
    box-sizing: border-box;
}
.homePage h1 {
    font-size: 1.5em;
}

.homePage p {
    font-size: 1.5em;
}

.productLogo {
    margin-top: 0px;
    height: 50px;
}

.loupePage h1 {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 12px;
  line-height: 1.2em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  color: #2b3643;
}

.loupePage.bigLoupePage h1 {
  font-size: 3.7em;
}

.loupePage h2 {
     text-align: center;
     font-size: 2em;
}

.loupePage h3 {
     text-align: center;
     font-size: 1.5em;
}

.loupePage p {
     text-align: left;
     font-size: 200%;
}

.loupePage hr {
    margin-top: 20px;
    margin-bottom: 30px;
}

p.subtitle {
    text-align: center;
    margin-bottom: 1.5em;
}

.loupePage ol {
    font-size: 1.25em;
}

.loupePage ol > li {
    margin-bottom: 0.5em;
}

.iconPoints{
  text-align: center;
}

.iconPoints h2{
  margin: 0.4em 0;
  line-height: 1.2em;
  height: 85px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.iconPoints p{
  font-size: 130%;
  line-height: 1.3em;
}

.calloutBox {
    background: #f1f3fa;
    padding: 30px 10%;
    margin: 50px 0;
}

.featureTable {
  margin-top: 3%;
  margin-bottom: 3%;
}

.featureTable h1 {
  font-size: 2.5em;
  text-align:left;
}

.featureTable h2 {
  text-align: center;
  font-size: 1.5em;
}

.featureTable p {
  text-align: left;
  font-size: 1.0em;
  margin: 10px 10px 10px 10px;
}

.featureTable hr {
    width: 0;
    margin-top: 20px;
    margin-bottom: 30px;
}

.featureBlock h2 {
     text-align: left;
     font-size: 1.9em;
     line-height: 1.2em;
}

.featureBlock h3 {
     text-align: left;
     font-size: 1.6em;
}
.featureBlock p {
     text-align: left;
     font-size: 1.4em;
}

.featureBlock a {
     text-align: left;
     font-size: 120%;
     text-decoration: none;
     line-height: 1.0em;
}

.featureBlock ul {
    font-size: 125%;
    margin-bottom: 20px;
}

.featureTable tr:nth-child(odd) {
  background-color:#DFEBEE;
}

.featureTable table {
  border-collapse: collapse;
}

.featureTable tr:nth-child(even) {
  background-color:#ffffff;
}

.featureTable td h2 {
  vertical-align: top;
  margin: 10px 10px 10px 10px;
}

.featureTable td p {
  font-size: 1.3em;
  vertical-align: left;
  margin: 10px 0px 10px 10px;
}

.demoPage h1 {
  font-size: 3.0em;
  text-align:center;
  margin-top: -20px;
  margin-bottom: -10px;
  border-bottom: 0 solid #fff !important;
}

.demoPage h2 {
  font-size: 2.0em;
  text-align:center;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 3px solid #ccc;
}

.demoPage p {
   text-align: left;
   font-size: 1.75em;
   line-height: 1em;
   margin: 2% 2% 2% 2%;
}

.demoPage ul {
  list-style: none;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2%;
}

.demoPage li {
  color: #444;
  padding: 0;
  margin: 0;
  font-size: 1.25em;
}

.demoPage li:before {
    color: #f37f1a;
    content: "\2022";
    font-size: 1.5em;
    margin-right: -0.5em;
    position: relative;
    top: 1px;
    left: -20px;
}

.demoPage pre.prettyprint {
    font-size: 22px;
    width: 80%;
    margin: 0.25em 0.5em 0.5em 0.5em;
    padding: 0.5em 0.5em 0.5em 1.0em;
}

/* Demo Menu Page */

.demoMenu p { font-size: 1.0em; }
.demoMenu hr { margin-top: 20px; margin-bottom: 30px; }

.demoMenu .hs-error-msgs { color:red; }

.demoMenu .hs-error-msgs label {
  width: 90%;
  color: red;
  background: white;
  border: 0px solid #ffffff;
}

.demoMenu .hbspt-form label {
  font-size: 1.0em;
  cursor: default;
}

.demoMenu .hs-input {
  font-size: 1.0em;
}

.demoMenu .hs-form-field {
  margin-bottom: 10px;
}
.demoMenu .hs-form-field:after {
  content: " ";
  clear: both;
  display: table;
}

.demoMenu .hbspt-form .learnButton {
  margin-top: 0.5em;
}

/*
Lets change the box model to make the label and input
contain into the 100% div.

You might want to specify the box sizing properties inside
`* {}` at the top.

Things are looking great now! Lets just spice it up a bit.
*/
.demoMenu form label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.demoMenu form input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.demoMenu form label {
	font-weight: bold;
	background: linear-gradient(#f1f1f1, #e2e2e2);
	padding: 5px 10px;
  	margin-bottom: 0;
    color: #444;

	border: 1px solid #d4d4d4;
	/* lets remove the right border */
	border-right: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;

	line-height: 1.5em;
	width: 27%;

	/* takes the width properly now and also the
	spacing between the label and input field got removed. */
	float: left;
	text-align: center;
	cursor: pointer;
}

/* The label is looking good now. Onto the input field! */

/*
Everything is broken now! But we can fix it. Lets see how.
*/
.demoMenu form input {
	width: 73%;
	padding: 7px 5px 6px 5px;
  	margin-bottom: 0px;
  	border: 1px solid #d4d4d4;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 4px;

	line-height: 1.0em;
	float: right;

	/* some box shadow sauce :D */
	box-shadow: inset 0px 2px 2px #ececec;
}

.demoMenu form input:focus {
	/* No outline on focus */
	outline: 0;
	/* a darker border ? */
	border: 1px solid #bbb;
}

h1.boldStatement {
    color: #C35331;
    text-align: left;
    margin: 3% 0 3% 2%;
}

/* Other stuff */

.supportPage ul {
    font-size: 1.5em;
    list-style: disc;
    margin-top: 0;
    margin-bottom: 1em;
    margin-left: 1%;
}

.supportPage h2 {
    font-size: 2.0em;
}

.supportPage p {
    font-size: 1.5em;
}

.xrtsLI.rtsFirst.loupePage, .xrtsLI.rstLast.loupePage {
    display: block;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 10px 30px 15px 30px;
    color: #3c3c3c;
    text-transform: uppercase;
    text-decoration: none;
    background: url(../images/primary-a.png) no-repeat bottom center #edebeb;
    font-family: 'Russo One', sans-serif;
    border-top: 1px solid #bfc5c5;
    border-left: 1px solid #bfc5c5;
    border-right: 1px solid #bfc5c5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-font-smoothing: antialiased;
}

.tryPage h1 {
  font-size: 3.0em;
  text-align:center;
  margin-bottom: 12px;
}

.tryPage h2 {
     text-align: left;
     font-size: 2em;
}

.tryPage p {
     text-align: left;
     font-size: 1.25em;
}

.tryPage hr {
    margin-top: 20px;
    margin-bottom: 30px;
}


.sflistTitle {
  font-size: 3.0em;
  text-align:center;
  margin-bottom: 12px;
}

.ctaButton {
  background: #f37f1a;
  background-image: -webkit-linear-gradient(top, #f37f1a, #ca6206);
  background-image: -moz-linear-gradient(top, #f37f1a, #ca6206);
  background-image: -ms-linear-gradient(top, #f37f1a, #ca6206);
  background-image: -o-linear-gradient(top, #f37f1a, #ca6206);
  background-image: linear-gradient(to bottom, #f37f1a, #ca6206);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 36px;
  margin: 10px 0;
  padding: 10px 20px 10px 20px;
  display: block;
  width: 80%;
  max-width: 800px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}

.ctaButton.ctaButtonSmall {
  font-size: 28px;
  margin: 10px 0;
  padding: 7px 17px;
  width: 100%;
  max-width: none;
}

.ctaButton:hover {
  background: #f59943;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #f59943, #f37507);
  background-image: -moz-linear-gradient(top, #f59943, #f37507);
  background-image: -ms-linear-gradient(top, #f59943, #f37507);
  background-image: -o-linear-gradient(top, #f59943, #f37507);
  background-image: linear-gradient(to bottom, #f59943, #f37507);
  text-decoration: none;
}

.ctaButton.ctaSecondaryButton {
  background: #999999;
  background-image: -webkit-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -moz-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -ms-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -o-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: linear-gradient(to bottom, #cccccc, #aaaaaa);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 28px;
  padding: 7px 17px;
  display: block;
  width: 80%;
  max-width: 800px;
  text-decoration: none;
  text-align: center;
}

.ctaButton.ctaSecondaryButton:hover {
  background: #eeeeee;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  text-decoration: none;
}

.demoNavButton {
  background: #999999;
  background-image: -webkit-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -moz-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -ms-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -o-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: linear-gradient(to bottom, #cccccc, #aaaaaa);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 7px 17px;
  display: block;
  max-width: 800px;
  text-decoration: none;
  text-align: center;
  float: left;
  box-sizing:border-box;
  margin: 8px 0;
}

.demoNavButton:hover {
  background: #eeeeee;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  text-decoration: none;
}

.demoNavButton.demoNavButton25{
  width: 25%;
}

.demoNavButton.demoNavButton50{
  width: calc(50% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}

.learnButton {
  background: #72d637;
  background-image: -webkit-linear-gradient(top, #72d637, #5eab2e);
  background-image: -moz-linear-gradient(top, #72d637, #5eab2e);
  background-image: -ms-linear-gradient(top, #72d637, #5eab2e);
  background-image: -o-linear-gradient(top, #72d637, #5eab2e);
  background-image: linear-gradient(to bottom, #72d637, #5eab2e);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 12px;
  color: #ffffff;
  font-size: 30px;
  padding: 10px 20px 10px 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  max-width: 800px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}

.learnButton:hover {
  background: #f59943;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: -moz-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: -ms-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: -o-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: linear-gradient(to bottom, #8CDD5B, #70CA39);
  text-decoration: none;
}

.learnButton.learnButtonBlue{
  background: #f37f1a;
  background-image: -webkit-linear-gradient(top, #4a9fd7, #4289b4);
  background-image: -moz-linear-gradient(top, #4a9fd7, #4289b4);
  background-image: -ms-linear-gradient(top, #4a9fd7, #4289b4);
  background-image: -o-linear-gradient(top, #4a9fd7, #4289b4);
  background-image: linear-gradient(to bottom, #4a9fd7, #4289b4);
}

.learnButton.learnButtonBlue:hover{
  background: #f37f1a;
  background-image: -webkit-linear-gradient(top, #56b6ea, #4c9ecb);
  background-image: -moz-linear-gradient(top, #56b6ea, #4c9ecb);
  background-image: -ms-linear-gradient(top, #56b6ea, #4c9ecb);
  background-image: -o-linear-gradient(top, #56b6ea, #4c9ecb);
  background-image: linear-gradient(to bottom, #56b6ea, #4c9ecb);
}

. {
  background: #808080;
  background-image: -webkit-linear-gradient(top, #808080, #606060);
  background-image: -moz-linear-gradient(top, #808080, #606060);
  background-image: -ms-linear-gradient(top, #808080, #606060);
  background-image: -o-linear-gradient(top, #808080, #606060);
  background-image: linear-gradient(to bottom, #808080, #606060);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 1em;
  display: block;
  float:left;
  text-decoration: none;
  text-align: center;
  padding: 10px 2px 10px 2px;
}

.leftButton {
  margin: 10px 5px 10px 0px;
  width: 18%;
}

.rightButton {
  margin: 10px 0px 10px 5px;
  width: 55%;
}

.middleButton {
  margin: 10px 5px 10px 5px;
  width: 18%;
}

.:hover {
  background: #f59943;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: -moz-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: -ms-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: -o-linear-gradient(top, #8CDD5B, #70CA39);
  background-image: linear-gradient(to bottom, #8CDD5B, #70CA39);
  text-decoration: none;
}

.sflistItemContent .sfcontent .sflistItemContentExp ul {
    margin: 0 0 0 0;
}

.sflistItemContentExp p {
    margin: 0 0 1em 0;
}

.sflistItemContentExp li {
    margin: 2px 5px -6px 12px;
    line-height: 100%;
}

.sflistItemContentExp li:before {
    color: #f37f1a;
    content: "\2022";
    font-size: 1.5em;
    margin-right: -10px;
    position: relative;
    top: 1px;
    left: -16px;
}

/* ==========================================================================
    HUBSPOT FORMS
   ========================================================================== */

.hs-error-msgs { color:red; }
.hs-error-msgs label {
  width: 90%;
  color: red;
  background: white;
  border: 0px solid #ffffff;
}

.hbspt-form label {
  font-size: 1.5em;
  cursor: default;
}

.hs-input {
  font-size: 1.5em;
}

.dialog .hbspt-form label {
    font-size: 1.0em;
    background: white;
    padding: 0;
    border: 0 solid white;
    cursor: default;
}

.dialog .hs-input {
  font-size: 1.0em;
}
.hs-form-field {
  margin-bottom: 1em;
}

.hbspt-form .ctaButton {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  width: 100%;
  max-width: 100%;
}

/*
Lets change the box model to make the label and input
contain into the 100% div.

You might want to specify the box sizing properties inside
`* {}` at the top.

Things are looking great now! Lets just spice it up a bit.
*/
form label, form input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form label {
	font-weight: bold;
	background: linear-gradient(#f1f1f1, #e2e2e2);
	padding: 5px 10px;
	color: #444;

	border: 1px solid #d4d4d4;
	/* lets remove the right border */
	border-right: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;

	line-height: 1.5em;
	width: 20%;

	/* takes the width properly now and also the
	spacing between the label and input field got removed. */
	float: left;

	text-align: center;
	cursor: pointer;
}

/* The label is looking good now. Onto the input field! */

/*
Everything is broken now! But we can fix it. Lets see how.
*/
form input {
	width: 80%;
	padding: 5px;
	border: 1px solid #d4d4d4;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 4px;

	line-height: 1.5em;
	float: right;

	/* some box shadow sauce :D */
	box-shadow: inset 0px 2px 2px #ececec;
}

form input[type="button"], form input[type="submit"]{
  border: none;
  box-shadow: none;
  border-radius: 12px;
}
/*
.dialog .hbspt-form form input:focus {
	outline: 0;
	border: 1px solid #bbb;
}

.dialog .hbspt-form form label, form input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dialog .hbspt-form form label {
	font-weight: bold;
	background: linear-gradient(#f1f1f1, #e2e2e2);
	padding: 5px 10px;
	color: #444;

	border: 1px solid #d4d4d4;
	border-right: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	line-height: 1.5em;
	width: 20%;
	float: left;
	text-align: center;
	cursor: pointer;
}

.dialog .hbspt-form form input {
	width: 80%;
	padding: 5px;
	border: 0px solid #ffffff;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;

	line-height: 1.5em;
	float: right;
	box-shadow: inset 0 0 0 #ffffff;
}
.dialog .hbspt-form form input:focus {
	outline: 0;
	border: 0 solid #fff;
}
*/

.sf_cols{
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
}

.sf_cols.fixed-wrapper{
  border: none;
}

.low-profile-wrapper{
  padding-bottom: 0;
}

.sf_cols:last-child, .sf_cols:only-child{
  border-bottom: none;
}

  .sf_cols .sf_colsOut{
    box-sizing:border-box;
    padding: 0 15px;
  }

    .sf_cols .sf_colsOut:first-child{
      padding-left: 0;
    }

    .sf_cols .sf_colsOut:last-child{
      padding-right: 0;
    }


/* ==========================================================================
    MEDIA QUERIES
   ========================================================================== */

@media(max-width: 1000px) {
	.main-nav .RadTabStrip .rtsUL {
		display: block;
	}
	.main-nav .RadTabStrip .rtsLI {
		display: inline-block;
	}
	.main-nav a.rtsLink {
		padding: 8px 3px;
		text-transform: none;
		height: auto;
	}
	.main-nav .rtsIn, .main-nav .rtsTxt {
		padding: 0;
	}
}

@media (max-width: 825px) {

	.logo {
		background-size:80%;
		margin:20px 0 10px 0;
	}


	#primary li a {
	    padding: 10px 20px 15px 20px;
	}


	.logo-small {
		clear:both;
		width:100%;
		text-align: left;
	}
	.narrow {
		width: 20%;
	}
	#SocialLinks {
		padding-top: 10px;
		float: none;
		width: 100%;
		clear: both;
	}
	.sf_2cols_1_75, .sf_2cols_2_25 {
		width: 100%;
		float: none;
	}
	.sf_2cols_2_25 .sf_2cols_2in_25 {
		margin: 0;
	}
	#inside-content #MainBoxOne, #inside-content #MainBoxTwo, #inside-content #MainBoxThree {
		padding-top: 10px;
	}

}

@media (max-width: 695px) {	/* Mobile-ish View */

	#inside-content #MainBoxOne, #inside-content #MainBoxTwo, .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33, .sf_2cols_1_50, .sf_2cols_2_50  {
		width: 100% !important;
        padding: 5px !important;
		float: none;
		clear: both;
		border-right: none;
		border-left: none;
	}

    .sf_2cols_2_50 .sf_2cols_2in_50{
    margin-left: 0;
    }

	#inside-content #MainBoxOne, #inside-content #MainBoxTwo, #inside-content #MainBoxThree {
		padding: 0 0 20px 0;
	}
	.third {
		width:100%;
		margin-bottom:12px;
	}

	.logo {
		background-size:100%;
		margin:14px 0 14px 0;
		max-width: 100%;
	}
	.user-button {
		background: none;
		padding: 12px 6px;
		margin-bottom: 0;
		border: none;
	}
	.user-button .orange-text {
		color: #fff;
	}
	.user-button .icon {
		background: none;
		padding-left: 0;
	}

	#primary {
		position:relative;
		margin-left:8px;
	}
	.second-nav {
		display: block;
		padding: 16px 16px 16px 42px;
		background: url(../images/menu-toggle.png) 16px no-repeat #d76e11;
		color: #fff;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
	}
	.second-nav:hover, .second-nav:focus {
		background-color: #ca6916;
		color: #fff;
		cursor: pointer;
	}
	.second-nav.menu-close {
		background-image: url(../images/menu-close.png);
	}
	#Navigation {
		position: absolute;
		-webkit-transform: translate(-200%,0);
		-moz-transform: translate(-200%,0);
		-ms-transform: translate(-200%,0);
		-o-transform: translate(-200%,0);
		transform: translate(-200%,0);
		z-index: 1000;
		width: 100%;
		background: #333;
	}

	#Navigation.open {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}


	.main-nav a.rtsLink {
		display: block;
		text-align: left;
	}
	.main-nav .RadTabStrip .rtsLI {
		border-left: none;
		border-right: none;
		display: block;
	}
	.main-nav .row {
		padding: 0;
	}

	.gray-gradient {
		padding:15px 15px 8px 15px;
	}



	.slide-image {
		display: none;
	}
	.slide-caption {
		width: 100%;
	}
	.loupe-slide {
		background-position: 340px 0;
		padding: 20px;
		height: auto;
	}
	p.hero-left {
		width: 100%;
		margin: 0 0 20px 0;
		float: none;
	}
	.site-credits {
		font-size: 12px;
	    font-size: 1.2rem;
	}

	.site-credits .third {
		width:33.3333333333%
	}
	.narrow {
		margin-bottom: 10px;
	}
	#FootlinksOne, #FootlinksTwo, #FootlinksThree {
		width: 33.333333333%;
	}
	#FootlinksFour, #FootlinksFive {
		width: 50%;
	}
}
@media (max-width: 611px) {
	.user-menu {
		display: block;
		text-align: center;
		top: auto;
	}
	.account-menu {
		display: block;
		top: -3px;
	}
	#branding {
		margin-top: 40px;
	}
}
@media (max-width: 480px) {
	#primary li a {
		padding: 10px 8px 15px 8px;
	}
	#colophon .narrow {
		width: 50%;
	}
	#colophon .narrow:nth-child(2n+3) {
		clear: both;
	}
	.site-credits .two-third, .site-credits .third {
		width: 100%;
		float: none;
	}
}