body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.65em;
	background:rgb(242,237,217);
  background-image:url(/themes/multimedia_theme/images/);
  color:#666;
}

h1,h2,h3,h4,h5,h6 {
	 font-family: 'Open Sans', sans-serif;
}


/* =Kube Overwrites */
p, ul, ol, dl, blockquote, hr, pre, table, form, fieldset, figure, address {
  margin-bottom: .75em;
}

.units-container {
	margin:0px auto;
	margin-top:0;
	max-width:1300px;
	padding:25px;
	background:#ffffff;
	
}

.units-container img {
	/* box-shadow: 0px 1px 5px rgba(0,0,0,.25) */
}

.units-header-contact-container,
.units-header-container,
.units-hero-container,
.units-navigation-container,
.units-footer-container,
.units-footer-nav-container{
	padding:0;
	width:100%; 
}

.units-header-contact-container .units-container,
.units-header-container .units-container,
.units-hero-container .units-container,
.units-navigation-container .units-container,
.units-footer-container .units-container{
	max-width:1300px;
	background:none;
	box-shadow:none;
	margin:0 auto;
}

	/* Header Container */
.units-header-contact-container {
	background:rgb(28,77,38);
	text-align:right;
	padding:10px 0;
}

.units-header-contact-container .units-container {
	margin:0 auto; padding:0;
}

	/* Header Container */
.units-header-container {
	background:rgb(40,110,55);
	background-image:none;
	height:auto;
	margin:0px;
	padding:0;
}

.units-header-container .units-container {
	margin:0 auto;
	padding:0; 
}

	/* Header Elements */
.sitewide-logo {
	background:none;
	display:block;
	padding:10px 0px;
	text-align:left;
	height:auto;
	margin-top:;
}

.sitewide-contact p, .sitewide-contact a, .sitewide-contact a:link, .sitewide-contact a:hover,
.sitewide-contact a:active, .sitewide-contact a:visited {
	color:#ffffff;
	font-size: .9em;
	text-decoration: none;
	text-shadow: 0px 1px 1px #000000;
	line-height: 1;
	margin:0 18px 0 0;
	padding:0;
}



	/* Hero Container */
.units-hero-container {
	background:#fff;
	color:rgb(58,61,71);
}

.units-hero-container h1,
.units-hero-container h2,
.units-hero-container h3,
.units-hero-container h4,
.units-hero-container h5,
.units-hero-container h6 {
	font-weight:normal; 
	color:rgb(255,255,255) 
}

.units-hero-container p {
	color:rgb(255,255,255) 
}


	/* Navigation Container */
.units-navigation-container{
	padding:0; 
	z-index:1000; 
}
.units-navigation-container ul {margin:0;}
.units-navigation-container .units-container {padding:0; position:relative; z-index:100;}

	/* Footer Container */
.units-footer-container { background:rgb(28,77,38); height:210px; border-top:1px solid #ffffff; }
.units-footer-container p { color:#ffffff; }
.units-footer-container .units-container { padding:20px 0 10px 0; }
.units-footer-container .units-row { margin-bottom:0; }
.units-footer-container ul { list-style: none; margin:0 auto; padding:0; }

.units-footer-container a {
  color:rgb(255,255,255);
	transition:color ease-in-out .25s;
	text-decoration:none;
}
.units-footer-container a:focus,
.units-footer-container a:hover {
  color:rgb(255,255,255);
}

.lifestyle1 a {
  color:rgb(90,136,99);
	font-size:.9em;
	transition:color ease-in-out .25s;
	text-decoration:none;
}
.lifestyle1 a:focus,
.lifestyle1 a:hover {
  color:rgb(255,255,255);
}

.push { height:211px; clear:both; }
#page {
	min-height:100%;
	height:auto!important;
	height:100%;
	margin:0 auto -211px;
	background-image:none;
}
.fixed-header-push {
	width:auto;
	height:0;
	clear:both;
}



<!-- Navigation -->
nav {
	position:relative;
	z-index:100; 
}

#navigation {
  font-weight:normal;
  text-rendering:optimizeLegibility;
	text-transform:none;
	position:relative; 
	z-index:100;
	float:right; <!-- positioning -->
	width:auto;
}


#navigation ul {
  display:block <!--table;-->;
  list-style:none;
  margin-bottom:0;
  width:100%;	
}
#navigation ul li {
  display:table-cell;
  text-align:center;
  width:auto;
}

#navigation ul li a {
  border-radius:0px;
	color:#ffffff; /* nav color */
  display:block;
  font-size:1em;
  font-weight:400;
  margin:0;
  padding:20px 18px;
	margin:0;
  text-decoration:none;
	text-shadow: 0px 1px 1px #000000;
	transition:ease-in-out background .25s;
}

#navigation ul li:first-child a { }

#navigation ul li:last-child a { }

#navigation ul li:hover > a, #navigation ul li:hover > a:hover, #navigation  ul li a:hover {	
	background:rgba(255,255,255,.1);
	color:#ffffff;
}

#navigation .nav .nav-selected a {
	background:rgba(255,255,255,.15);/* active nav background */
	color:#ffffff;
}

#navigation .nav-path-selected ul li a {
	border-bottom:none;
}

#navigation .nav-path-selected ul li .nav-selected .nav-path-selected a {
	border-bottom:2px solid #c5d5e5;
}

#navigation li ul {
	display: none;
}
	
#navigation ul li ul {
	display:none;
	width:auto;
}
	
