/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
  margin: 0 0 2em 0;
}

h2 {
  margin: 0 0 2em 0;
}

h3 {
  margin: 0 0 1.5em 0;
}

h4 {
  font-size: 1em;
  margin: 0 0 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 0 0 1em 0;
}

h6 {
  font-size: 0.75em;
  margin: 0 0 1em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

figcaption {

	color: #333;
	font-size: .85em;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;

}
/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

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

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*
 & Columns : 12 
 & Gutter %: 20% 

 */
.grid_1 { width: 6.6666666666667%; }
.grid_2 { width: 15%; }
.grid_3 { width: 23.333333333333%; }
.grid_4 { width: 31.666666666667%; }
.grid_5 { width: 40%; }
.grid_6 { width: 48%; }
.grid_7 { width: 54.666666666667%; }
.grid_8 { width: 63%; }
.grid_9 { width: 71.333333333333%; }
.grid_10 { width: 79.666666666667%; }
.grid_11 { width: 88%; }
.grid_12 { width: 96.333333333333%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
	display: block;
}


.grid_6 {
  width: 47%;
  margin-right: 6%;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.last-grid {
 margin-right: 0;
}






/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3em; /* 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:			10em; /* 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:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	clear: both;
	margin: 0 0 0 212px;
}

@media (max-width: 940px) {
  #main-nav {
    font-size: 14px;
  }
}

@media (max-width: 830px) {
  #main-nav {
    font-size: 13px;
  }
}

@media (max-width: 760px) {
  #main-nav {
    font-size: 12px;
  }
}

@media (max-width: 650px) {
  #main-nav {
    font-size: 10px;
    padding: 0 2em;
    box-sizing: border-box;
  }
}



.sf-menu a {
	padding: 1em;
	text-decoration:none;
}

.sf-menu .first a {
  border-left: none;
}

.sf-menu li li {
	background:		#fff;
}
.sf-menu li li a {
		border-top:		1px solid #ccc
}
.sf-menu li li li {
	background:		#E6E6E6;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #eee;
  outline: 0;
  color: #000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
/*	padding-right: 	2.25em; */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0.2em;
	top:			1.35em; /* IE6 only */
	width:			10px;
	height:			5px;
	overflow:		hidden;
	background:		url(/im/bg/arrow.png) no-repeat 0; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.backgroundsize .sf-sub-indicator {
	background:		url(/im/bg/arrow2x.png) no-repeat 0;
	background-size: 9px 5px;
}

.no-boxshadow .sf-shadow ul {
	background:	url(/im/vendor/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.boxshadow .sf-shadow ul {
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}




/* ==|== primary styles ==========================================================================================================
   Author: www.prowebdesign.ro
   Write your own styles here.
   =============================================================================================================================== */

body {
	color: #3b2301;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1em;
	line-height: normal;
/*	background:
	 url(/im/bg/hero-3.jpg) no-repeat center center fixed;
	background-size: cover;
  padding: 0; */
}

@media (max-width: 960px) {
  body {
     padding: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
}


/* links */
a,
a:visited,
a:active
a:hover {
  color: #014704;
}

a:hover {
  text-decoration:none;
}

  
/* structure */   
.container  {
/*  max-width: 1000px; 
  margin: auto;
*/	z-index: 10;
}

.cover {
  position: absolute;
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.content-wrapper {
  padding: 2em;
}

.big-message {
  margin-top: -310px;
  margin-bottom: 180px;
  text-align: center;
  font-size: 1.2em;
}

.big-message strong {
  background: rgba(6,84,1,0.6);
  padding: 22px;
  color: #fff;
  display: inline-block;
  font-weight: normal;
}

.big-message span {
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.big-message a {
  color: #fff;
}



header, header nav, #main, footer,  .banner {
	width:100%;
}

.banner {
  background: #fff url(/im/bn/logo-bg.jpg) no-repeat top right;
  border-bottom: 5px solid #014704;
}

.banner .wrapper {
  background: url(/im/bn/logo.png) no-repeat 20px 50%;
  max-width: 1000px; 
  margin: auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
  .banner .wrapper {
    background-image:url(/im/bn/logo2x.png);
    background-size: 192px 110px;
  }
}



.home .banner {
  margin-bottom: 350px;
}

/*.home .content-wrapper {
  padding-top: 3em;
}*/

.home .content-wrapper .last-grid {
  padding-top: 10px;
}

.main {
  background: #fff;
  border-top: 1px solid #014704;
  font-weight: 200;
  line-height: 1.5em;
}

.main .content-wrapper {
  max-width: 1000px;
  margin: auto;
}

/*#main .content-wrapper {
  background: url(/im/bn/logo-bg.jpg) no-repeat top right;
}*/

.banner .home-banner {
  padding: 0.8em 0 0 1em;
  padding-left: 226px;
  min-height: 4em;
  display: block;
  text-decoration: none;
}

h1, h2, h3, h4 {
  margin: 0 0 0.75em;
  color: #462901;
}

h1,
h2,
h3 {
  font-family: 'Stint Ultra Condensed', courier, helvetica, cursive;
}

h1 {
  font-size: 3.5em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.5em;
}


header h1 { 
	margin: 0;
	font-size: 3em;
	letter-spacing: 0;
	line-height: 1.2;
}

header h2 { 
	font-size: 1.5em;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5;
}

.hero-panel {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}


.hero-panel h1 {
  text-shadow: 0 1px 1px #fff;
  font-size: 4em;
}

.main p {
  margin: 0 0 25px 0;
}

.main .content-wrapper img {
  border: 1px solid #014704;
}

.main .content-wrapper .photo-banner img {
  border: none; 
}

.main .content-wrapper .plainimage img {
  display: block;
  border: 0px;
  margin: 0px auto;
  max-width: 100%;
  max-height: 100%;
}

.hero-image,
.hero-wrapper img,
.content-image img {
  width: 100%;
  height: auto;
}

.hero-wrapper {
  max-height: 365px;
  overflow-y: hidden;
}

.content-image img {
  margin-bottom: 30px;
  max-width: 100%;
}

.content-image-plain img {
  max-width: 100%;
}

.duplex {
	width: 95%;
	margin: 0 auto;
}

.duplex figure {
	width: 49%;
	float: left;
}

.duplex::after { content:''; display: block; clear: both; }

.gallery-images figure {
  width: 48%;
  float: left;
  display: block;
  margin-bottom: 3%;
}

.gallery-images figure:nth-child(even) {
  margin-left: 4%;
}

.gallery-images figure img {
  width: 100%;
}


.history-images {
  margin-bottom: 30px;
}

.footer {
	clear: both;
  background: #014704;
  color: #fff;
/*  margin-bottom: 10em;
*/  text-align: center;
  font-size: 0.75em;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer em {
  font-style: normal;
}

#map_canvas {
  height: 600px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.photo-banner {
  margin: 0 0 20px 20px;
  float: right;
  text-align: right;
}


.visitor-info {
  padding-left: 0;
  list-style: none;
}

.visitor-info li {
  margin-bottom: 1.5em;
}

.add-special label {
  display: block;
}

.alert {
  color: red;
}

.alert input,
.alert select {
  border: 1px solid red;
}

.add-special .special-types {
  display: inline-block;
}

table {
  margin-bottom: 2em;
}

.enquiry-form fieldset {
  border: none;
  padding: 0;
  margin: 0 0 2.5em;
}

.enquiry-form legend {
  font-family: 'Stint Ultra Condensed', courier, helvetica, cursive;
  font-size: 2.5em;
  margin: 0 0 1em 0;
  padding: 0;
}

.contact-box {
  clear: both;
  margin: 0 0 20px 0;
}

.contact-box label {
  width: 200px;
  font-weight: normal;
  display: block;
  float: left;
  padding: 3px 0 0 0;
}

.contact-box input,
.contact-box select, 
.contact-box textarea {
  width: 250px;
  border: 1px solid #ccc;
  padding: 5px;
}

.contact-box textarea {
  height: 150px;
  width: 350px;
}

.contact-box .short-text {
  height: 60px;
}

.contact-box .short {
  width: 150px;
}

.contact-box label.alert,
.alert {
  color: #FF0000;
	font-weight: bold;
}

.contact-box input.alert {
  border: 1px solid #FF0000;
}

.contact-box .fontSoft {
  font-weight: normal;
}

#spamchecker label {
  float: none;
  font-weight: normal;
  width: auto;
  margin-bottom: 30px;
}

#errorMsg {
  border: 1px solid #FF0000;
  background-color:#fdf3f2;
  padding: 6px 6px 6px 26px;
  margin: 0 0 18px 0;
  background-image: url(/im/bg/icons.gif);
  background-position: 5px 2px;
  background-repeat: no-repeat;
  width: 372px;
}

.button-submit {
  font-weight: normal;
  padding: 0.75em 1.5em;
  font-size: 1.25em;
  background-color: #014704;
  border: none;
  color: #fff;
  border-radius: 4px;
  margin-left: 200px;
  margin-top: 20px;
}


#spamcheck {
  margin-left: 200px;
}

.mobileMenu {
  border: 1px solid #ccc;
  width: 100%;
  font-size: 1.5em;
  margin-bottom: 1em;
}

/* ==|== non-semantic helper classes ========================================
   ========================================================================== */


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* When you just want to clear stuff */
.clearboth {
  clear: both;
}

/* for when you want to truncate elegantly with .... */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
}



/* ==|== media queries ======================================================
only screen and min-device-width
   ========================================================================== */
   
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#container, #colophon{width:98%;}

.flexslider {width:94%;}

#secondary-navigation ul li a{padding:15px;}
}

/* large smartphones ----------- */
@media  (max-width: 767px) {

  .banner {
    font-size: 14px;
  }

  header{padding:10px 0 1px 0;}

  .flexslider {width:92%;}

  .sf-menu li.sfHover ul {top:-999em;}
  .sf-sub-indicator {	background:none;}

  #secondary-navigation ul li a{padding:15px;}

  .main h1{font-size:1.6em;}
  .main h2{font-size:1.4em;}
  .main h3{font-size:1.3em;}
  .main h4{font-size:1.2em;}
}

/* medium smartphones ----------- */
@media (max-width: 600px) {

/*  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    margin-left: 0.83333333333333%;
    margin-right: 0.83333333333333%;
    width: 48.333333333333%;
  }*/

 html {
    font-size: 80%; 
  }
  
  .big-message {
    margin: 0 0 20px 0;
    font-size: 0.75em;
  }
  
  .big-message strong {
    display: block;    
  }
  
  .content-wrapper {
    padding: 1em;
  }

  .banner {
    font-size: 12px;
    background-image: none;
  }
  
  .home .banner {
    margin-bottom: 0;
  }
  
  .banner .wrapper {
    background-position: 50% 0;
  }

/*  #logo, header { width:100%; }
  #logo img{max-width:100%;}

*/

  header h1{ font-size:1.8em;}
  header h2{ font-size:1.2em;}

  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
  	margin-left: 0;
  	margin-right: 0;
  	width:100%;
  }
  #topnav{ display:block; width:100%; text-align:center; background:#8dbc01; padding:15px 0; margin:15px 0; border-radius:7px;}
  #mobileMenu_mobileselect { display:block; width:90%; margin:auto; height:1.6em;}

  footer .grid_4{ border-bottom:1px dotted #ccc; padding-bottom:10px;}


}



/* medium smartphones, portrait ----------- */
@media (max-width: 320px) {

}





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




/*body {
  background: #fff;
}

.home .banner {
  margin-bottom: 40px;
}

.banner {
  margin-bottom: 40px;
  border-bottom: 1px solid;
}

.flexslider {
  height: 450px;
  margin-bottom: 50px;
}*/