* {
  margin: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
  height: 100%;
  margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
.footer,
.push {
  height: 55px; /* .push must be the same height as .footer */
}

.headerright {
  float: right;
  width: 15%;
  min-width: 130px;
  overflow: hidden;
  white-space: nowrap;
}

.headerleft {
  float: left;
  width: calc(50% - 450px);
  overflow: hidden;
  white-space: nowrap;
}

/*floodgates*/
.floodgatemsg {
  margin: 0px 0px;
  padding: 5px 0px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
  line-height: 1.2;
}
.bannerbg {
  background: rgba(66, 66, 66, 0) !important;
}
.traffic {
  color: #ffe500;
  font-weight: bold;
}
/*Old transit green*/
.transitSplash {
  color: #65bf33;
  font-weight: bold;
}
.transit {
  /*color:#0a86b9;*/
  /*color:#99ccff;*/
  text-decoration: underline;
  font-weight: bold;
}
.transit:visited {
  color: #ccc;
}
.transit:hover {
  color: white;
}
.mobile {
  color: #ff9700;
  font-weight: bold;
}
.info {
  /*background-color: #333;*/
  color: #00a0d9;
  font-weight: bold;
  cursor: pointer;
}

.center {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.vcenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.block {
  height: 180px;
  background: rgba(66, 66, 66, 1);
  /*margin: .3% !important;*/
  /*
font-size: .8em;
*/
  /* increase font-size per LBI's request */
  font-size: 0.9em;
  /*box-sizing: border-box;
border: 3px black;*/
}
.icon {
  height: 100%;
}
.icon img {
  display: block;
  margin: auto;
}

div.info {
  margin-top: 3px;
  height: 174px;
  width: 337px;
  position: relative;
  /*
    background-image: url('/sd511/img511sd/FasTrak_333.png');
*/
  /*
   background-image: url('/sd511/img511sd/splash/bike_mini_grants_337x174.jpg');
*/
  background-size: 100% auto;
}

div.shift {
  margin-top: 3px;
  height: 174px;
  width: 337px;
  position: relative;
  background: url(/sd511/img511sd/splash/imgShift/333x174.png) no-repeat;
  background: 100% auto;
  cursor: pointer;
}

div.motoristaid {
  margin-top: 3px;
  height: 174px;
  width: 337px;
  position: relative;
  background: url(/sd511/img511sd/splash/RideShare/RideShare333x174.jpg)
    no-repeat;
  background: 100% auto;
  cursor: pointer;
}

.mobilegradient {
  box-sizing: border-box;
  border: 3px solid #424242;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  background: rgb(255, 152, 0); /* Old browsers */
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 152, 0, 1) 0%,
    rgba(244, 127, 0, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(255, 152, 0, 1)),
    color-stop(100%, rgba(244, 127, 0, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 152, 0, 1) 0%,
    rgba(244, 127, 0, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 152, 0, 1) 0%,
    rgba(244, 127, 0, 1) 100%
  ); /* Opera 12+ */
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 152, 0, 1) 0%,
    rgba(244, 127, 0, 1) 100%
  ); /* IE10+ */
  background: radial-gradient(
    ellipse at center,
    rgba(255, 152, 0, 1) 0%,
    rgba(244, 127, 0, 1) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800', endColorstr='#f47f00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.trafficgradient {
  box-sizing: border-box;
  border: 3px solid #424242;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  background: rgb(255, 225, 0); /* Old browsers */
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 225, 0, 1) 0%,
    rgba(255, 224, 0, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(255, 225, 0, 1)),
    color-stop(100%, rgba(255, 224, 0, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 225, 0, 1) 0%,
    rgba(255, 224, 0, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 225, 0, 1) 0%,
    rgba(255, 224, 0, 1) 100%
  ); /* Opera 12+ */
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(255, 225, 0, 1) 0%,
    rgba(255, 224, 0, 1) 100%
  ); /* IE10+ */
  background: radial-gradient(
    ellipse at center,
    rgba(255, 225, 0, 1) 0%,
    rgba(255, 224, 0, 1) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#ffe000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.transitgradient {
  box-sizing: border-box;
  border: 3px solid #424242;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  background: rgb(143, 212, 39); /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(143, 212, 39, 1) 0%,
    rgba(12, 162, 57, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0%, rgba(143, 212, 39, 1)),
    color-stop(100%, rgba(12, 162, 57, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(143, 212, 39, 1) 0%,
    rgba(12, 162, 57, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgba(143, 212, 39, 1) 0%,
    rgba(12, 162, 57, 1) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgba(143, 212, 39, 1) 0%,
    rgba(12, 162, 57, 1) 100%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    rgba(143, 212, 39, 1) 0%,
    rgba(12, 162, 57, 1) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fd427', endColorstr='#0ca239',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.infogradient {
  box-sizing: border-box;
  border: 3px solid #424242;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  background: rgb(0, 179, 233); /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(0, 179, 233, 1) 1%,
    rgba(13, 124, 175, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(1%, rgba(0, 179, 233, 1)),
    color-stop(100%, rgba(13, 124, 175, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(0, 179, 233, 1) 1%,
    rgba(13, 124, 175, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgba(0, 179, 233, 1) 1%,
    rgba(13, 124, 175, 1) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgba(0, 179, 233, 1) 1%,
    rgba(13, 124, 175, 1) 100%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    rgba(0, 179, 233, 1) 1%,
    rgba(13, 124, 175, 1) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3e9', endColorstr='#0d7caf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* RESPONSIVE GRID SYSTEM =============================================================================  */

/*  IMPORT FONTS  ============================================================================= */

/* BASIC PAGE SETUP ============================================================================= */

body {
  margin: 0 auto;
  padding: 0;
  font: 100%/1.4 "quicksand", "lucida grande", "Trebuchet MS", verdana, arial,
    helvetica, helve, sans-serif;
  color: #000;
  background-color: #99ccff;
  text-align: center;
  /*background-image: url('../img511sd/site_bg.jpg');*/
  /*  commented out jkp 11/25/14
overflow: hidden;
*/
}

button,
input,
select,
textarea {
  font-family: "quicksand", "lucida grande", "Trebuchet MS", verdana, arial,
    helvetica, helve, sans-serif;
  color: #333;
}

/*  HEADINGS  ============================================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "quicksand", "lucida grande", "Trebuchet MS", verdana, arial,
    helvetica, helve, sans-serif;
  font-weight: normal;
  margin-top: 10px;
  letter-spacing: -1px;
}

h1 {
  font-family: "quicksand", "lucida grande", "Trebuchet MS", verdana, arial,
    helvetica, helve, sans-serif;
  color: #000;
  margin-bottom: 0.2em;
  font-size: 6em; /* 96 / 16 */
  line-height: 1.4;
}

h2 {
  color: #222;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-size: 2.75em; /* 40 / 16 */
  line-height: 1.2;
}

h3 {
  color: #333;
  margin-bottom: 0.3em;
  letter-spacing: -1px;
  font-size: 1.75em; /* 28 / 16 */
  line-height: 1.3;
}

h4 {
  color: #444;
  margin-bottom: 0.5em;
  font-size: 1.1em; /* 24 / 16  */
  line-height: 1.25;
}

footer h4 {
  color: #ccc;
  margin-bottom: 0px;
  margin-top: 5px;
  position: relative;
  font-weight: bold;
  font-size: 1em;
  /*border-right: 2px solid #ccc;*/
}
h4 a {
  text-decoration: none;
}
h5 {
  color: #555;
  margin-bottom: 1.25em;
  font-size: 1em; /* 20 / 16 */
}

h6 {
  color: #666;
  font-size: 1em; /* 16 / 16  */
}

/*  TYPOGRAPHY  ============================================================================= */

p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  font-size: 1em; /* 16 / 16 = 1 */
}

p {
  hyphens: auto;
}

p.introtext {
  font-family: MuseoSlab100, "quicksand", "lucida grande", "Trebuchet MS",
    verdana, arial, helvetica, helve, sans-serif;
  font-size: 2.5em; /* 40 / 16 */
  color: #333;
  line-height: 1.4em;
  letter-spacing: -1px;
  margin-bottom: 0.5em;
}

p.handwritten {
  font-family: HandSean, "quicksand", "lucida grande", "Trebuchet MS", verdana,
    arial, helvetica, helve, sans-serif;
  font-size: 1.375em; /* 24 / 16 */
  line-height: 1.8em;
  margin-bottom: 0.3em;
  color: #666;
}

p.center {
  text-align: center;
}

.and {
  font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
  font-size: 1.5em; /* 24 / 16 */
}

.heart {
  font-size: 1.5em; /* 24 / 16 */
}

ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 24px;
}

li ul,
li ol {
  margin: 0;
  font-size: 1em; /* 16 / 16 = 1 */
}

dl,
dd {
  margin-bottom: 1.5em;
}

dt {
  font-weight: normal;
}

b,
strong {
  font-weight: bold;
}

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

small {
  font-size: 1em; /* 16 / 16 = 1 */
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.subtext {
  color: #666;
}

/* LINKS =============================================================================  */

a {
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  font-weight: bold;
}

/*12/23/2014 - jhar -Remove to get rid of the black text and dotted box*/
/*a:focus { 
outline : thin dotted;
color : rgb(0,0,0); }*/

a:hover,
a:active {
  outline: 0;
  color: #fff;
}

/*visited link 
a:visited {
    color: white;
}*/

.user-name-text {
  position: relative;
  top: 10px;
  font-weight: bold;
}

footer a {
  color: #ccc;
}

footer a:visited {
  color: #ccc;
}

footer a:focus {
  outline: thin dotted;
  color: #ccc;
}

footer a:hover,
footer a:active {
  outline: 0;
  color: #ccc;
}

.footerlinks {
  text-decoration: none;
}

/* IMAGES ============================================================================= */

img {
  border: 0;
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

img.floatleft {
  float: left;
  margin: 0 10px 0 0;
}
img.floatright {
  float: right;
  margin: 0 0 0 10px;
}

/* TABLES ============================================================================= */

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

th,
td,
caption {
  padding: 0.25em 10px 0.25em 5px;
}

tfoot {
  font-style: italic;
}

caption {
  background-color: transparent;
}

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

form {
  margin: 0;
}

fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}

legend {
  *margin-left: -7px;
  padding: 0;
  border-width: 0;
}

label {
  font-weight: normal;
  cursor: pointer;
  display: block;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}

label.inline {
  display: inline;
  margin: 0;
}

label span {
  color: #666;
  font-size: 0.9em;
}

label span.right {
  position: absolute;
  bottom: 0;
  right: 1em;
  text-align: right;
  margin: 0, 0, 5px, 0;
}

label.disabled {
  color: #ccc;
}

label.right {
  text-align: right;
  margin-right: 1em;
  font-weight: bolder;
}

button,
search,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 0.5em 1em;
  margin: 0;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}

input[type="search"] {
  box-sizing: content-box;
}

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

input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder {
  color: #bbb;
}

input::-moz-focus-inner {
  border: 0;
}

input[disabled="disabled"],
input.disabled {
  color: #999;
  background: #f5f5f5;
  -moz-box-shadow: inset 0px 0px 2px #ddd;
  -webkit-box-shadow: inset 0px 1px 2px #ddd;
  box-shadow: inset 0px 1px 2px #ddd;
}

/* Colors for form validity */
input:valid,
textarea:valid {
  /* Styles */
}

input:invalid,
textarea:invalid {
  -webkit-box-shadow: 0 0 2px #f00;
  -moz-box-shadow: 0 0 2px #f00;
  box-shadow: 0 0 2px #f00;
}

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

.divform {
  margin-bottom: 0.5em;
}

/*  MAIN LAYOUT	============================================================================= */

#skiptomain {
  display: none;
}

#wrapper {
  width: 100%;
  position: relative;
  text-align: left;
  min-height: 100%;
  height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
  height: 100%;
  margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
  margin-bottom: 150px;
}
.chitmark {
  border-right: 1px solid #ccc;
}
#headcontainer {
  width: 100%;
  /*background: url(/images/headerback.png) no-repeat center top;*/
}

header {
  clear: both;
  width: 100%; /* 1000px / 1250px */
  font-size: 0.8125em; /* 13 / 16 */
  /*max-width: 92.3em;*/ /* 1200px / 13 */
  height: 100px;
  margin: 0;
  margin-bottom: 0;
  padding: 10px 0px 2px 0px;
  position: relative;
  color: #ccc;
  background-color: #333;
  text-align: center;
}

.headertext {
  font-size: 0.85em;
  color: #ccc;
  font-weight: bold;
  margin-bottom: 10px;
}

.search {
  font-weight: bold;
  position: absolute;
  right: calc(50% - 450px);
}
#maincontentcontainer {
  width: 100%;
  position: relative;
  top: 50px;
}

.standardcontainer {
}

.darkcontainer {
  background: rgba(102, 102, 102, 0.05);
}

.lightcontainer {
  background: rgba(255, 255, 255, 0.33);
}

#maincontent {
  clear: both;
  width: 900px; /* 1000px / 1250px */
  font-size: 0.75em; /* 13 / 16 */
  /*max-width: 92.3em;  1200px / 13 */
  margin: 0 auto;
  padding: 1em 0px;
  color: #fff;
  line-height: 1.5em;
  position: relative;
}