#navigation ul li ul li {
	display:block;
	width:auto;
}
	
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
	background:#fff;
	border-radius:0;
	text-shadow:none;
	color:#999;
	margin:0;
	padding:10px 50px 10px 20px; 
	text-align:left;
	text-decoration:none;
	width:auto;
	transition:ease-in-out background .25s, ease-in-out color .25s;
	}
	
	
#navigation  ul li ul li a:hover, 
#navigation  ul li ul li .nav-path-selected {
	background:#3c7b4a !important; /* customise nav active background */
	border-bottom:0;	
	color:#fff !important;
	text-decoration:none;
	}

#navigation li:hover ul {
	background:#fff;
	border:1px solid #e6e6e6;
	border-top:0;
	border-radius:0px;
	display:block;
	position:absolute;
	margin-top:0;
	}
   
#navigation li:hover li	{
	float: none;
	margin:0;
	padding:0;
	}

	/* FAQ Question */
.question-container{
	background:#fff;
  display:block;
  position:relative;
  padding:10px 0;
	margin-bottom:5px;
	border:1px solid #e6e6e6;
}

.question-container p, .answer-container{
  margin:0;
  margin-left:40px;
  padding:0;
}

.answer-container {
	margin-top:5px;
}

.question-selected {
	background:#f1f1f1;
}

.show, .hide {
	color:#c5d5e5;
  display:block;
  position:absolute;
    top:7px;
    left:10px;
  padding:8px 0;
  width:100%;
}
.show:hover, .hide:hover {
	color:#c5d5e5; 
}


	/* Next / Previous Nav & Submit Overwrite */
.next { float:right; width:150px; }
.previous { float:left; width:150px; }

.button, button, input[type="submit"],
#page input[type="submit"]{
	background:#ffffff;
	border:1px solid #1c4d26;
	color:#1c4d26;
}

#page .next, #page .previous {
	background:#ffffff;
	border:1px solid #1c4d26;
	color:#1c4d26;
	transition:background ease-in-out .25s, color ease-in-out .25s;
	
}
.button:hover, button:hover, input[type="submit"]:hover,
#page input[type="submit"]:hover,
#page input[type="submit"]:focus,
#page input[type="submit"]:active,
#page .next:hover, #page .previous:hover {
	background:#1c4d26;
	border:1px solid #1c4d26;
	color:#ffffff;
}


	/* Gallery Page List */
.page-thumb-container { 
	display: inline-block;
	position: relative;
}

.page-thumb-container img { 
	border:1px solid #e8e8e8; background:#fff; padding:4px; transition:background ease-in-out .25s; }
.page-thumb-container:hover img { 
	border:1px solid rgb(40,110,55); }
.page-thumb-container h5 { 
	line-height: 1; padding:2px 0; }


.page-thumb-container:hover .edit {
	display: block;
	}

.edit {
	color: rgba(255,255,255,.25);
	display: none;
	position: absolute; 
		top: 0;
  	bottom: 0;
  	left:0;
  	right:0;
	height:24.5%;
	margin: auto;
	text-align:center;
	width:24.5%;
}



	/* Responsive Elements */
#responsive-menu{
	background:none;
	display:none;
	height:0px;
	width:100%;
}

#responsive-menu-button{
	display:none;
	color:#fff;
	background:#1c4d26;
	border:1px solid #fff;
	clear:both;
	height:auto;
	position:absolute;
		top:5px;
		left:5px;
	padding:15px 15px;
	text-align:left;
	width:auto;
	z-index:20;
}


@media only screen and (max-width: 1300px) {
	.units-header-contact-container .units-container,
	.units-header-container .units-container,
	.units-navigation-container .units-container,
	.units-footer-container .units-container {
		padding-left:10px;
		padding-right:10px; 
	}
}

@media only screen and (max-width: 767px) {
	#navigation { 
		display:none; 
	}
	#responsive-menu,
	#responsive-menu-button { 
		display:block; 
	}
	.center-sml {
		text-align:center
	}
	.center-sml img { 
		max-width:50% !important;
	}
	.units-footer-container .units-container {
		padding-left:10px; 
		padding-right:10px;
	}

	.sitewide-logo {
		background:;
		padding:0;
		margin-top:0;
		text-align:center;
	}
	.sitewide-logo img {
		margin-top:20px;
		width:300px;
	}
	.sitewide-contact, .sitewide-contact p {
		text-align:center;
		padding:0;
		margin:0 auto !important;
		line-height: 1;
	}	
	
	.units-header-container {
		display:block;
	}
}

.ccm-error{ 
	border:1px solid #a94442;
	border-radius: 4px;
	display: block;
  max-width: 100%;
	list-style: none;
	padding:6px 10px;
}
.ccm-error li{
	color: #a94442;
}

	/* Image Overlays */
#photos {
   /* Prevent vertical gaps */
   line-height: 0;
   margin-left:150px;
   
   -webkit-column-count: 2;
   -webkit-column-gap:   0px;
   -moz-column-count:    2;
   -moz-column-gap:      0px;
   column-count:         2;
   column-gap:           0px;
   
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

a.darken {
    display: inline-block;
    background: black;
    padding: 0;
    position:relative;
	
}

a.darken img {
    display: block;
    
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}

a.darken:hover img {
    opacity: 0.3;           
}
a.darken span{
    visibility:hidden; 
    font-size:16px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      line-height: 100%;
}
a.darken:hover span{color:#fff; visibility:visible;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}