@import 'reveal.css';
/* Borders */
/* Opacity */
/* Rounded Corners + Border Radius */
/* Gradients */
/* Animations */
/* Shadows */
/* text shadow - define everything */
/* text shadow - 1px, 1px, 0, define only color */
/* Vertical Spacing */
/* Clearfix for clearing floats like a boss */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
/* #Import less
================================================== */
/* Table of Content
==================================================
	#Reset & Basics
	#Grid
	#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;
  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;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* CSS Resets */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
  display: block;
}
a img {
  border: 0;
}
figure {
  position: relative;
}
figure img {
  width: 100%;
}
/* #Declare Borders
================================================== */
.br {
  border-right: 1px solid #cacaca;
  padding-right: 1%;
  /* added so the border won't touch the content */

  margin-right: 1%;
  /* padding from grid is 3.8% so changed to 2% to be even with above and stay on same row */

}
.bl {
  border-left: 1px solid #cacaca;
  padding-left: 1%;
  margin-left: -1%;
}
.bt {
  border-top: 1px solid #cacaca;
  padding-top: 2%;
  margin-top: 2%;
}
.bb {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 2%;
  margin-bottom: 2%;
}
/* #Basic Styles (from mixins.less)
================================================== */
body {
  font-size: 62.5%;
  font-weight: normal;
  color: #444444;
  background: #e3e3e3 url(../img/mainbg.png) 0 0 repeat;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 32px;
}
::selection {
  background: #00b2f5;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #00b2f5;
  color: #fff;
  text-shadow: none;
}
/* #Typography
================================================== */
/* #Links
================================================== */
/* #Lists
================================================== */
/* #Images
================================================== */
/*
	The purpose of the below declaration is to make sure images don't 
	exceed the width of columns they are put into when resizing window. 
	Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
	so the best solution is to individually call these properties on images that 
	are children of the grid that you want to resize with grid. 
*/
img {
  max-width: 100%;
  height: auto;
}
/* #Misc
================================================== */
.remove-bottom {
  margin-bottom: 0 !important;
}
.half-bottom {
  margin-bottom: 10px !important;
}
.add-bottom {
  margin-bottom: 20px !important;
}
.cf {
  zoom: 1;
}
.cf:after {
  content: '';
  display: table;
  clear: both;
}
.cf:before {
  content: '';
  display: table;
}
.container {
  width: 100%;
  margin: 0 auto;
  zoom: 1;
}
.container:after {
  content: '';
  display: table;
  clear: both;
}
.container:before {
  content: '';
  display: table;
}
.row {
  width: 100%;
  max-width: 1140px;
  min-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}