.maincontent {
  clear: both;
  width: 70%; /* 1000px / 1250px */
  font-size: 0.8125em; /* 13 / 16 */
  max-width: 92.3em; /* 1200px / 13 */
  margin: 0 auto;
  padding: 1em 0px;
  color: #333;
  line-height: 1.5em;
  position: relative;
}

#footercontainer {
  width: 100%;
  background-color: #333;
  clear: both;
  /*  changed jpa 10/21/14  */
  position: fixed;
  z-index: 10;
  height: 5em;
  bottom: 0px;
  /*
    margin-top: -5em;
*/
  margin-top: 2em;
  /*
       position: fixed;
    bottom: 1px; 

     inserted above two lines to pin footer to the bottom */
}

footer {
  clear: both;
  width: 900px; /* 1000px / 1250px */
  font-size: 0.8125em; /* 13 / 16 */
  font-weight: bold;
  max-width: 92.3em; /* 1200px / 13 */
  margin: 0 auto;
  padding: 0px;
  padding-top: 5px;
  color: #ccc;
}

footer strong {
  font-size: 1.077em; /* 14 / 13 */
  color: #aaa;
}

footer a:link,
footer a:visited {
  color: #ccc;
}

ul.pagefooterlist,
ul.pagefooterlistimages {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.pagefooterlist li,
ul.pagefooterlistimages li {
  clear: left;
  margin: 0px;
  padding: 0px 0px 3px 0px;
  display: block;
  line-height: 1.5em;
  font-weight: normal;
  background: none;
}

ul.pagefooterlistimages li {
  height: 34px;
}

ul.pagefooterlistimages li img {
  padding: 5px 5px 5px 0px;
  vertical-align: middle;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity = 75);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.pagefooterlistimages li a {
  text-decoration: none;
}

ul.pagefooterlistimages li a:hover img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity = 100);
}

