/* Flexnav Base Styles */

/* line 17, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

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: inherit;

  font-size: 100%;

}



/* line 22, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

html {

  line-height: 1;

}



/* line 24, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

ol, ul {

  list-style: none;

}



/* line 26, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/* line 28, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle;

}



/* line 30, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

q, blockquote {

  quotes: none;

}

/* line 103, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

q:before, q:after, blockquote:before, blockquote:after {

  content: "";

  content: none;

}



/* line 32, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

a img {

  border: none;

}



/* line 116, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

  display: block;

}



/* Globals */

/* line 25, ../sass/flexnav.scss */

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 {

  font: inherit;

}



/* line 29, ../sass/flexnav.scss */

.flexnav {

  *zoom: 1;

  margin: 0 auto;

  width: 100%;

  // background: url(../images/menuback.html) repeat scroll top center;

}

/* line 38, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */

.flexnav:after {

  content: "";

  display: table;

  clear: both;

}

/* line 34, ../sass/flexnav.scss */

.flexnav li {

  font-size: 100%;

  position: relative;

}

/* line 38, ../sass/flexnav.scss */

.flexnav li a {

  position: relative;

  display: block;

  

  z-index: 2;

  overflow: hidden;

  color: #ffffff;

  height:57px;

  line-height:57px;

  font-size:15px;

  font-family:Perpetua;

  text-transform:uppercase;

}

.flexnav li a:hover

{

	color:#008AFF;

	text-decoration:none;

	transition: color 1s;

-moz-transition:  color 1s; /* Firefox 4 */

-webkit-transition:  color 1s; /* Safari and Chrome */

-o-transition:  color 1s; /* Opera */

}

.flexnav li li a

{

	padding: 0px 12px !important;

}

.flexnav li a

.flexnav li li.first li.first a, .flexnav li li.first a

{

	border:0 none;

}

.flexnav li li.first li a

{

	 border-top:1px solid #4f4f4f;

}

/* line 48, ../sass/flexnav.scss */

.flexnav li ul {

  width: 100%;

  display: none;

  background:#37c6e8;

}

/* line 52, ../sass/flexnav.scss */

.mainmenu_whole .flexnav li ul li {

  float: none;

  width: 100%;

}

/* line 56, ../sass/flexnav.scss */

.flexnav li ul li a {

  display: block;

  border-top:1px solid #4f4f4f;

}

/* line 60, ../sass/flexnav.scss */

.flexnav ul li ul li a {

}

/* line 63, ../sass/flexnav.scss */

.flexnav ul li ul li ul li a {

}

/* line 66, ../sass/flexnav.scss */

.flexnav .touch-button {

  position: absolute;

  z-index: 999;

  top: 0;

  right: 0;

  width: 40px;

  height: 57px;

  display: inline-block;

  background: #acaca1;

  background: rgba(0, 0, 0, 0.075);

  filter:alpha(opacity=25);

  text-align: center;

}

.flexnav.lg-screen li li .touch-button

{

	height: 35px;

}

/* line 77, ../sass/flexnav.scss */

.flexnav .touch-button:hover {

  cursor: pointer;

}

.flexnav.lg-screen li li .touch-button .navicon

{

	top:1.2em;

}

/* line 80, ../sass/flexnav.scss */

.flexnav .touch-button .navicon {

  position: relative;

  top: 2em;

  font-size: 12px;

  color: #666;

}



/* line 88, ../sass/flexnav.scss */

.menu-button {

  position: relative;

  display: block;

  padding: 18px 0.96em;

  background: url(../images/menu.html) repeat scroll top center;

  color: #ffffff;

  cursor: pointer;

  font:18px Perpetua;

  text-transform:uppercase;

}

/* line 97, ../sass/flexnav.scss */

.menu-button .touch-button {

  background: transparent;

  position: absolute;

  z-index: 999;

  top: 0;

  right: 0;

  width: 43px;

  height: 57px;

  display: inline-block;

  text-align: center;

}