.row:after {
  content: '';
  display: table;
  clear: both;
}
.row:before {
  content: '';
  display: table;
}
/* GRID COLUMNS */
.one {
  width: 6.333333333333334%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.two {
  width: 14.666666666666668%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.three {
  width: 23%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.four {
  width: 31.333333333333336%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.five {
  width: 39.666666666666664%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.six {
  width: 48%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.seven {
  width: 56.333333333333336%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.eight {
  width: 64.66666666666667%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.nine {
  width: 73%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.ten {
  width: 81.33333333333333%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.eleven {
  width: 89.66666666666667%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.twelve {
  width: 98%;
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.inner {
  padding: 1%;
}
/* #Tablet (Portrait)
================================================== *//* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body {
    -webkit-text-size-adjust: none;
  }
  body,
  .container,
  #fixed-width {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .row .one,
  .row .two,
  .row .three,
  .row .four,
  .row .five,
  .row .six,
  .row .seven,
  .row .eight,
  .row .nine,
  .row ten,
  .row .eleven,
  .row .twelve {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
  .row .half {
    width: 48%;
    display: inline;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
  }
}
/*	#Mobile (Portrait) 
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
  }
  body,
  .container,
  #fixed-width {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row .one,
  .row .two,
  .row .three,
  .row .four,
  .row .five,
  .row .six,
  .row .seven,
  .row .eight,
  .row .nine,
  .row ten,
  .row .eleven,
  .row .twelve {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    or: #888;
  }
  body,
  .container {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 00;
    padding-right: 00;
  }
  .row .one,
  .row .two,
  .row .three,
  .row .four,
  .row .five,
  .row .six,
  .row .seven,
  .row .eight,
  .row .nine,
  .row ten,
  .row .eleven,
  .row .twelve {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
}
@media only screen and (max-width: 959px) {
  .container .row {
    min-width: 90%;
    max-width: 90%;
    width: 90%;
    margin: 0 auto;
  }
  .container .row .one,
  .container .row .two,
  .container .row .three,
  .container .row .four,
  .container .row .five,
  .container .row .six,
  .container .row .seven,
  .container .row .eight,
  .container .row .nine,
  .container .row ten,
  .container .row .eleven,
  .container .row .twelve {
    display: block;
  }
}
/*	--------------------------------------------------
	:: Fonts + Font Colors Font Sizes
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: Font Sizes
	-------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 20px 0;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 32px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 36px;
  font-size: 2.25rem;
}
h2 {
  font-size: 32px;
  font-size: 2rem;
}
h3 {
  font-size: 28px;
  font-size: 1.75rem;
}
h4 {
  font-size: 24px;
  font-size: 1.5rem;
}
h5 {
  font-size: 20px;
  font-size: 1.25rem;
}
h6 {
  font-size: 16px;
  font-size: 1rem;
}
p,
li {
  font-size: 16px;
  font-size: 1rem;
}
p {
  margin: 1em 0;
  line-height: 32px;
}
p img {
  margin: 0;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
small {
  font-size: 80%;
}
/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
a,
a:visited {
  color: #00688f;
  text-decoration: none;
  outline: 0;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #00435c;
  text-decoration: underline;
}
/*	--------------------------------------------------
	:: Blockquotes
	-------------------------------------------------- */
blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
  font-family: Baskerville, Georgia, serif;
}
blockquote.block,
blockquote.block p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-variant: small-caps;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
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;
}
hr.line {
  border: solid #bbb;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 1px;
}
/*	--------------------------------------------------
	:: 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;
}
/*	--------------------------------------------------
	:: Background Colors/Images
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: Font + Link Colors
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: Main Colors
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: Forms
	-------------------------------------------------- */
/* form elemnts width */
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;
  width: 100%;
  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 {
  display: block;
}
legend {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  color: #00688f;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
/*	--------------------------------------------------
	:: Default Buttons
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: FButtons
	-------------------------------------------------- */
/* FButton Colors */
/* Green */
/* Orange */
/* Red */
/* Blue */
/* Dark */
/* Light */
/* Custom */
/*	--------------------------------------------------
	:: FButtons
	-------------------------------------------------- */
/* #Tabs (activate in app.js)
================================================== */
ul.tabs {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: solid 1px #aaaaaa;
}
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 #cccccc;
  border-width: 1px 0 0 1px;
  margin: 0;
  font-size: 13px;
  color: #444444;
  /* TAB BACKGROUND
		currently uses a gradient
		you can use this mixin found in mixins.less:
		background: @tabbg;
		*/

  background: #eeeeee;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #dddddd));
  background: -ms-linear-gradient(bottom, #eeeeee, #dddddd);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #dddddd 100%);
}
ul.tabs li a.active {
  height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-right-width: 1px;
  margin: 0 -1px 0 0;
  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;
  color: #444444;
  text-shadow: 1px 1px 0 #dddddd;
  /* TAB BACKGROUND
		currently uses a gradient
		you can use this mixin found in mixins.less:
		.gradient(#e3e3e3, #d1d1d1, #e3e3e3);
		*/

  background: #e3e3e3 url(../img/mainbg.png) 0 0 repeat;
}
ul.tabs li:first-child a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
ul.tabs li:-child a {
  border-width: 1px 1px 0 1px;
  -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;
}
/*
* 	NEED
* 	DROPDOWNS
*	FLY-OUTS
*/
/**
* Horizontal Navigation with Lines
*
* @border - border color
* @link - link color
* @linkhover - link color on hover
*/
/**
* Horizontal Navigation as Blocks
*
* @background - background color
* @link - link color
* @linkbg - link background color
* @linkhover - link color on hover
* @linkhoverbg - link background color on hover
*/
/**
* Horizontal Navigation as Pill Buttons
*
* @background - background color
* @link - link color
* @linkbg - link background color
* @linkhover - link color on hover
* @linkhoverbg - link background color on hover
*/
/**
* Horizontal Navigation as Breadcrumbs
*
* @background - background color
* @link - link color
* @separator - text used in between links
*/
/**
* Horizontal Pagination
*
* @background - background color
* @link - link color
* @linkbg - link background color
* @linkhoverbg - link background color on hover
* @border - border color
*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* FlexSlider Necessary Styles
*********************************/.flexslider {
  margin: 0;
  padding: 0;
  /* Hide the slides before the JS is loaded. Avoids image jumping */

}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #e3e3e3 url(../img/mainbg.png) 0 0 repeat;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}
.flexslider .flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.flexslider .loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .carousel li {
  margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(../img/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}
.flex-direction-nav .flex-prev {
  left: -36px;
}
.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}
.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
/* ============================================================> PRIMARY STYLES */
body {
  font-family: 'Josefin Sans', sans-serif;
  text-shadow: 1px 1px 0 #ffffff;
}
/* backgrounds */
#clouds {
  background: url(../img/clouds.png) center center no-repeat;
  height: 62px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
#top,
#bottom,
#order,
#about {
  padding-top: 4.5em;
}
#top {
  background: url(../img/bg-blue.png) 0 0 repeat;
  border-bottom: 1px solid #fff;
}
#bottom {
  background: url(../img/bg-white.png) 0 0 repeat;
  border-top: 1px solid #9ea6a8;
  border-bottom: 1px solid #9ea6a8;
}
#nav {
  float: right;
  height: 40px;
  height: auto;
  margin-top: 1em;
}
#nav li {
  float: left;
  display: block;
}
#nav li a {
  text-shadow: none;
  font-size: 24px;
  font-size: 1.5rem;
  margin-left: .5em;
  padding: .5em;
  display: block;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#nav li a:hover {
  background: rgba(0, 104, 143, 0.4);
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
#nav .current a {
  background: #00688f;
  color: #fff;
}
#float-nav {
  position: fixed;
  top: 40px;
  right: -120px;
  padding: 1em .5em;
  width: 150px;
  text-align: right;
  background: #624c48 url(../img/nav-label.png) 0 50% no-repeat;
  color: #ddd;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#float-nav li {
  list-style: none;
}
#float-nav li a {
  font-size: 22px;
  font-size: 1.375rem;
  padding: .1em .5em;
  display: block;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#float-nav li a:hover {
  color: #bbd9df;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#header p {
  font-size: 30px;
  font-size: 1.875rem;
  margin: 1em 2em;
  margin: 0;
  line-height: 1.5;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
#header p span {
  padding: 0 3em;
  display: block;
}
#header p::before {
  content: "";
  width: 960px;
  display: block;
  height: 200px;
  position: relative;
  background: url(../img/frame-top.png) 0 0 no-repeat;
  margin: 1em auto -3em;
}
#header p::after {
  content: "";
  width: 960px;
  display: block;
  height: 200px;
  position: relative;
  background: url(../img/frame-bottom.png) 0 0 no-repeat;
  margin: -1em auto 3em;
}
#logo {
  margin: 0 auto;
  display: block;
  clear: both;
}
#logo-sm {
  width: 200px;
  height: 90px;
  background: url(../img/logo-sm.png) 0 0 no-repeat;
  display: none;
  position: fixed;
  left: 20px;
  bottom: 40px;
}
#bottom {
  padding-top: 3em;
}
#bottom h1 {
  color: #585858;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 2.5em;
}
#bottom p {
  font-size: 18px;
  font-size: 1.125rem;
}
.template-home #bottom {
  text-align: center;
}
.title {
  width: 600px;
  height: 150px;
  line-height: 150px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/bg-header.png) center center no-repeat;
}
#taking-orders {
  text-align: center;
  border: 2px dotted rgba(0, 104, 143, 0.4);
  margin: 3em auto 2em;
  background: rgba(255, 255, 255, 0.2);
  width: 80%;
}
#taking-orders h3,
#taking-orders legend {
  font-family: 'Pinyon Script', cursive;
  font-size: 60px;
  font-size: 3.75rem;
  color: #00688f;
  padding: 0 1em 0;
  margin-top: -0.5em;
}
#taking-orders p {
  font-size: 20px;
  font-size: 1.25rem;
}
#flavors {
  text-align: center;
  border: 2px dotted rgba(0, 104, 143, 0.4);
  margin: 9em auto 2em;
  background: rgba(255, 255, 255, 0.2);
  width: 80%;
}
#flavors h3,
#flavors legend {
  font-family: 'Pinyon Script', cursive;
  font-size: 60px;
  font-size: 3.75rem;
  color: #99082c;
  padding: 0 1em 0;
  margin-top: -0.5em;
}
#flavors p {
  font-size: 20px;
  font-size: 1.25rem;
}
#gallery {
  margin: 2em auto;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border: 3px solid #ededed;
  text-align: center;
  width: 900px;
  padding: 3em;
  background: #fff;
}
#gallery .fluxslider {
  margin: 0 auto;
  padding: 0;
  width: 800px;
}
#gallery .pagination {
  margin-top: 2em !important;
}
#gallery .pagination .current {
  color: #00435c;
}
#about {
  border-top: 1px solid #fff;
}
#about p {
  font-size: 20px;
  font-size: 1.25rem;
}
#about form {
  margin-top: 2em;
}
#about form fieldset {
  border: 1px solid #ccc;
  padding: 0 2em;
}
#about form fieldset legend {
  padding: .5em;
  font-size: 30px;
  font-size: 1.875rem;
}
#about form fieldset label {
  font-size: 18px;
  font-size: 1.125rem;
}
#noreen {
  border: 15px solid #eee;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
  width: 300px;
  margin: 2em;
}
/* #SHOPPING CART
=============================================== */
#order {
  text-align: left;
  margin: 6em auto;
}
#totals {
  position: relative;
  top: 0;
  right: 0;
  height: 100%;
  text-shadow: none;
  color: #222;
  background: rgba(169, 196, 201, 0.6);
}
.simpleCart_shelfItem {
  height: 250px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
.item_name {
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1em;
}
.item_price {
  font-size: 20px;
  font-size: 1.25rem;
}
input.item_quantity {
  display: none;
}
.cartHeaders,
itemContainer,
.cart-buttons {
  float: left;
  width: 100%;
  clear: both;
}
.itemContainer {
  margin: 1em auto 0 auto;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  float: left;
  height: 65px;
  clear: both;
}
.cartHeaders {
  color: #222;
  text-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.itemName {
  width: 50%;
  float: left;
  margin: .5em 0;
  height: 15px;
  padding: 0 .5em;
}
.itemPrice,
.itemQuantity,
.itemTotal {
  width: 12%;
  margin-right: 1%;
  float: left;
  margin: .5em 0;
  height: 15px;
  text-align: center;
  padding: 0 .15em;
}
.cart-buttons {
  margin: 2em;
  clear: both;
}
.cart-buttons .button {
  float: left;
  margin: 1em;
}
.simpleCart_items {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 1em;
  float: left;
  width: 100%;
}
#cartTotal {
  color: #0a5968;
  padding: 1em;
  font-size: 20px;
  font-size: 1.25rem;
}
.button {
  background: #00688f;
  /* Old browsers */

  background: #00688f -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */

  background: #00688f -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: #00688f -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */

  background: #00688f -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera11.10+ */

  background: #00688f -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */

  background: #00688f linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */

  border: 1px solid #001e29;
  border-top: 1px solid #00435c;
  border-left: 1px solid #00435c;
  padding: 4px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #000000;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ddd;
  text-shadow: 1px 1px 0 #001e29;
}
.button:hover {
  color: #000000;
  background: #00688f;
  /* Old browsers */

  background: #00688f -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6+ */

  background: #00688f -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: #00688f -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */

  background: #00688f -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera11.10+ */

  background: #00688f -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */

  background: #00688f linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */

  border: 1px solid #000000;
  border-top: 1px solid #001e29;
  border-left: 1px solid #001e29;
}
.button:active {
  background: #00688f;
  /* Old browsers */

  background: #00688f -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* FF3.6+ */

  background: #00688f -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.3)));
  /* Chrome,Safari4+ */

  background: #00688f -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */

  background: #00688f -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* Opera11.10+ */

  background: #00688f -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* IE10+ */

  background: #00688f linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* W3C */

  border: 1px solid #000000;
  border-bottom: 1px solid #001e29;
  border-right: 1px solid #001e29;
}
.button:hover {
  color: rgba(255, 255, 255, 0.4);
  text-shadow: 1px 1px 0 #001e29;
  text-decoration: none;
}
/* #BLOG
=============================================== */
select.nav {
  display: none;
}
.nav.links a {
  font-size: 20px;
  font-size: 1.25rem;
}
#blog-header {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}
#blog-header .four {
  text-align: center;
}
#blog-header h1 {
  margin: 0;
}
.post {
  border-bottom: 2px solid #444;
  margin-bottom: 6em;
}
.post .gallery li {
  list-style: none;
  float: left;
  margin: 5px;
  display: block;
  padding: 0;
}
.post .gallery li img {
  margin: 0;
  display: block;
  padding: 0.2em;
  background: #ffffff;
  border: 1px solid #ddd;
}
#bottom .post-byline {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-size: 0.875rem;
}
#bottom .num-comments-icon {
  text-align: center;
  line-height: 1;
  float: right;
  padding: 5px 10px;
  background: rgba(16, 103, 130, 0.4);
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#bottom .num-comments-icon:hover {
  background: rgba(16, 103, 130, 0.8);
}
/**
 * Styling of MarkupPagerNav module pagination
 *
 */
