/*
* Super Skeleton
* Copyright 2011, Brandon R Jones
* Original Skeleton, Copyright 2011, Dave Gamache
*/
/* Table of Content
==================================================
	#Import Section (load default, untouched files)
	#Site Styles
	#Navigation Styles
	#Image Overlay Styles
	#Page Styles
	#Media Queries
	#Font-Face
	#Plugin Style Mods (placed here so we can keep originals pure)
*/
/* ======================================================= */
/* #IMPORT SECTION */
/* ======================================================= */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* #Basic Styles
================================================== */
body {
  background: #fff;
  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
  -webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #181818;
  font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px;
}
h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}
h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px;
}
h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 4px;
}
h5 {
  font-size: 17px;
  line-height: 24px;
}
h6 {
  font-size: 14px;
  line-height: 21px;
}
.subheader {
  color: #777;
}
p {
  margin: 0 0 20px 0;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
  color: #333;
}
small {
  font-size: 80%;
}
/*	Blockquotes  */
blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}
/* #Links
================================================== */
a,
a:visited {
  color: #333;
  text-decoration: underline;
  outline: 0;
}
a:hover,
a:focus {
  color: #000;
}
p a,
p a:visited {
  line-height: inherit;
}
/* #Lists
================================================== */
ul,
ol {
  margin-bottom: 20px;
}
ul {
  list-style: none outside;
}
ol {
  list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}