#smallprint {
  width: 72%;
  position: relative;
  left: -100px;
  top: -10px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  height: 35px;
  width: 700px;
}

#smallprint a {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#links {
  width: 900px;
  position: relative;

  top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  height: 35px;
}

#links h4 {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
span h4 {
  display: inline;
}

.stretch {
  width: 85.7%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#google_translate_element {
  display: inline;
  position: relative;
  top: -3px;
}
.skiptranslate {
  display: inline;
}
.outerbox {
  width: 100%;
  float: left;
}
.innerboxtl {
  margin: 5px 2.5px 2.5px 5px;
}

.innerboxtr {
  border: 5px 5px 2.5px 2.5px;
}

.innerboxbr {
  border: 2.5px 5px 5px 2.5px;
}
.innerboxbl {
  border: 2.5px 2.5px 5px 5px;
}

/*  SECTIONS  ============================================================================= */

.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  background: #000;
}

.interiorcontent {
    background: rgba(50, 50, 50, 0.95);
    font-size: 1.2em;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
    margin-bottom: 8rem !important;
}

.activelink {
  /*font-size:1.2em;*/
  /*color: #CCCCFF;*/
  color: #99ccff;
  position: relative;
}

.intpagehr {
  width: 100%;
  max-height: 1px;
  background-color: white;
  margin-bottom: 10px;
}