/* line 108, ../sass/flexnav.scss */

.menu-button .touch-button .navicon {

  font-size: 16px;

  position: relative;

  top: 20px;

  color: #666;

}

@media all and (max-width: 830px) {



}

@media all and (min-width: 980px) {

  /* line 120, ../sass/flexnav.scss */
  

  .flexnav li {

    position: relative;

    list-style: none;

    float: left;

    display: block;

    width: 20%;

  }

  /* line 128, ../sass/flexnav.scss */

  .flexnav li:hover > ul {

    visibility: visible;

    opacity: 1;

    height: auto;

    display: block;

    top: 57px;

    position: absolute;

  }

    .menu-button {

    display: none;

  }

  /* line 137, ../sass/flexnav.scss */

  .flexnav.lg-screen li:hover > ul, .flexnav.sm-screen li:hover > ul {

    display: none;

  }

  /* line 140, ../sass/flexnav.scss */

  .flexnav li a {

    border:0 none;

	font:15px Perpetua;

	 color:#fff;

	 text-transform:uppercase;

	 line-height:57px;

  }

   .flexnav li li a {

	   height:35px;

	   line-height:35px;

   }

  /* line 144, ../sass/flexnav.scss */

  .flexnav li > ul {

    position: absolute;

    /*top: 67px !important;*/

    left: 0;

    opacity: 0;

    visibility: hidden;

    height: 1px;

    z-index: 999999;

  }

  /* line 153, ../sass/flexnav.scss */

  .flexnav li ul li ul {

    top: 0;

  }

  /* line 156, ../sass/flexnav.scss */

  .flexnav li ul li a {

    border-bottom: none;

  }

  /* line 159, ../sass/flexnav.scss */

  .flexnav li ul.open {

    display: block;

    opacity: 1;

    visibility: visible;

    height: auto;

  }

  /* line 165, ../sass/flexnav.scss */

  .flexnav li ul.open ul.open {

    margin-left: 100%;

    top: 0;

  }

  /* line 170, ../sass/flexnav.scss */

  .flexnav ul li:hover ul {

    margin-left: 100%;

    top: 0;

  }



  /* line 175, ../sass/flexnav.scss */



}

/* line 183, ../sass/flexnav.scss */

.oldie .flexnav li {

  position: relative;

  list-style: none;

  float: left;

  display: block;

  background-color: #a6a6a2;

  width: 20%;

}

/* line 191, ../sass/flexnav.scss */

.oldie .flexnav li:hover > ul {

  visibility: visible;

  opacity: 1;

  height: auto;

  display: block;

  top: 3.1em;

  position: absolute;

}

/* line 200, ../sass/flexnav.scss */

.oldie .flexnav.lg-screen li:hover > ul, .oldie .flexnav.sm-screen li:hover > ul {

  display: none;

}

/* line 203, ../sass/flexnav.scss */

.oldie .flexnav li a {

  border-left: 1px solid #acaca1;

  border-bottom: none;

}

/* line 207, ../sass/flexnav.scss */

.oldie .flexnav li > ul {

  position: absolute;

  top: auto;

  left: 0;

  opacity: 0;

  visibility: hidden;

  height: 1px;

  z-index: 1;

}

/* line 216, ../sass/flexnav.scss */

.oldie .flexnav li ul li ul {

  top: 0;

}

/* line 219, ../sass/flexnav.scss */

.oldie .flexnav li ul li a {

  border-bottom: none;

}

/* line 222, ../sass/flexnav.scss */

.oldie .flexnav li ul.open {

  display: block;

  opacity: 1;

  visibility: visible;

  height: auto;

}

/* line 228, ../sass/flexnav.scss */

.oldie .flexnav li ul.open ul.open {

  margin-left: 100%;

  top: 0;

}

/* line 233, ../sass/flexnav.scss */

.oldie .flexnav ul li:hover ul {

  margin-left: 100%;

  top: 0;

}

/* line 238, ../sass/flexnav.scss */

.oldie .menu-button {

  display: none;

}