.MarkupPagerNav {
  clear: both;
  margin: 1em 0;
  padding: 0.5em 0;
  border-top: 1px dotted #00435c;
  border-bottom: 1px dotted #00435c;
  zoom: 1;
}
.MarkupPagerNav:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.MarkupPagerNav li {
  display: block;
  float: left;
  margin: 0;
}
.MarkupPagerNav li a {
  display: block;
  padding: 5px 11px;
  margin-right: 3px;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.MarkupPagerNav li a:hover {
  text-decoration: none !important;
  color: #fff;
  background: rgba(16, 103, 130, 0.4);
  text-shadow: none;
}
.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: inline;
  color: #777;
  background: #fff;
  padding-left: 3px;
  padding-right: 3px;
}
.next-prev-posts {
  border-top: 1px solid #ccc;
}
.prev-post {
  float: left;
}
.next-post {
  float: right;
}
/* ==========================================================================================> SCREEN-ONLY PORTRAIT MOBILE (<480px) STYLES */
@media only screen and (min-width: 260px) {
  
}
/* ==========================================================================================> SCREEN-ONLY LANDSCAPE MOBILE (480px+) STYLES */
@media only screen and (min-width: 480px) {
  
}
/* ==========================================================================================> SCREEN-ONLY TABLETS/NETBOOKS (768px+) STYLES */
@media only screen and (min-width: 768px) {
  
}
/* ==========================================================================================> SCREEN-ONLY DESKTOPS (1024px+) STYLES */
@media only screen and (min-width: 1024px) {
  
}
/* ==========================================================================================> PRINT-ONLY STYLES */
/* Print styles inlined to avoid extra HTTP connection */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: sanbeiji.com/archives/953 */
  
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* Do not show javascript and internal links */
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}