article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */

}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 30px;
  margin: 10.05px 0;
}
h2 {
  font-size: 22.5px;
  margin: 12.45px 0;
}
h3 {
  font-size: 17.549999999999997px;
  margin: 15px 0;
}
h4 {
  font-size: 15px;
  margin: 19.950000000000003px 0;
}
h5 {
  font-size: 12.45px;
  margin: 25.049999999999997px 0;
}
h6 {
  font-size: 11.25px;
  margin: 34.95px 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 15px 40px;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
p,
pre {
  margin: 15px 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 15px;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -7.5px;
}
sub {
  bottom: -3.75px;
}
dl,
menu,
ol,
ul {
  margin: 15px 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 5.25px 9.375px 11.25px;
}
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  *margin-left: -7px;
  /* 3 */

}
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  *vertical-align: middle;
  /* 3 */

}
button,
input {
  line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

  *overflow: visible;
  /* 4 */

}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  *height: 13px;
  *width: 13px;
  /* 3 */

}
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
hr {
  height: 1px;
  background-color: transparent;
  border: none;
}
.sans-light {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #fff479;
  background: #fff693;
}
.alert-info {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #b8e9ff;
  background: #d2f1ff;
}
.alert-error {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #ffd1cb;
  background: #ffe8e5;
}
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #baf774;
  background: #c6f88c;
}
.button,
.button:visited {
  border: 1px solid #ca4306;
  border-top-color: #e84c07;
  border-left-color: #e84c07;
  padding: 4px 12px;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f25007;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f85f1b), to(#f25007));
  background-image: -webkit-linear-gradient(top, #f85f1b, #f25007);
  background-image: -moz-linear-gradient(top, #f85f1b, #f25007);
  background-image: -o-linear-gradient(top, #f85f1b, #f25007);
  background-image: linear-gradient(to bottom, #f85f1b, #f25007);
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  color: #ffffff;
  border: 1px solid #ca4306;
  border-top-color: #a83705;
  border-left-color: #a83705;
  background-color: #d94707;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f25007), to(#d94707));
  background-image: -webkit-linear-gradient(top, #f25007, #d94707);
  background-image: -moz-linear-gradient(top, #f25007, #d94707);
  background-image: -o-linear-gradient(top, #f25007, #d94707);
  background-image: linear-gradient(to bottom, #f25007, #d94707);
}
.button:active,
.button:visited:active {
  background-color: #f85f1b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f25007), to(#f85f1b));
  background-image: -webkit-linear-gradient(top, #f25007, #f85f1b);
  background-image: -moz-linear-gradient(top, #f25007, #f85f1b);
  background-image: -o-linear-gradient(top, #f25007, #f85f1b);
  background-image: linear-gradient(to bottom, #f25007, #f85f1b);
}
.blue-button,
.blue-button:visited {
  border-color: #014d99;
  text-shadow: 0 1px 1px #014d99;
  background-color: #015ab3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0167cc), to(#015ab3));
  background-image: -webkit-linear-gradient(top, #0167cc, #015ab3);
  background-image: -moz-linear-gradient(top, #0167cc, #015ab3);
  background-image: -o-linear-gradient(top, #0167cc, #015ab3);
  background-image: linear-gradient(to bottom, #0167cc, #015ab3);
  -webkit-box-shadow: inset 0 0 3px #2190fe;
  -moz-box-shadow: inset 0 0 3px #2190fe;
  box-shadow: inset 0 0 3px #2190fe;
}
.blue-button:hover,
.blue-button:visited:hover,
.blue-button:focus,
.blue-button:visited:focus {
  border-color: #014180;
  background-color: #014d99;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#015db8), to(#014d99));
  background-image: -webkit-linear-gradient(top, #015db8, #014d99);
  background-image: -moz-linear-gradient(top, #015db8, #014d99);
  background-image: -o-linear-gradient(top, #015db8, #014d99);
  background-image: linear-gradient(to bottom, #015db8, #014d99);
}
.blue-button:active,
.blue-button:visited:active {
  background-color: #0167cc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#015ab3), to(#0167cc));
  background-image: -webkit-linear-gradient(top, #015ab3, #0167cc);
  background-image: -moz-linear-gradient(top, #015ab3, #0167cc);
  background-image: -o-linear-gradient(top, #015ab3, #0167cc);
  background-image: linear-gradient(to bottom, #015ab3, #0167cc);
}
.gray-button,
.gray-button:visited {
  border-color: #a9a9a9;
  text-shadow: 0 1px 1px #a9a9a9;
  background-color: #b5b5b5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c2c2c2), to(#b5b5b5));
  background-image: -webkit-linear-gradient(top, #c2c2c2, #b5b5b5);
  background-image: -moz-linear-gradient(top, #c2c2c2, #b5b5b5);
  background-image: -o-linear-gradient(top, #c2c2c2, #b5b5b5);
  background-image: linear-gradient(to bottom, #c2c2c2, #b5b5b5);
  -webkit-box-shadow: inset 0 0 3px #ebebeb;
  -moz-box-shadow: inset 0 0 3px #ebebeb;
  box-shadow: inset 0 0 3px #ebebeb;
}
.gray-button:hover,
.gray-button:visited:hover,
.gray-button:focus,
.gray-button:visited:focus {
  border-color: #9c9c9c;
  background-color: #a9a9a9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8b8b8), to(#a9a9a9));
  background-image: -webkit-linear-gradient(top, #b8b8b8, #a9a9a9);
  background-image: -moz-linear-gradient(top, #b8b8b8, #a9a9a9);
  background-image: -o-linear-gradient(top, #b8b8b8, #a9a9a9);
  background-image: linear-gradient(to bottom, #b8b8b8, #a9a9a9);
}
.gray-button:active,
.gray-button:visited:active {
  background-color: #c2c2c2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#c2c2c2));
  background-image: -webkit-linear-gradient(top, #b5b5b5, #c2c2c2);
  background-image: -moz-linear-gradient(top, #b5b5b5, #c2c2c2);
  background-image: -o-linear-gradient(top, #b5b5b5, #c2c2c2);
  background-image: linear-gradient(to bottom, #b5b5b5, #c2c2c2);
}
body {
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 27px;
  color: #444444;
  background-color: #ffffff;
  min-width: 320px;
  border-top: 2px solid #c2c2c2;
}
hr {
  height: 1px;
  border-top: 1px dotted #c2c2c2;
  margin: 15px 0 22.5px 0;
  clear: both;
  zoom: 1;
}
hr:before,
hr:after {
  content: "";
  display: table;
}
hr:after {
  clear: both;
}
/********************
02. WORDPRESS BODY CLASSES
    style a page via class
********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}
#container {
  background-color: transparent;
  width: 96%;
  max-width: 1240px;
  margin: 0px 2%;
}
#container-inner {
  background-color: transparent;
}
a,
a:visited {
  color: #f85f1b;
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #fa9365;
}
a:link,
a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.announcement {
  background-color: #e1e1e1;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 1px;
  zoom: 1;
}
.announcement:before,
.announcement:after {
  content: "";
  display: table;
}
.announcement:after {
  clear: both;
}
.announcement .announcement-inner {
  margin: 7px;
  text-transform: uppercase;
  color: #737373;
  zoom: 1;
  text-align: center;
}
.announcement .announcement-inner:before,
.announcement .announcement-inner:after {
  content: "";
  display: table;
}
.announcement .announcement-inner:after {
  clear: both;
}
.announcement .announcement-inner span.announcement-before {
  display: inline-block;
}
.announcement .announcement-inner span.announcement-text {
  display: inline-block;
}
.announcement .announcement-inner span.announcement-after {
  display: inline-block;
}
.header {
  background-color: #ffffff;
}
.header #inner-header {
  margin-top: 4px;
  padding: 22.5px 0;
  position: relative;
}
.header #logo {
  margin: 0 auto;
  width: 67px;
  height: auto;
}
.header #logo a,
.header #logo a img {
  display: block;
  margin: 0;
  padding: 0;
  width: 67px;
  height: auto;
}
.header #tagline {
  color: #0167cc;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin: 15px 0 0 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: #0167cc;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}
h1,
.h1 {
  font-size: 37.5px;
}
h1 {
  line-height: 37.5px;
}
h2,
.h2 {
  font-size: 26.25px;
  margin-bottom: 5.625px;
}
h2 {
  line-height: 26.25px;
}
h3,
.h3 {
  font-size: 22.875px;
  line-height: 34.3125px;
}
h4,
.h4 {
  font-size: 22.5px;
  line-height: 33.75px;
  font-weight: 700;
}
h5,
.h5 {
  font-size: 12.69px;
  line-height: 31.349999999999998px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#content {
  background-color: transparent;
}
#content .article-wrap {
  padding: 20px;
  min-height: 250px;
}
#content .article-wrap p {
  line-height: 27px;
  margin: 0 0 24.3px 0;
}
#content .article-wrap ul {
  padding-left: 30px;
  list-style-type: disc;
  margin: 24.3px 0;
}
#content .article-wrap ol {
  padding-left: 30px;
  list-style-type: decimal;
  margin: 24.3px 0;
}
#content .article-wrap h1 {
  margin-bottom: 22.95px;
}
#content .article-wrap h2 {
  color: #999999;
  margin-bottom: 22.95px;
}
#content .article-wrap section.entry-attachments {
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: 15px;
}
#content .article-wrap section.entry-attachments h3 {
  margin: 0;
  padding: 0;
}
#content .article-wrap section.entry-attachments ul {
  list-style-type: none;
  margin: 15px 0;
  padding: 0;
}
#content .article-wrap section.entry-attachments ul li {
  margin: 0 0 7.5px 0;
  padding: 7.5px 15px;
  border: 1px solid #c2c2c2;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content .article-wrap section.entry-attachments ul li small {
  color: #0167cc;
}
#content .article-wrap section.entry-related-pages h3 {
  margin: 0;
  padding: 0;
}
#content .article-wrap ul.sitemap,
#content .article-wrap ul.sitemap li {
  list-style-type: none;
  display: block;
  text-align: left;
  float: none;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 19.950000000000003px;
}
#content .article-wrap ul.sitemap li ul,
#content .article-wrap ul.sitemap li ul li {
  margin-left: 0;
}
#content .article-wrap ul.sitemap li ul li {
  font-weight: normal;
}
#content .article-footer {
  font-size: 12px;
  line-height: 18px;
}
#content .article-footer p {
  margin: 12px 0;
}
#content .article-header {
  font-size: 12px;
  line-height: 18px;
  margin: 22.5px 0 0 0;
}
#content .article-header p.byline,
#content .article-header p.vcard {
  font-size: 12px;
  line-height: 18px;
}
#content .article-header h1,
#content .article-header h2 {
  font-size: 34.95px;
  margin: 15px 0;
}
#content .article-header h3.search-title {
  font-size: 22.5px;
  margin: 15px 0;
}
#content .brdcr {
  font-size: 12px;
  color: #999999;
}
#content .brdcr ul {
  margin: 0;
  padding: 0;
}
#content .brdcr ul li {
  list-style-type: none;
  display: inline;
}
#content .brdcr ul li a,
#content .brdcr ul li a:link,
#content .brdcr ul li a:visited,
#content .brdcr ul li a:hover,
#content .brdcr ul li a:active {
  color: #999999;
  text-decoration: none;
}
#content .brdcr ul li a:hover {
  color: #0167cc;
  text-decoration: underline;
}
#content .brdcr span.sep {
  display: inline;
  margin: 0 1.2000000000000002px;
}
#content .sisea-paging {
  font-size: 12px;
  line-height: 12px;
  margin: 22.5px 0;
  color: #999999;
}
#content .sisea-results-list .sisea-result {
  margin: 22.5px 0;
}
#content .sisea-results-list .sisea-result h3 {
  color: #999999;
  margin: 0;
}
#content .sisea-results-list .sisea-result .extract p {
  font-size: 12px;
  margin: 0;
}
#content form fieldset {
  border: 1px solid #ddd;
  margin: 0;
  padding: 0 12px 12px 12px;
}
#content form fieldset legend {
  color: #777;
  font-size: 12px;
  padding: 0 3px;
  margin: 0 3px;
}
#content form input[type=text],
#content form input[type=email],
#content form input[type=url],
#content form input[type=password],
#content form input.textinput,
#content form textarea {
  font-size: 16.5px;
  padding: 7.425px;
  color: #444;
  margin: 0;
  border: 1px solid #ddd;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#content form html input[type="button"],
#content form input[type="reset"],
#content form input[type="submit"] {
  border-color: #014d99;
  text-shadow: 0 1px 1px #014d99;
  background-color: #015ab3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0167cc), to(#015ab3));
  background-image: -webkit-linear-gradient(top, #0167cc, #015ab3);
  background-image: -moz-linear-gradient(top, #0167cc, #015ab3);
  background-image: -o-linear-gradient(top, #0167cc, #015ab3);
  background-image: linear-gradient(to bottom, #0167cc, #015ab3);
  -webkit-box-shadow: inset 0 0 3px #2190fe;
  -moz-box-shadow: inset 0 0 3px #2190fe;
  box-shadow: inset 0 0 3px #2190fe;
  color: #ffffff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  margin: 12px 0;
  padding: 6px 9px 7px 9px;
}
#content form html input[type="button"]:hover,
#content form input[type="reset"]:hover,
#content form input[type="submit"]:hover,
#content form html input[type="button"]:focus,
#content form input[type="reset"]:focus,
#content form input[type="submit"]:focus {
  border-color: #014180;
  background-color: #014d99;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#015db8), to(#014d99));
  background-image: -webkit-linear-gradient(top, #015db8, #014d99);
  background-image: -moz-linear-gradient(top, #015db8, #014d99);
  background-image: -o-linear-gradient(top, #015db8, #014d99);
  background-image: linear-gradient(to bottom, #015db8, #014d99);
}
#content form html input[type="button"]:active,
#content form input[type="reset"]:active,
#content form input[type="submit"]:active {
  background-color: #0167cc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#015ab3), to(#0167cc));
  background-image: -webkit-linear-gradient(top, #015ab3, #0167cc);
  background-image: -moz-linear-gradient(top, #015ab3, #0167cc);
  background-image: -o-linear-gradient(top, #015ab3, #0167cc);
  background-image: linear-gradient(to bottom, #015ab3, #0167cc);
}
#content form label {
  margin: 12px 0;
  color: #808080;
}
#content form .inputwrap {
  display: block;
  position: relative;
  padding-bottom: 13.5px;
  zoom: 1;
}
#content form .inputwrap label {
  display: inline-block;
  width: 24%;
  font-size: 13.5px;
  line-height: 16.875px;
  float: left;
}
#content form .inputwrap input {
  width: 74%;
  float: right;
}
#content form .inputwrap span.error {
  clear: both;
  display: block;
  margin: 0 0 0 27%;
  padding: 0;
  text-align: left;
}
#content form .inputwrap:before,
#content form .inputwrap:after {
  content: "";
  display: table;
}
#content form .inputwrap:after {
  clear: both;
}
#content form .checkbox-input {
  margin-top: 20px;
}
#content form .checkbox-input p {
  font-size: 12px;
  line-height: 12px;
  padding-left: 18px;
}
#content form .well-details .text-input {
  display: block;
}
#content form .well-details .text-input label {
  display: inline-block;
  width: 230px;
  font-size: 13.5px;
}
#content form .well-details .text-input input {
  width: 45%;
}
#content form .well-details .input_well_details_elevation_cap {
  display: none;
}
#content form table.alert-options {
  width: 98%;
}
#content form table.alert-options td,
#content form table.alert-options th {
  font-size: 15px;
  line-height: 22.5px;
  padding: 7.5px;
  border: 1px solid #cccccc;
}
#content form table.alert-options th {
  background-color: #efefef;
}
#content form table.alert-options td.alert {
  text-align: center;
  width: 50%;
  font-weight: bold;
}
#content form table.alert-options td.me,
#content form table.alert-options td.wellservicer {
  width: 25%;
  text-align: center;
  font-size: 12.75px;
  line-height: 19.125px;
}
#content form table.alert-options td.me input.text-input-field,
#content form table.alert-options td.wellservicer input.text-input-field {
  width: 100%;
  margin: 0 auto;
}
#content form table.alert-options td.me .chck label,
#content form table.alert-options td.wellservicer .chck label {
  display: block;
  width: 100%;
  margin: 0;
  padding: 5px 0;
}
#content form.loginLoginForm label {
  display: block;
  margin: 12px 0;
}
#content .reqd {
  font-size: 12px;
  color: #f85f1b;
}
#content span.error {
  font-size: 12px;
  color: #f85f1b;
  line-height: 14.399999999999999px;
}
#content span.error span.error {
  font-size: 12px;
  color: #f85f1b;
  line-height: 14.399999999999999px;
}
#content p.formit-success-msg {
  margin: 0;
  padding: 0;
}
#content p.error {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #ffd1cb;
  background: #ffe8e5;
  margin: 0;
}
#sidebar1 .widget ul.subscriber-navigation {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#sidebar1 .widget ul.subscriber-navigation li {
  font-size: 13px;
  line-height: 19.5px;
  margin: 2.6px 0;
  padding: 0;
}
#sidebar1 .widget ul.subscriber-navigation li a,
#sidebar1 .widget ul.subscriber-navigation li a:link,
#sidebar1 .widget ul.subscriber-navigation li a:visited,
#sidebar1 .widget ul.subscriber-navigation li a:active {
  text-decoration: none;
}
#sidebar1 .widget ul.subscriber-navigation li a:hover {
  text-decoration: underline;
}
#sidebar1 .widget ul.subscriber-navigation li ul {
  margin: 0;
  padding: 0 0 0 7.5px;
}
#sidebar1 .widget ul.subscriber-navigation li ul li {
  font-size: 12px;
  line-height: 18px;
  margin: 2.4000000000000004px 0;
}
#sidebar1 .widget ul.subscriber-navigation li.last {
  float: none;
}
#sidebar1 .widget ul.subscriber-navigation li.active li {
  font-weight: normal;
}
#sidebar1 .widget ul.subscriber-navigation li.submenu {
  font-weight: normal;
  margin-top: 7.5px;
}
.byline {
  color: #999;
}
dd {
  margin-left: 0;
  font-size: 13.5px;
  color: #787878;
  margin-bottom: 22.5px;
}
img {
  margin: 0 0 22.5px 0;
  max-width: 100%;
  height: auto;
}
/*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/
video,
object {
  max-width: 100%;
  height: auto;
}
pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 12.75px;
  margin: 4px 0 7px;
  text-align: center;
}
.page-navigation,
.wp-prev-next {
  margin: 16.5px 0 33px;
}
.bones_page_navi li {
  list-style-type: none;
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.bones_page_navi li a:hover,
.bones_page_navi li a:focus {
  color: #f85f1b;
  text-decoration: underline;
}
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f85f1b;
  position: relative;
}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 22.5px;
  padding: 11.002500000000001px 10px;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
}
.commentlist li[class*=depth-] {
  margin-top: 16.5px;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 11.002500000000001px 0 22.5px;
  font-size: 15px;
  line-height: 22.5px;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 13.5px;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  opacity: 1;
}
.respond-form {
  margin: 22.5px 10px;
  padding-bottom: 33px;
}
.respond-form form {
  margin: 11.25px 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 11.002500000000001px;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 22.5px;
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}
#comment-form-title {
  margin: 0 0 16.5px;
}
#allowed_tags {
  margin: 22.5px 10px 11.002500000000001px 0;
}
.nocomments {
  margin: 0 20px 16.5px;
}
#sidebar1 {
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 15px;
  background-color: #f6f6f6;
}
#sidebar1 .inner-sidebar {
  margin: 18.75px 18.75px;
}
#sidebar1 .inner-sidebar ul {
  padding-left: 15px;
}
.sidebar .social-links {
  text-align: left;
}
.sidebar .social-links img {
  display: inline;
  margin: 0 5px 0 0;
}
.widget {
  border-bottom: 1px dotted #f85f1b;
  padding: 0 0 26.25px 0;
  font-size: 12px;
  line-height: 12px;
  margin: 0 0 26.25px 0;
}
.widget .widgettitle {
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #015ab3;
  text-align: left;
  font-size: 13px;
  line-height: 19.5px;
  letter-spacing: 2px;
  margin: 0;
  padding: 0 0;
}
.widget p {
  margin: 0 0 12px 0;
  line-height: 18px;
}
.widget #searchform {
  margin: 6px 0;
}
.widget ul li {
  font-size: 14px;
  line-height: 21px;
  margin: 3.5999999999999996px 0;
  list-style-type: none;
}
.widget ul li ul {
  margin-top: 10.5px;
  padding-left: 14px;
}
.widget_imagine_h20 {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget_imagine_h20 div.imagine-h20-runner-up-logo {
  margin: 22.5px auto;
}
.widget_imagine_h20 div.imagine-h20-runner-up-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 220px;
  max-height: 45px;
  margin: 0 auto;
}
#region-contact-info .textwidget p {
  margin-left: 12px;
  margin-right: 12px;
}
.footer {
  clear: both;
}
.footer #inner-footer {
  font-size: 11.25px;
  line-height: 16.875px;
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #999999;
}
.footer #inner-footer a:link,
.footer #inner-footer a:visited,
.footer #inner-footer a:hover,
.footer #inner-footer a:active {
  color: #999999;
}
.footer #inner-footer a:hover {
  color: #c2c2c2;
}
/*
	if you checked out the link above:
	http://www.alistapart.com/articles/organizing-mobile/
	you'll want to style the footer nav
	a bit more in-depth. Remember to keep
	it simple because you'll have to
	override these styles for the desktop
	view.
	*/
#content #inner-content .widget ul {
  margin-left: 0;
}
#container #container-inner #content #inner-content #main div.article-wrap article.page section.entry-content hr {
  margin-top: 0;
  margin-bottom: 0;
  height: 1px;
  border-top: 1px solid #0167cc;
  zoom: 1;
}
#container #container-inner #content #inner-content #main div.article-wrap article.page section.entry-content hr:before,
#container #container-inner #content #inner-content #main div.article-wrap article.page section.entry-content hr:after {
  content: "";
  display: table;
}
#container #container-inner #content #inner-content #main div.article-wrap article.page section.entry-content hr:after {
  clear: both;
}
body.template-3 #content #inner-content {
  margin: 0;
  width: 100%;
}
body.template-3 #content #inner-content #main .article-wrap {
  margin: 0;
  padding: 0;
}
body.template-3 #content #inner-content #main .article-wrap .teaser {
  padding: 20px;
  background-position: 0 0;
  background-repeat: repeat-x;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.template-3 #content #inner-content #main .article-wrap .teaser img.primary_image {
  display: inline;
  float: left;
  margin-right: 15px;
  width: 220px;
  height: auto;
}
body.template-3 #content #inner-content #main .article-wrap .teaser h1 {
  font-size: 34px;
  line-height: 42px;
  margin: 0 0 12px 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
body.template-3 #content #inner-content #main .article-wrap .teaser p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 15px 0;
}
body.template-3 #content #inner-content #main .article-wrap .vignette {
  margin-bottom: 22.5px;
  background-color: transparent;
}
body.template-3 #gallery-wrap {
  width: 345.6px;
  min-height: 194.4px;
  background-color: #363636;
  margin: 0 auto;
}
body.template-3 #gallery-wrap #gallery {
  width: 345.6px;
  min-height: 194.4px;
  overflow: hidden;
  float: left;
  position: relative;
  z-index: 2;
}
body.template-3 #gallery-wrap #gallery .flowplayer {
  height: 194.4px;
  width: 345.6px;
  margin: 0;
}
body.template-3 #gallery-wrap #gallery .flowplayer object {
  height: 100%;
}
body.template-3 #gallery-wrap #gallery .video {
  height: 194.4px;
  width: 345.6px;
  position: absolute;
  top: 0;
  left: 0;
}
body.template-3 #gallery-wrap #gallery .video img.poster {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}
body.template-3 #gallery-wrap #gallery .scroll {
  height: 194.4px;
  width: 1382.4px;
  position: absolute;
  top: 0;
  left: 0;
}
body.template-3 #gallery-wrap #gallery #video_homeowners {
  display: block;
  height: 194.4px;
  width: 345.6px;
  position: absolute;
  top: 0;
  left: 0;
}
body.template-3 #gallery-wrap #gallery #video_farmers {
  display: block;
  height: 194.4px;
  width: 345.6px;
  position: absolute;
  top: 0;
  left: 345.6px;
}
body.template-3 #gallery-wrap #gallery #video_wellservicers {
  display: block;
  height: 194.4px;
  width: 345.6px;
  position: absolute;
  top: 0;
  left: 691.2px;
}
body.template-3 #gallery-wrap #gallery #video_scientists {
  display: block;
  height: 194.4px;
  width: 345.6px;
  position: absolute;
  top: 0;
  left: 1036.8000000000002px;
}
body.template-3 #gallery-navigation {
  background-color: #333;
}
body.template-3 #gallery-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #333;
  zoom: 1;
}
body.template-3 #gallery-navigation ul:before,
body.template-3 #gallery-navigation ul:after {
  content: "";
  display: table;
}
body.template-3 #gallery-navigation ul:after {
  clear: both;
}
body.template-3 #gallery-navigation ul li {
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 85.4px;
  height: 77.76px;
  padding-top: 7.776000000000001px;
  float: left;
  display: block;
  text-align: center;
  color: #ccc;
}
body.template-3 #gallery-navigation ul li strong {
  display: block;
  font-size: 12.75px;
  line-height: 16.9575px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
body.template-3 #gallery-navigation ul li span {
  display: block;
  font-size: 12px;
  line-height: 15.96px;
  margin: 0;
  padding: 0;
}
body.template-3 #gallery-navigation ul li:hover {
  color: #fff;
}
body.template-3 #gallery-navigation ul li.selected {
  color: #fff;
  background-color: #424242;
}
.video_text img.primary_image {
  float: left;
  margin-right: 15px;
}
.video_text h1 {
  margin-top: 0;
}
.content-block-gray {
  background-color: #c2c2c2;
  background-image: url(../img/gradient-bkgrd-gray.jpg);
}
.content-block-medium-gray {
  background-color: #959595;
  background-image: url(../img/gradient-bkgrd-medium-gray.jpg);
}
.content-block-light-blue {
  background-color: #a5cbff;
  background-image: url(../img/gradient-bkgrd-light-blue.jpg);
}
.content-block-clean {
  background-color: transparent;
  background-image: none;
}
.content-block-blue {
  background-color: #0052c2;
  background-image: url(../img/gradient-bkgrd-blue.jpg);
  color: #fff;
}
.content-block-blue img.primary_image {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.content-block-white {
  background-color: #ffffff;
  background-image: url(../img/gradient-bkgrd-white.jpg);
}
.content-block-orange {
  background-color: #ff722f;
  background-image: url(../img/gradient-bkgrd-orange.jpg);
  color: #fff;
}
.content-block-orange h1,
.content-block-orange a,
.content-block-orange a:link,
.content-block-orange a:visited,
.content-block-orange a:hover,
.content-block-orange a:active {
  color: #fff;
}
.content-block-orange img.primary_image {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.soc-wrap {
  margin: 15px 0;
}
#soc-wrap,
.soc-wrap {
  text-align: left;
  zoom: 1;
}
#soc-wrap:before,
.soc-wrap:before,
#soc-wrap:after,
.soc-wrap:after {
  content: "";
  display: table;
}
#soc-wrap:after,
.soc-wrap:after {
  clear: both;
}
#soc-wrap div,
.soc-wrap div {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
}
#soc-wrap .really_simple_share div.really_simple_share_pinterest,
.soc-wrap .really_simple_share div.really_simple_share_pinterest,
#soc-wrap .really_simple_share div.really_simple_share_facebook_like,
.soc-wrap .really_simple_share div.really_simple_share_facebook_like,
#soc-wrap .really_simple_share div.really_simple_share_twitter,
.soc-wrap .really_simple_share div.really_simple_share_twitter,
#soc-wrap .really_simple_share div.really_simple_share_linkedin,
.soc-wrap .really_simple_share div.really_simple_share_linkedin,
#soc-wrap .really_simple_share div.really_simple_share_google1,
.soc-wrap .really_simple_share div.really_simple_share_google1 {
  float: left;
  margin-right: 11.25px;
  display: inline-block;
  width: auto;
  min-height: 33px;
}
.widget_really_simple_share {
  min-height: 90px;
}
.widget_connect_social_media {
  margin-top: 100px;
}
pre.debug {
  background-color: #222;
  color: #0e0;
  border: 1px solid #999;
  font-size: 10.5px;
  line-height: 13.125px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10.5px 18.75px;
  position: fixed;
  bottom: -12px;
  left: 0;
  min-width: 33%;
}
#twitterfeed h3 {
  margin: 0;
}
#twitterfeed ul.tfeed {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#twitterfeed ul.tfeed li {
  list-style-type: none;
  padding: 0 0 12px 0;
  margin: 0 0 12px 0;
  border-bottom: 1px dotted #c2c2c2;
}
#twitterfeed ul.tfeed li a:link,
#twitterfeed ul.tfeed li a:visited,
#twitterfeed ul.tfeed li a:hover,
#twitterfeed ul.tfeed li a:active {
  color: #6a6a6a;
}
#twitterfeed ul.tfeed li a:hover {
  color: #000000;
}
#twitterfeed ul.tfeed li p {
  font-size: 13px;
  line-height: 19.5px;
  margin: 0 0 6px 0;
}
#twitterfeed ul.tfeed li p.status-info {
  text-align: right;
  color: #989898;
  font-size: 12px;
  line-height: 18px;
}
#twitterfeed ul.tfeed li p.status-info a:link,
#twitterfeed ul.tfeed li p.status-info a:visited,
#twitterfeed ul.tfeed li p.status-info a:hover,
#twitterfeed ul.tfeed li p.status-info a:active {
  color: #989898;
}
#twitterfeed ul.tfeed li p.status-info img {
  width: 18px;
  height: 18px;
  display: inline;
  vertical-align: bottom;
  margin: 0 6px 0 0;
}
body.template-12 #content .article-wrap,
body.template-13 #content .article-wrap,
body.template-18 #content .article-wrap {
  margin: 0;
  padding: 0;
}
#content #subscriber-data {
  min-height: 450px;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#content .subscriber-snapshot p {
  color: #1c8dfe;
  font-size: 25.049999999999997px;
  line-height: 31.312499999999996px;
  margin: 0;
}
#content .subscriber-snapshot p.data-label {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#content .subscriber-snapshot p.data-value {
  color: #0167cc;
  font-size: 45px;
  line-height: 56.25px;
  margin-bottom: 15px;
}
#content .subscriber-snapshot p.data-last-reading {
  font-size: 60px;
  line-height: 60.37499999999999px;
}
#content .subscriber-snapshot span.val {
  font-weight: bold;
}
#content .subscriber-snapshot span.units {
  font-weight: normal;
  font-size: .75em;
}
#welldata .highcharts-container svg text.highcharts-title {
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#welldata .highcharts-container svg g.highcharts-axis-labels {
  border: 1px solid #f0f !important;
}
#content .article-wrap .loginFPForm p {
  margin: 0;
}
#content .article-wrap .loginFPForm label {
  display: block;
}
#content .product-grid .product-grid-item {
  height: 480px;
  overflow-y: hidden;
  margin-bottom: 30px;
}
#content .product-grid .product-grid-item h3.product-title {
  text-align: center;
  font-size: 16.5px;
  line-height: 18.150000000000002px;
  margin: 0;
  height: 42.289500000000004px;
}
#content .product-grid .product-grid-item img.product-thumb {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#content .product-grid .product-grid-item .product-descr,
#content .product-grid .product-grid-item .product-descr p {
  font-size: 12px;
  line-height: 21px;
  margin: 6px 0;
}
#content .product-grid .product-grid-item a.read-more {
  margin: 0;
  display: block;
}
#content span.price {
  display: block;
  color: #6a6a6a;
  font-size: 12px;
  font-weight: bold;
}
#content span.servicer-pricing {
  color: #015ab3 !important;
}
#content span.servicer-pricing span.cur-sym {
  color: #015ab3 !important;
}
#content span.cur-sym {
  color: #6a6a6a;
  font-size: 12px;
  font-weight: bold;
}
#content .product-style-northern,
#content .product-style-southern {
  display: none;
}
#content .product-details {
  margin-bottom: 22.5px;
}
#content .product-details img.product-primary-image {
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}
#content .product-details .product-introtext {
  font-size: 18px;
  line-height: 27px;
  color: #0167cc;
}
#content form.foxycart-add-item {
  margin: 15px 0 15px 0;
}
#content form.foxycart-add-item input.submit {
  margin: 0;
}
.template-31 #content h1.product-title {
  margin-top: 0;
  font-size: 41.25px;
}
.template-31 #content header.article-header {
  margin: 0;
}
.template-31 #content h2.product-overview-title {
  margin-top: 42px;
  margin-bottom: 10.5px;
}
.template-31 #content h2 {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
.template-31 #content ul {
  margin-top: 0;
}
.cap_styles {
  text-align: center;
  cursor: pointer;
}
.cap_styles img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.cap_styles span.small {
  display: block;
  line-height: 1;
}
.homepage-splash {
  position: relative;
}
.homepage-splash h1.page-title {
  position: absolute;
  top: 33%;
  right: 0;
}
#home-slideshow {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 920px;
  height: 360px;
  overflow: hidden;
}
#home-slideshow .jssor-slides {
  cursor: move;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 920px;
  height: 360px;
  overflow: hidden;
}
#home-slideshow .jssor-slides img.jssor-image {
  width: 540px !important;
  height: 360px !important;
}
#home-slideshow .jssor-slides .jssor-caption h1 {
  font-size: 28px;
  line-height: 32.199999999999996px;
  position: absolute;
  width: 90%;
  left: 5%;
  top: 7px;
  text-align: center;
  color: #999999;
  font-weight: normal;
  margin: 0;
}
#home-slideshow .jssor-nav-container {
  height: 6px;
  position: absolute;
  top: 337.5px;
  left: 0;
}
#home-slideshow .jssor-nav-container div,
#home-slideshow .jssor-nav-container .jssor-nav-bullet {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  width: 6px;
  height: 6px;
  cursor: pointer;
  background-color: #cccccc;
}
#home-slideshow .jssor-nav-container div:hover,
#home-slideshow .jssor-nav-container .jssor-nav-bullet:hover {
  background-color: #ebebeb;
}
#home-slideshow .jssor-nav-container .jssor-nav-bulletav,
#home-slideshow .jssor-nav-container .jssor-nav-bulletav:hover {
  background-color: #a6a6a6;
}
#home-slideshow .jssor-nav-container .jssor-nav-bulletdn,
#home-slideshow .jssor-nav-container .jssor-nav-bulletdn:hover {
  background-color: #8c8c8c;
}
#home-slideshow .cta {
  position: absolute;
  width: 34%;
  top: 36px;
  right: 3%;
}
#home-slideshow .cta .cta-headline h1 {
  font-size: 30px;
  line-height: 33px;
  text-align: center;
}
#home-slideshow .cta .sixcol {
  height: 180px;
  position: relative;
}
#home-slideshow .cta .sixcol p {
  margin: 0;
  font-size: 13px;
  line-height: 19.5px;
  text-align: center;
  hyphens: none;
  -webkit-hyphens: none;
}
#home-slideshow .cta .sixcol a.button {
  display: block;
  width: 98%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  text-align: center;
}
#home-slideshow .cta .sixcol img.icon {
  margin: 0 25%;
  width: 50%;
  min-width: 50%;
  height: auto;
  display: block;
}
body.page-1 #main {
  padding-top: 0;
  margin-top: 0;
}
body.page-1 #main .article-wrap {
  padding-top: 0;
  margin-top: 0;
}
body.page-1 #main .entry-content {
  margin-top: 15px;
  margin-bottom: 15px;
}
/*********************
07. NAVIGATION STYLES
*********************/
#primary-navigation {
  position: relative;
  z-index: 999999;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 1px 2px #6e6e6e;
  -moz-box-shadow: 0px 1px 2px #6e6e6e;
  box-shadow: 0px 1px 2px #6e6e6e;
  margin-bottom: 22.5px;
  background-color: transparent;
  background-image: url('../img/nav_bkgrd.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
  color: #818181;
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
}
#primary-navigation ul {
  margin: 0 auto;
  padding: 0;
}
#primary-navigation li {
  /*
		so you really have to rethink your dropdowns for mobile.
		you don't want to have it expand too much because the
		screen is so small. How you manage your menu should
		depend on the project. Here's some great info on it:
		http://www.alistapart.com/articles/organizing-mobile/
		*/

}
#primary-navigation li a {
  display: block;
  text-decoration: none;
  padding: 13px 26px;
  border: 0 solid #f85f1b;
  text-transform: uppercase;
  background-color: transparent;
  background-image: url('../img/nav_bkgrd.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #818181;
  font-weight: normal;
  /*
			remember this is for mobile ONLY, so there's no need
			to even declare hover styles here, you can do it in
			the style.scss file where it's relevant. We want to
			keep this file as small as possible!
			*/

}
#primary-navigation li a:hover,
#primary-navigation li a:focus {
  background-position: 0 -200px;
  color: #015ddc;
}
#primary-navigation li ul.sub-menu,
#primary-navigation li ul.children,
#primary-navigation li ul {
  display: none;
  background: #f1f1f1;
  padding: 0;
}
#primary-navigation li ul.sub-menu li a,
#primary-navigation li ul.children li a,
#primary-navigation li ul li a {
  padding-left: 30px;
  text-transform: none;
  font-size: 11.700000000000001px;
  background-color: #fff;
  background-image: none;
}
#primary-navigation li ul.sub-menu li a:hover,
#primary-navigation li ul.children li a:hover,
#primary-navigation li ul li a:hover,
#primary-navigation li ul.sub-menu li a:focus,
#primary-navigation li ul.children li a:focus,
#primary-navigation li ul li a:focus {
  background-color: #0167cc;
  color: #fff;
}
#primary-navigation li.active ul {
  display: block;
}
#primary-navigation li.active ul li ul {
  display: none;
}
#secondary-navigation {
  font-size: 12px;
  text-align: center;
  zoom: 1;
}
#secondary-navigation:before,
#secondary-navigation:after {
  content: "";
  display: table;
}
#secondary-navigation:after {
  clear: both;
}
#secondary-navigation ul.secondary-navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#secondary-navigation ul.secondary-navigation li {
  display: inline;
  margin: 0;
  padding: 0 6px;
  border-left: 1px solid #c2c2c2;
}
#secondary-navigation ul.secondary-navigation li a,
#secondary-navigation ul.secondary-navigation li a:link,
#secondary-navigation ul.secondary-navigation li a:visited,
#secondary-navigation ul.secondary-navigation li a:hover,
#secondary-navigation ul.secondary-navigation li a:active {
  margin: 0;
  padding: 0;
}
#secondary-navigation ul.secondary-navigation li:first-child,
#secondary-navigation ul.secondary-navigation li.first {
  border: none;
}
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.less styles.
  
  ******************************************************************/
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* at this larger size, we can start to align images */
  .alignleft,
  img.alignleft {
    margin-right: 22.5px;
    display: inline;
    float: left;
  }
  .alignright,
  img.alignright {
    margin-left: 22.5px;
    display: inline;
    float: right;
  }
  .aligncenter,
  img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
  #gallery-wrap {
    width: 652.8px;
    min-height: 367.2px;
  }
  #gallery-wrap #gallery {
    width: 652.8px;
    min-height: 367.2px;
  }
  #gallery-wrap #gallery .flowplayer {
    height: 367.2px;
    width: 652.8px;
  }
  #gallery-wrap #gallery .video {
    height: 367.2px;
    width: 652.8px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #gallery-wrap #gallery .scroll {
    height: 367.2px;
    width: 2611.2px;
  }
  #gallery-wrap #gallery #video_homeowners {
    width: 652.8px;
    height: 367.2px;
  }
  #gallery-wrap #gallery #video_homeowners video {
    width: 100%;
    height: 100%;
  }
  #gallery-wrap #gallery #video_farmers {
    width: 652.8px;
    height: 367.2px;
    left: 652.8px;
  }
  #gallery-wrap #gallery #video_farmers video {
    width: 100%;
    height: 100%;
  }
  #gallery-wrap #gallery #video_wellservicers {
    width: 652.8px;
    height: 367.2px;
    left: 1305.6px;
  }
  #gallery-wrap #gallery #video_wellservicers video {
    width: 100%;
    height: 100%;
  }
  #gallery-wrap #gallery #video_scientists {
    width: 652.8px;
    height: 367.2px;
    left: 1958.3999999999999px;
  }
  #gallery-wrap #gallery #video_scientists video {
    width: 100%;
    height: 100%;
  }
  #gallery-navigation ul li {
    width: 162.2px;
    height: 73.44px;
    padding-top: 14.688px;
  }
  #gallery-navigation ul li strong {
    font-size: 15px;
    line-height: 22.5px;
  }
  #gallery-navigation ul li span {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.less stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .onecol {
    width: 5.801104972%;
  }
  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }
  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }
  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }
  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }
  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }
  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%;
  }
  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%;
  }
  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }
  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%;
  }
  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }
  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }
  /* 100%;   } /* grid_12 */
  .onecol,
  .twocol,
  .threecol,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol,
  .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }
  .first {
    margin-left: 0;
  }
  .last {
    float: right;
  }
  #container {
    margin: 0px auto;
  }
  .wrap {
    max-width: 1240px;
  }
  .header #logo {
    margin: 0 0 0 16.75px;
    width: 67px;
    height: 76px;
    position: relative;
    z-index: 100;
    float: left;
  }
  .header #logo a,
  .header #logo a img {
    display: block;
    margin: 0;
    padding: 0;
    width: 67px;
    height: 76px;
  }
  .header #tagline {
    display: block;
    margin: 0;
    width: 45%;
    height: auto;
    position: absolute;
    text-align: right;
    bottom: 20px;
    right: 17.75px;
    z-index: 99;
  }
  /*
  ul.secondary-navigation {
  	width: 200px;
  	text-align: center;
  	margin: 10px auto 0;
  	padding: 0;
  	float: right;
  }
  */
  #sidebar1 {
    min-height: 450px;
    margin-top: 0;
  }
  #content #inner-content #main .homepage-content-wrap {
    padding: 20px;
  }
  #content #inner-content #main .homepage-content-wrap .homepage-content-field {
    margin: 0 0 0 0;
  }
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /*
  			be careful with the depth of your menus.
  			it's very rare to have multi-depth menus in
  			the footer.
  			*/
  
  }
  /* end .footer-links */
  #buckets-container .inner-bucket {
    min-height: 350px;
  }
  /*
  .alignleft, img.alignleft {
  	float:left;
  	margin-right:@base-font-size;
  }
  .alignright, img.alignright {
  	float:left;
  	margin-left:@base-font-size;
  }
  .aligncenter, img.aligncenter {}
  */
  body.template-3 .article-wrap {
    margin: 0;
    padding: 0;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  #primary-navigation {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* end .menu ul li */
  
    /* highlight current page */
  
    /* end current highlighters */
  
  }
  #primary-navigation ul {
    margin: 0 auto;
    text-align: center;
  }
  #primary-navigation li {
    float: left;
    position: relative;
    text-align: center;
    width: 16.333333333333332%;
  }
  #primary-navigation li a {
    border-bottom: 0;
    text-align: center;
    padding-left: 13px;
    padding-right: 13px;
  }
  #primary-navigation li:first-child {
    margin-left: 1%;
  }
  #primary-navigation li li.first,
  #primary-navigation li li.last {
    margin-left: 0;
    margin-right: 0;
  }
  #primary-navigation li ul.sub-menu,
  #primary-navigation li ul.children,
  #primary-navigation li ul {
    margin-top: 0;
    border: 1px solid #d7d7d7;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
    width: 223px;
    background-color: #fff;
    background-image: none;
    letter-spacing: 0;
  }
  #primary-navigation li ul.sub-menu li,
  #primary-navigation li ul.children li,
  #primary-navigation li ul li {
    width: 225px;
    background-color: transparent;
    background-image: none;
  }
  #primary-navigation li ul.sub-menu li a,
  #primary-navigation li ul.children li a,
  #primary-navigation li ul li a {
    color: #333;
    background-color: transparent;
    background-image: none;
    text-align: left;
    padding-left: 13px;
    border-right: 0;
    display: block;
    width: 225px;
    border-bottom: 1px solid #d7d7d7;
  }
  #primary-navigation li ul.sub-menu li a:hover,
  #primary-navigation li ul.children li a:hover,
  #primary-navigation li ul li a:hover,
  #primary-navigation li ul.sub-menu li a:focus,
  #primary-navigation li ul.children li a:focus,
  #primary-navigation li ul li a:focus {
    background-color: #0167cc;
    color: #ffffff;
  }
  #primary-navigation li ul.sub-menu li:last-child a,
  #primary-navigation li ul.children li:last-child a,
  #primary-navigation li ul li:last-child a {
    border-bottom: 0;
  }
  #primary-navigation li ul.sub-menu li ul,
  #primary-navigation li ul.children li ul,
  #primary-navigation li ul li ul {
    display: none;
  }
  #primary-navigation li ul.sub-menu li:hover ul,
  #primary-navigation li ul.children li:hover ul,
  #primary-navigation li ul li:hover ul {
    top: auto;
    display: block;
    margin-left: 172px;
    margin-top: -40.300000000000004px;
  }
  #primary-navigation li:hover ul {
    top: auto;
    display: block;
  }
  #primary-navigation li.active ul {
    display: none;
  }
  #primary-navigation li.active ul li ul {
    display: none;
  }
  #primary-navigation li.active:hover ul {
    top: auto;
    display: block;
  }
  /* end #primary-navigation */
  #secondary-navigation {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1030px) {
  .header #tagline {
    bottom: 12px;
  }
  body.template-3 #gallery-wrap {
    width: 100%;
    min-height: 432px;
  }
  body.template-3 #gallery-wrap #gallery {
    width: 768px;
    min-height: 432px;
  }
  body.template-3 #gallery-wrap #gallery .flowplayer {
    height: 432px;
    width: 768px;
  }
  body.template-3 #gallery-wrap #gallery .video {
    height: 432px;
    width: 768px;
  }
  body.template-3 #gallery-wrap #gallery .scroll {
    height: 432px;
    width: 3072px;
  }
  body.template-3 #gallery-wrap #gallery #video_homeowners {
    height: 432px;
    width: 768px;
  }
  body.template-3 #gallery-wrap #gallery #video_farmers {
    display: block;
    height: 432px;
    width: 768px;
    left: 768px;
  }
  body.template-3 #gallery-wrap #gallery #video_wellservicers {
    display: block;
    height: 432px;
    width: 768px;
    left: 1536px;
  }
  body.template-3 #gallery-wrap #gallery #video_scientists {
    display: block;
    height: 432px;
    width: 768px;
    left: 2304px;
  }
  body.template-3 #gallery-navigation {
    width: 471px;
    height: 432px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  body.template-3 #gallery-navigation ul li {
    width: 100%;
    height: 108px;
  }
  body.template-3 #gallery-navigation ul li strong {
    margin: 28px 0 0px 0;
    font-size: 18.75px;
    line-height: 24.375px;
  }
  body.template-3 #gallery-navigation ul li span {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  #container {
    margin: 0px auto;
  }
  /*.nav ul{margin:0 auto; text-align: center; width: 60%;}*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}