.intpageheader {
  font-size: 1.1em;
  /*color: #CCCCFF;*/
  color: #99ccff;
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}

.intheadertext {
  /*font-size: .85em; */
  color: #ccc;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*  CODE  ============================================================================= */

pre.code {
  padding: 0;
  margin: 0;
  font-family: monospace;
  white-space: pre-wrap;
  font-size: 1.1em;
}

strong.code {
  font-weight: normal;
  font-family: monospace;
  font-size: 1.2em;
}

/*  EXAMPLE  ============================================================================= */

#example .col {
  background: #ccc;
  background: rgba(204, 204, 204, 0.85);
}

/*  SAMPLE  ============================================================================= */

#sample .col {
  background: #ccc;
  padding: 1em 0;
  background: rgba(204, 204, 204, 0.85);
}

/*  CALCUATIONS  ============================================================================= */

#calculated .col {
  background: #ccc;
  padding: 1em 0;
  background: rgba(204, 204, 204, 0.85);
}

/*  NOTES  ============================================================================= */

.note {
  position: relative;
  padding: 1em 1.5em;
  margin: 0 0 1em 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}

.note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: transparent transparent #cccccc #cccccc;
  background: #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
    -1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
  display: block;
  width: 0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
  -webkit-border-radius: 5px 0 5px 5px;
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}