li {
  line-height: 18px;
  margin-bottom: 12px;
}
ul.large li {
  line-height: 21px;
}
li p {
  line-height: 21px;
}
/* #Images
================================================== */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}
/* #Buttons
================================================== */
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #222;
  background: #ddd;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* W3C */
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: solid 1px #ddd;
}
ul.tabs li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
  margin-bottom: 0;
}
ul.tabs li a {
  display: block;
  text-decoration: none;
  width: auto;
  height: 29px;
  padding: 0px 20px;
  line-height: 30px;
  border: solid 1px #ddd;
  border-width: 1px 1px 0 0;
  margin: 0;
  background: #f5f5f5;
  font-size: 13px;
}
ul.tabs li a.active {
  background: #fff;
  height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-left-width: 1px;
  margin: 0 0 0 -1px;
  color: #111;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
ul.tabs li:first-child a.active {
  margin-left: 0;
}
ul.tabs li:first-child a {
  border-width: 1px 1px 0 1px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
ul.tabs li:last-child a {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
ul.tabs-content {
  margin: 0;
  display: block;
}
ul.tabs-content > li {
  display: none;
}
ul.tabs-content > li.active {
  display: block;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.tabs:after {
  clear: both;
}
ul.tabs {
  zoom: 1;
}
/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  min-width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
select {
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
/* #Misc
================================================== */
.remove-top {
  margin-top: 0 !important;
}
.half-top {
  margin-top: 10px !important;
}
.add-top {
  margin-top: 20px !important;
}
.remove-bottom {
  margin-bottom: 0 !important;
}
.half-bottom {
  margin-bottom: 10px !important;
}
.add-bottom {
  margin-bottom: 20px !important;
}
/* Default Reset, Typography, Forms, etc. */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.column,
.columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}
.row {
  margin-bottom: 20px;
}
/* Nested Column Classes */
.column.alpha,
.columns.alpha {
  margin-left: 0;
}
.column.omega,
.columns.omega {
  margin-right: 0;
}
/* Base Grid */
.container .one.column {
  width: 40px;
}
.container .two.columns {
  width: 100px;
}
.container .three.columns {
  width: 160px;
}
.container .four.columns {
  width: 220px;
}
.container .five.columns {
  width: 280px;
}
.container .six.columns {
  width: 340px;
}
.container .seven.columns {
  width: 400px;
}
.container .eight.columns {
  width: 460px;
}
.container .nine.columns {
  width: 520px;
}
.container .ten.columns {
  width: 580px;
}
.container .eleven.columns {
  width: 640px;
}
.container .twelve.columns {
  width: 700px;
}
.container .thirteen.columns {
  width: 760px;
}
.container .fourteen.columns {
  width: 820px;
}
.container .fifteen.columns {
  width: 880px;
}
.container .sixteen.columns {
  width: 940px;
}
.container .one-third.column {
  width: 300px;
}
.container .two-thirds.column {
  width: 620px;
}
/* Offsets */
.container .offset-by-one {
  padding-left: 60px;
}
.container .offset-by-two {
  padding-left: 120px;
}
.container .offset-by-three {
  padding-left: 180px;
}
.container .offset-by-four {
  padding-left: 240px;
}
.container .offset-by-five {
  padding-left: 300px;
}
.container .offset-by-six {
  padding-left: 360px;
}
.container .offset-by-seven {
  padding-left: 420px;
}
.container .offset-by-eight {
  padding-left: 480px;
}
.container .offset-by-nine {
  padding-left: 540px;
}
.container .offset-by-ten {
  padding-left: 600px;
}
.container .offset-by-eleven {
  padding-left: 660px;
}
.container .offset-by-twelve {
  padding-left: 720px;
}
.container .offset-by-thirteen {
  padding-left: 780px;
}
.container .offset-by-fourteen {
  padding-left: 840px;
}
.container .offset-by-fifteen {
  padding-left: 900px;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .container .one.column {
    width: 28px;
  }
  .container .two.columns {
    width: 76px;
  }
  .container .three.columns {
    width: 124px;
  }
  .container .four.columns {
    width: 172px;
  }
  .container .five.columns {
    width: 220px;
  }
  .container .six.columns {
    width: 268px;
  }
  .container .seven.columns {
    width: 316px;
  }
  .container .eight.columns {
    width: 364px;
  }
  .container .nine.columns {
    width: 412px;
  }
  .container .ten.columns {
    width: 460px;
  }
  .container .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns {
    width: 748px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight {
    padding-left: 348px;
  }
  .container .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* 960 Grid + Media Query Layouts */
/* ======================================================= */
/* Superfish OverRide Skin (so we don't need to touch the SF Core - Main Skinning Portion Below */
/* ======================================================= */
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 230px;
  /* left offset of submenus need to match (see below) */
  padding: 15px 0 5px;
}
.sf-menu ul ul {
  padding: 0;
  background: #2a2a2a;
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
  z-index: 99;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: -1px;
  top: 4.4em;
  /* 3.8 with sans stack, match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 230px;
  /* match ul width */
  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 230px;
  /* match ul width */
  top: 0;
}
.sf-menu {
  float: left;
}
.sf-menu a {
  padding: 8px 10px 8px 11px;
  text-decoration: none;
}
.sf-menu a,
.sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #373737;
}
.sf-menu ul a,
.sf-menu ul a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #f4f4f4;
}
.sf-menu ul {
  background: transparent;
}
.sf-menu li {
  margin: 0 0px;
  line-height: 1.3em;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
  color: #676767;
  outline: 0;
}
.sf-menu a.sf-with-ul {
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}
ul.sf-menu span.sf-sub-indicator {
  display: none;
}
ul.sf-menu ul span.sf-sub-indicator {
  display: block;
}
.sf-menu ul .sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../images/theme/dropdown_right.png') 100% 50% no-repeat transparent;
}
a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  width: 100%;
  margin: 0;
  padding: 0;
}
.flexslider .slides li {
  display: none;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  max-width: 100%;
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.flexslider .slides li {
  position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {
  position: relative;
}
/* Caption style */
.flex-caption {
  width: 96%;
  padding: 2%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 15px;
  line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav li a {
  width: 52px;
  height: 52px;
  margin: -13px 0 0;
  display: block;
  background: url(theme/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
}
/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
  background-position: -52px 0;
  right: -21px;
}
.flex-direction-nav li a.prev {
  background-position: 0 0;
  left: -21px;
}
/* Control Nav */
.flex-control-nav {
  margin-left: -31px;
  position: absolute;
  bottom: -30px;
  left: 50%;
}
/* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {
  margin: 0 0 0 5px;
  float: left;
}
.flex-control-nav li:first-child {
  margin: 0;
}
.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: url(theme/bg_control_nav.png) no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-control-nav li a:hover {
  background-position: 0 -13px;
}
.flex-control-nav li a.active {
  background-position: 0 -26px;
  cursor: default;
}
/* Superfish Defaults for the Theme (skins are in this doc, below) */
/* @import "../javascripts/chosen/chosen";					*/
/* Chosen dropdown menu Styles */
/* @import "../javascripts/prettyPhoto/css/prettyPhoto";	 */
/* prettyPhoto Styles */
/* ======================================================= */
/* #THEME-TYPOGRAPHY - Font-family, color, and line-height goes here (defaults found in base.css)  */
/* ======================================================= */
body {
  font: 13px/19px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
}
a,
a:hover {
  color: #ee7727;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
}
.module a:hover {
  opacity: 1;
}
/* Headline Text */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
  font-weight: bold;
}
h5 {
  font-size: 15px;
  line-height: 28px;
  margin-top: 10px;
}
h2.title {
  background: url("../images/theme/backgrounds/pattern_diagonal_medium.png") repeat scroll 0 0 transparent;
  font-size: 28px;
  line-height: 49px;
  margin-bottom: 20px;
  padding: 8px 0;
}
h2.title span {
  padding: 17px 22px 17px 0;
}
.sidebar h3,
.aside h3 {
  font-size: 11px;
  text-transform: uppercase;
}
/* Comment Space Font Rules */
.commentlist .comment-body .commentmetadata {
  font-size: 12px;
  font-style: italic;
}
.vcard a {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
}
.says {
  color: #999;
}
.tags a,
#section-tophat,
#section-footer span,
#section-sub-footer,
.date {
  font-size: 15px;
}
#section-tophat a {
  border-bottom: 1px solid white;
}
#section-footer {
  font-size: 12px;
}
.portfolio-filters span,
.portfolio-view span {
  font-size: 11px;
  font-weight: bold;
  line-height: 21px;
}
label,
legend {
  display: block;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 6px;
}
/* Specialty classes */
.tabs li a {
  color: #111;
}
.aside {
  background: url("../images/theme/backgrounds/pattern_diagonal_white.png") repeat scroll 0px 2px transparent;
  border-right: 4px solid rgba(155, 155, 155, 0.2);
  font-size: 11px;
  padding: 10px 15px 10px 10px;
  display: block;
}
.superquote {
  clear: both;
  margin: 40px 0;
  font-size: 26px;
  font-style: italic;
  font-family: Georgia;
  line-height: 34px;
  padding-left: 20px;
}
.supertagline {
  clear: both;
  margin: 20px 0;
  font-size: 26px;
  font-style: italic;
  font-family: Georgia;
  line-height: 34px;
  display: block;
  text-align: center;
}
/* Featured Space (for downloads and stuff) */
.feature {
  background: url("../images/theme/backgrounds/pattern_diagonal_medium.png") repeat scroll 0 0 transparent;
  display: block;
  padding: 30px 20px;
  font-size: 24px;
  font-style: italic;
  font-family: Georgia;
  line-height: 34px;
}
.feature span {
  background: white;
  padding: 10px;
}
.feature .button {
  float: right;
}
/* Tags Text */
.tags a {
  background: none repeat scroll 0 0 #333333;
  color: #EFEFEF;
}
.tags a:hover {
  background: #444444;
  oolor: #ffffff;
}
/* Menu Text - Light Skin Colors Below in Main Section*/
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  top: 3.8em;
  /* 3.8 with sans stack, match top ul list item height */
}
.sf-menu > li > a strong {
  /* Top Level Link */
  font-size: 13px;
  font-weight: bold;
  color: #333;
}
.sf-menu > li a span {
  /* Top Level Sub-text */
  font-size: 9.5px;
  font-weight: normal;
  line-height: 9px;
  color: #777;
  display: block;
  /* To ensure that the subtext drops a line */
}
.sf-menu > li:hover a strong {
  color: #222;
}
.sf-menu > li:hover a span {
  color: #444;
}
/* Dropdown Links */
.sf-menu ul {
  font-size: 12px;
  color: #CCC;
}
.sf-menu ul li:hover a {
  color: white;
}
/* Light version of dropdown */
.sf-menu.light ul li a {
  color: #555;
}
.sf-menu.light ul li:hover a {
  color: #000 ;
}
.sf-menu.light ul {
  color: #333;
}
/* Tophat and Footer Text */
#section-tophat,
#section-tophat a,
#section-footer,
#section-footer a,
#section-sub-footer {
  color: #fff;
}
#section-footer h5 {
  color: #eee;
}
#section-footer a {
  text-decoration: none;
}
/* Light Text Shadow */
h1,
h2,
h3,
h4,
h5,
h6,
.sf-menu.light ul li a,
.portfolio-filters span,
.portfolio-view span {
  -webkit-text-shadow: 1px 0 1px #fff;
  -moz-text-shadow: 1px 0 1px #fff;
  -o-text-shadow: 1px 0 1px #fff;
  text-shadow: 1px 0 1px #fff;
}
/* Dark Text Shadow */
.sf-menu li ul,
#section-tophat,
#section-footer,
#section-footer h5,
.sf-menu.light li u {
  -webkit-text-shadow: 1px 0 1px #000;
  -moz-text-shadow: 1px 0 1px #000;
  -o-text-shadow: 1px 0 1px #000;
  text-shadow: 1px 0 1px #000;
}
/* ul.square li{ line-height: 14px; } */
/* Typography Font Stack */
.testimonial {
  margin: 10px 5px 10px 5px;
  padding: 15px 30px 15px 30px;
  background-color: #CCE2DD;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 130%;
  font-style: italic;
  line-height: 1.5em;
  border: 2px solid #007675;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* Typography Font Stack */
/* ======================================================= */
/* #SITE STYLES : Universal Theme Visual Styles */
/* ======================================================= */
/* Set BG */
body,
h2.title span,
ul.tabs li a.active {
  background: #fdfdfd;
  background: rgba(246, 246, 246, 0.5);
  background: url("../images/theme/backgrounds/noise-white.jpg") repeat;
  position: relative;
  z-index: 1;
}
body:after,
ul.tabs li a.active:after {
  content: "";
  background: transparent url("../images/theme/backgrounds/pattern_diagonal_white.png") repeat;
  position: absolute;
  z-index: 99;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
/* Wrap .container sections with this to create a full width section (for full width BG color stripes) */
.full-width {
  width: 100%;
}
/* HR Divider */
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  border-bottom: 1px solid #FFF;
}
hr.partial-bottom {
  margin-bottom: 20px;
}
/* Responsive Images - Combined with Sencha.io on the frontend */
.columns img,
.column img {
  max-width: 100%;
  height: auto;
}
.content img {
  border: 1px solid #dfdfdf;
  margin-bottom: 15px;
}
/* Basic alignment */
.align-left {
  float: left;
}
.align-center {
  text-align: center;
}
.align-right {
  float: right;
}
img.align-left {
  float: left;
  margin: 0 15px 12px 0;
}
img.align-center {
  text-align: center;
  clear: both;
  margin: 15px auto;
  display: block;
}
img.align-right {
  float: right;
  margin: 0 0 12px 15px;
}
/* #Global Transitions */
.column,
.columns,
.row,
.module-img img,
.sf-menu li,
.sf-menu a,
a.header-advert img,
a.sidebar-partner img,
a.sidebar-councel img {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* Custom Lists, Buttons, Tags, etc. */
ul.square {
  padding: 10px;
}
a.button {
  text-align: center;
}
/* Form Overrides */
input {
  padding: 10px !important;
  font-size: 11px !important;
}
input.sidebar-search {
  width: 90%;
  min-width: 195px;
}
/* Tags / Categories Styling */
.tags a {
  background: none repeat scroll 0 0 #333333;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  display: block;
  float: left;
  margin: 2px 2px 0 0;
  padding: 5px 12px;
  text-decoration: none;
}
/* Miscelleneous Classes */
img.tag_icon {
  float: left;
  border: 0 !important;
  padding: 5px 13px 0 0;
  margin-bottom: 0;
}
#entry .tags {
  margin: -12px 0 -7px;
}
.tags .button {
  margin-bottom: 2px;
}
.chzn-container-single .chzn-search input {
  min-width: 20px;
}
.excerpt .date {
  margin-bottom: 20px;
}
.my-avatar {
  float: right;
  padding: 5px;
  width: 32px;
  height: 40px;
}
ul.square,
ul.circle,
ul.disc {
  margin-left: 15px;
  font-size: 13px;
}
/* ======================================================= */
/* #SECTIONS */
/* ======================================================= */
/* Section declarations for BG stripes */
#section-tophat,
#section-footer,
#section-sub-footer {
  position: relative;
  z-index: 1;
}
/* Setup for :after double bgs below */
#section-tophat {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
}
#section-footer {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
}
#section-sub-footer {
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  padding-top: 1.5em;
}
.grid-example .column,
.grid-example .columns {
  background: #ccc;
  display: block;
  height: 60px;
  margin-bottom: 20px;
}
/* Now we'll add some more granular styles to each specific section*/
/* #TOPHAT */
#section-tophat {
  border-bottom: 2px solid #ddd;
  background: transparent url("../images/theme/backgrounds/noise-grey.jpg") repeat;
}
#section-tophat:after,
#section-footer:after {
  content: "";
  background: transparent url("../images/theme/backgrounds/pattern_diagonal_medium.png") repeat;
  position: absolute;
  z-index: 99;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