.note.rounded:before {
  border-width: 8px;
  border-color: #ff #ff transparent transparent;
  background: url(/images/bodyback.png);
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
  max-width: 90%;
  padding: 5%;
  margin: 0 0 1em 0;
  background: transparent url(/images/stripe-bg.png);
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.siteimage:hover {
  background: #bbb url(/images/stripe-bg.png);
  position: relative;
  top: -2px;
}

/*  COLUMNS  ============================================================================= */

.twocolumns {
  -moz-column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;
  column-count: 2;
  column-gap: 2em;
}

/*  BUTTONS  ============================================================================= */

.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  padding: 0.5em 1em;
  margin: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /*background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
*/
  background: #65bf33 repeat-x 0 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.1em;
}
.button:hover {
  /*background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
*/
  background: #7bee3c repeat-x 0 50%;
  color: #fff;
  text-decoration: none;
}
.button:active {
  background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
  color: #fff;
  position: relative;
  top: 1px;
}
.button:visited {
  color: #fff;
}

.btn-success {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  /*font-size: 14px;*/
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fff),
    to(#e6e6e6)
  );
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);

  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#62c462),
    to(#51a351)
  );
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #76e13d, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*  GLOBAL OBJECTS ============================================================================= */

.breaker {
  clear: both;
}

.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/* VENDOR-SPECIFIC ============================================================================= */

html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgb(52, 158, 219);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.clearfix {
  zoom: 1;
}

::-webkit-selection {
  background: rgb(23, 119, 175);
  color: rgb(250, 250, 250);
  text-shadow: none;
}

::-moz-selection {
  background: rgb(23, 119, 175);
  color: rgb(250, 250, 250);
  text-shadow: none;
}

::selection {
  background: rgb(23, 119, 175);
  color: rgb(250, 250, 250);
  text-shadow: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}

::-webkit-input-placeholder {
  font-size: 0.875em;
  line-height: 1.4;
}

input:-moz-placeholder {
  font-size: 0.875em;
  line-height: 1.4;
}

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

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

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

p {
  /* http://www.w3.org/TR/css3-text/#hyphenation */
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
}

/*Slideshow magic*/
#slideshow,
img.bgM {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999;
}

/* NAV BAR STUFF */
#primary_nav_wrap {
  /*margin-top:15px*/

  top: 5px;
  z-index: 9999;
}

#primary_nav_wrap ul {
  list-style: none;
  /*position:relative;
	float:left;*/
  margin: 0;
  padding: 0;
  z-index: 9999;
}

#primary_nav_wrap ul a {
  display: block;
  color: #ccc;
  text-decoration: none;
  font-weight: 700;
  text-align: left;
  /*font-size:15px;*/
  line-height: 20px;
  padding: 0 10px;
  font-family: Quicksand;
}

#primary_nav_wrap ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

#primary_nav_wrap ul li.current-menu-itemz {
  background: #aaa;
}

#primary_nav_wrap ul li:hover {
  background: #999;
}

#primary_nav_wrap ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #333;
  border: 1px solid black;
  padding: 0;
}

#primary_nav_wrap ul ul li {
  float: none;
  width: 200px;
}

#primary_nav_wrap ul ul a {
  line-height: 120%;
  padding: 10px 15px;
}

#primary_nav_wrap ul ul ul {
  top: 0;
  left: 100%;
}

#primary_nav_wrap ul li:hover > ul {
  display: block;
}

#faqs {
  position: relative;
}
#faqs h3 {
  cursor: pointer;
}
#faqs h3.active {
  color: #d74646;
}
#faqs div {
  position: relative;
}
#faqs div p {
  padding: 0;
  margin-bottom: 15px;
}