#section-tophat {
  padding: 10px 0;
}
#section-tophat span.subscribe {
  float: left;
}
#section-tophat span.tagline {
  float: right;
}
/* #HEADER */
h1#logo {
  margin-top: 40px;
  margin-bottom: 30px;
}
/* Header / Sidebar Advertisement */
a.header-advert {
  margin-top: 30px;
  margin-bottom: 20px;
  float: right;
}
a.header-advert img,
a.sidebar-partner img,
a.sidebar-councel img {
  padding: 6px;
  background: #eee;
  background: rgba(200, 200, 200, 0.05);
}
a.header-advert:hover img,
a.sidebar-partner:hover img,
a.sidebar-councel:hover img {
  background: #ddd;
  background: rgba(200, 200, 200, 0.3);
}
/* Social Icons Section */
ul.social {
  text-align: right;
  margin-bottom: 0;
}
ul.social li {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 18px 2px 0;
  margin: 0;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
ul.social li:hover {
  -moz-opacity: 1.0 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1.0 !important;
}
/* #SLIDER */
/* #FOOTER */
#section-footer {
  background: transparent url("../images/theme/backgrounds/noise-grey.jpg") repeat;
  margin-top: 40px;
  border-top: 2px solid #ddd;
  padding: 40px 0;
}
#section-footer h5 {
  position: relative;
  z-index: 1;
  padding: 2px 10px;
  margin-bottom: 20px;
}
#section-footer h5:after {
  content: "";
  z-index: -1;
  position: absolute;
  background: url("../images/theme/backgrounds/pattern_diagonal_dark.png") repeat transparent;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#section-footer ul li {
  padding: 10px 0;
  margin: 0;
  -webkit-border-top: 1px solid rgba(255, 255, 255, 0.05);
  /* Top/Bottom border for the dropdown links */
  -moz-border-top: 1px solid rgba(255, 255, 255, 0.05);
  -o-border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  -webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  -o-border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
#section-footer ul li:first-child {
  border-top: none;
  padding-top: 0;
}
#section-footer ul li:last-child {
  border-bottom: none;
}
/* #SUBFOOTER */
#section-sub-footer {
  color: #dddddd;
}

#section-sub-footer:after {
  content: "";
  background: transparent url("../images/theme/backgrounds/pattern_diagonal_dark.png") repeat;
  position: absolute;
  z-index: 99;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
#section-sub-footer {
  border-top: 2px solid #000;
}
#section-sub-footer span {
  padding: 20px 0;
}
#section-sub-footer span.copyright {
  float: left;
}
#section-sub-footer span.colophon {
  float: right;
}
/* ======================================================= */
/* #NAVIGATION STYLES (Theme defaults, then SuperFish mods) */
/* ======================================================= */
header .navigation {
  margin-top: 0;
}
footer .navigation {
  margin-top: 0;
}
/* Top Level Styles */
.sf-menu > li {
  border-left: 1px solid #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid #fafafa;
}
.sf-menu > li > a {
  padding: 15px 15px 19px;
  background: transparent;
  margin-bottom: 0;
  /* Adjust for padding below our list */
}
.sf-menu > li:hover {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.sf-menu > li:first-child a {
  padding: 15px 15px 19px 15px;
}
.sf-menu > li > a,
.sf-menu > li {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sf-menu > li:hover {
  background: #fefefe;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 -3px 2px rgba(133, 133, 133, 0.1);
  -moz-box-shadow: inset 0 -3px 2px rgba(133, 133, 133, 0.1);
  -o-box-shadow: inset 0 -3px 2px rgba(133, 133, 133, 0.1);
  box-shadow: inset 0 -3px 2px rgba(133, 133, 133, 0.1);
}
/* DARK VERSION - Second Level Styles (the Dropdown) */
.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li:focus,
.sf-menu li li:hover,
.sf-menu li li:active {
  background: #000000;
  background: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: inset 0 5px 6px #000000;
  -moz-box-shadow: inset 0 5px 6px #000000;
  -o-box-shadow: inset 0 5px 6px #000000;
  box-shadow: inset 0 5px 6px #000000;
}
.sf-menu li li a,
.sf-menu li li a:hover,
.sf-menu li li a:focus {
  padding: 8px 10 8px 11px !important;
  background: transparent;
  margin: 0;
}
/* MAIN SKIN FOR DROPDOWN */
.sf-menu li ul {
  background: url("../images/theme/uparrow.png") no-repeat scroll 35px 5px transparent !important;
  -webkit-text-shadow: 1px 0 1px #000;
  -moz-text-shadow: 1px 0 1px #000;
  -o-text-shadow: 1px 0 1px #000;
  text-shadow: 1px 0 1px #000;
}
.sf-menu li li {
  margin: 0;
  background: #000000;
  /* BG Color for the dropdown */
  background: rgba(0, 0, 0, 0.8);
  padding: 3px 0;
  -webkit-border-top: 1px solid rgba(255, 255, 255, 0.05);
  /* Top/Bottom border for the dropdown links */
  -moz-border-top: 1px solid rgba(255, 255, 255, 0.05);
  -o-border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  -webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  -o-border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  -webkit-border-left: 1px solid rgba(0, 0, 0, 0.9);
  /* Left/Right border for visibility */
  -moz-border-left: 1px solid rgba(0, 0, 0, 0.9);
  -o-border-left: 1px solid rgba(0, 0, 0, 0.9);
  border-left: 1px solid rgba(0, 0, 0, 0.9);
  -webkit-border-right: 1px solid rgba(0, 0, 0, 0.9);
  -moz-border-right: 1px solid rgba(0, 0, 0, 0.9);
  -o-border-right: 1px solid rgba(0, 0, 0, 0.9);
  border-right: 1px solid rgba(0, 0, 0, 0.9);
}
.sf-menu li li:first-child {
  border-top: none;
  /* -webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
			-o-border-radius: 3px 3px 0 0;
			  border-radius: 3px 3px 0 0; */
}
.sf-menu li li:last-child {
  border-bottom: none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
/* LIGHT VERSION of Dropdown (add the "light" class to .sf-menu to activate) */
.sf-menu.light li li:hover,
.sf-menu.light li li.sfHover,
.sf-menu.light li li:focus,
.sf-menu.light li li:hover,
.sf-menu.light li li:active {
  background: #f9f9f9;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-shadow: inset 0 5px 8px #EEE;
  -moz-box-shadow: inset 0 5px 8px #EEE;
  -o-box-shadow: inset 0 5px 8px #EEE;
  box-shadow: inset 0 5px 8px #EEE;
}
.sf-menu.light li li {
  background: #ffffff;
  /* BG Color for the dropdown */
  background: rgba(255, 255, 255, 0.98);
  -webkit-border-top: 1px solid rgba(255, 255, 255, 0.9);
  /* Top/Bottom border for the dropdown links */
  -moz-border-top: 1px solid rgba(255, 255, 255, 0.9);
  -o-border-top: 1px solid rgba(255, 255, 255, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  -webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -o-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-left: 1px solid rgba(0, 0, 0, 0.1);
  /* Left/Right border for visibility */
  -moz-border-left: 1px solid rgba(0, 0, 0, 0.1);
  -o-border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-right: 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-right: 1px solid rgba(0, 0, 0, 0.1);
  -o-border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
/* ======================================================= */
/* Responsive Nav Queries - Swaps normal Nav with a dropdown menu with the #responsive-nav ID */
/* ======================================================= */
#responsive-nav {
  display: none;
  float: right;
}
#responsive-nav li {
  clear: both;
}
/* @media only screen
and (max-width: 960) {
  .navigation ul.sf-menu  { display: none; }
  #responsive-nav, .chzn-container, .chzn-container div { display: inline-block !important; }
} */
@media only screen and (max-width: 767px) {
  .navigation ul.sf-menu {
    display: none;
  }
  #section-tophat span.subscribe,
  #section-tophat span.tagline,
  #section-sub-footer span.copyright,
  #section-sub-footer span.colophon {
    float: none;
    text-align: center;
  }
  header .navigation {
    margin-top: 10px;
  }
  .flex-direction-nav {
    display: none;
  }
  #responsive-nav {
    display: inline-block !important;
    width: 100% !important;
    margin-top: 5px;
  }
  #responsive-nav .chzn-container {
    width: 100% !important;
  }
  #responsive-nav .chzn-container-single .chzn-single,
  #responsive-nav .chzn-container-single .chzn-single div {
    padding: 4px 9px;
  }
  #logo,
  #tagline p,
  ul.social,
  ul.social li {
    text-align: center;
  }
  #tagline p {
    font-size: 24px;
    line-height: 28px;
    padding: 0 10 22px 11px;
  }
  ul.social {
    margin-bottom: 18px !important;
  }
  a.button.pagination {
    width: 90% !important;
  }
  ul.social li {
    float: none;
    display: inline;
    -moz-opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
    opacity: 1.0 !important;
  }
  .flex-control-nav {
    /* default opacity */
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
/* ======================================================= */
/* #Image Overlay Styles */
/* ======================================================= */
.module,
.module-img {
  position: relative;
  overflow: hidden;
}
.module {
  margin-bottom: 7px;
}
.module-meta {
  display: inline;
}
.module-img {
  text-align: center;
}
/* The lightbox and full post link styles */
.module-img .thumbLink,
.module-img .lightboxLink {
  background: url("../images/theme/post_link.png") no-repeat scroll 0 0 transparent;
  height: 20px !important;
  width: 20px !important;
  z-index: 9 !important;
  margin-top: -26px;
  /* Nudge up a bit */
  position: absolute;
  right: 0;
}
.module-img .lightboxLink {
  background: url("../images/theme/pop_link.png") no-repeat scroll 0 0 transparent;
  right: 21px;
}
/* Our transitions for the thumbnails */
.module-img .thumbLink,
.module-img .lightboxLink {
  -moz-opacity: 0.0;
  filter: alpha(opacity=0);
  opacity: 0.0;
  text-indent: -9999px;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.module:hover .thumbLink,
.module:hover .lightboxLink {
  -moz-opacity: 1.0 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1.0 !important;
}
.thumbLink:hover,
.lightboxLink:hover {
  -moz-opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important;
}
/* Make the entire space clickable */
.popLink {
  display: block;
  height: 20px;
}
/* Styling for centered overlay */
.module-img img {
  border: medium none;
  margin: 0;
  outline: medium none;
  position: relative;
  text-decoration: none;
  background: black;
  z-index: 2;
}
.module-img:hover img {
  opacity: 0.09;
}
.module-img span {
  background: url("../images/theme/img-bg-pat.png") repeat scroll center center;
  height: 100%;
  left: 0;
  position: absolute;
  top: -6px;
  /* Removes auto height of the HTML5 span element */
  width: 100%;
  z-index: 1;
}
/* ======================================================= */
/* #PAGE STYLES SECTION */
/* ======================================================= */
/* ======================================================= */
/* #FONT-FACE TEMPLATE */
/* ======================================================= */
/*		This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/* @font-face {
		 font-family: 'FontName';
		 src: url('../fonts/FontName.eot');
		 src: url('../fonts/FontName.eot?iefix') format('eot'),
				url('../fonts/FontName.woff') format('woff'),
				url('../fonts/FontName.ttf') format('truetype'),
				url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
		 font-weight: normal;
		 font-style: normal; }
*/
/* ======================================================= */
/* #PLUGIN MODS SECTION (continues until end of document) */
/* ======================================================= */
/* ======================================================= */
/* #FILTERABLE */
/* ======================================================= */
#portfolio-list {
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#portfolio-list .module-meta {
  display: none;
}
#portfolio-list .module-meta.visible {
  display: inline;
}
span.list_btn:hover,
span.grid_btn:hover,
span.hybrid_btn:hover {
  cursor: pointer;
}
.portfolio-filters {
  float: left;
}
.portfolio-view {
  float: right;
}
.portfolio-filters span,
.portfolio-view span {
  margin-right: 10px;
}
.portfolio-view span {
  float: left;
  margin-top: 6px;
}
span.grid_btn,
span.list_btn,
span.hybrid_btn {
  margin-right: 3px;
  margin-top: 0px;
}
.portfolio-nav {
  margin-bottom: 10px;
}
.portfolio-nav a.button {
  margin-bottom: 4px;
  background: white;
}
.portfolio-nav a.button:hover {
  background: #fafafa;
}
.portfolio-nav p {
  margin-bottom: 0;
}
/* ======================================================= */
/* Tipsy */
/* ======================================================= */
.tipsy {
  padding: 5px;
  font-size: 10px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-repeat: no-repeat;
  background-image: url(../images/theme/tipsy.gif);
}
.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}
.tipsy-inner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tipsy-north {
  background-position: top center;
}
.tipsy-south {
  background-position: bottom center;
}
.tipsy-east {
  background-position: right center;
}
.tipsy-west {
  background-position: left center;
}
/* ======================================================= */
/* #FLEX SLIDER MODS */
/* ======================================================= */
.flexslider {
  background: transparent;
  border: 0 solid #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.flexslider-container {
  overflow: hidden;
  margin-bottom: 20px;
}
.slider-shadow:after {
  content: "\00a0";
  background: url("../images/theme/slide-shadow.png") bottom center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  overflow: visible;
  display: block;
  position: absolute;
  margin-top: -32px;
  height: 62px;
  /* Same as your image height */
  width: 100%;
  /* Same as your image width */
}
/* Caption style
*********************************/
.flex-caption {
  width: 100%;
  padding: 22px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 0;
}
/* Next/Previous Buttons
*********************************/
.flex-direction-nav {
  overflow: hidden;
  margin: 0;
}
.flex-direction-nav li {
  margin-bottom: 0;
}
.flex-direction-nav li a {
  width: 45px;
  height: 38px;
  margin: -13px 0 0;
  display: block;
  background: url("../images/theme/flexslider_direction_nav.png") no-repeat 0 0;
  position: absolute;
  top: 49%;
  cursor: pointer;
  text-indent: -9999px;
}
/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
  background-position: -38px 0;
  right: -150;
  text-indent: -9999px;
}
/* default position */
.flex-direction-nav li a.prev {
  background-position: 0 0;
  left: -150;
  text-indent: -9999px;
}
/* default position */
.flex-direction-nav li a.next,
.flex-direction-nav li a.prev,
.flex-control-nav {
  /* default opacity */
  -moz-opacity: 0.0;
  filter: alpha(opacity=00);
  opacity: 0.0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flexslider-container:hover li a.next,
.flexslider-container:hover li a.prev {
  /* hover opacity */
  -moz-opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.flex-direction-nav li a.next:hover,
.flex-direction-nav li a.prev:hover {
  /* hover opacity */
  -moz-opacity: 1.0 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1.0 !important;
}
.flexslider-container:hover li a.next {
  right: 15px;
}
/* hover position */
.flexslider-container:hover li a.prev {
  left: 15px;
}
/* hover position */
/* Control Nav
*********************************/
.flex-control-nav {
  background: white;
  background: rgba(255, 255, 255, 0.02);
  margin: 0 0 0 0;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -45px;
  /* This may need to be adjusted with lots of slides or less */
  /* left: inherit;
	right: 18px; */
  padding: 8px;
  list-style: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid white;
  border: 1px solid rgba(255, 255, 255, 0.02);
  -moz-opacity: 0.0;
  filter: alpha(opacity=00);
  opacity: 0.0;
}
.flexslider-container:hover .flex-control-nav {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.flex-control-nav li {
  margin: 0 0 0 5px;
  float: left;
}
.flex-control-nav li:first-child {
  margin: 0;
}
.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: url("../images/theme/flexslider_control_nav.png") no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-control-nav li a:hover {
  background-position: 0 -13px;
}
.flex-control-nav li a.active {
  background-position: 0 -26px;
  cursor: default;
}
/* ======================================================= */
/* #MEDIA QUERIES SECTION */
/* ======================================================= */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  a.sidebar-partner img,
  a.sidebar-councel img {
    width: 43%;
  }
  .slider-shadow:after {
    background: url("../images/slide-shadow.png") bottom center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-top: -45px !important;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  h1#logo {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  a.header-advert {
    margin-top: 0;
    text-align: center;
  }
  a.header-advert img {
    width: 410px;
  }
  .commentlist .comment-body {
    padding: 30px !important;
  }
  h2.title span:after {
    content: "";
    background: transparent;
  }
  #section-tophat {
    text-align: center;
  }
  .subscribe,
  .tagline {
    float: none !important;
  }
  .subscribe:after {
    content: " | ";
  }
  .aside {
    padding: 0;
    border-right: 0px solid rgba(155, 155, 155, 0.2);
  }
  form {
    margin-bottom: 0;
  }
  #section-tophat span.subscribe,
  #section-tophat span.tagline,
  #section-sub-footer span.copyright,
  #section-sub-footer span.colophon {
    font-size: 16px;
    line-height: 24px;
    display: block;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480) and (max-width: 767px) {
  .flex-control-nav {
    bottom: 29px;
  }
  .slider-shadow:after {
    background: none transparent;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  a.header-advert img {
    width: 290px;
  }
  .flex-control-nav {
    bottom: 29px;
  }
  .slider-shadow:after {
    background: none transparent;
  }
}