@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,300,800);

strong {
	font-weight:700;
}
.box-mid div {
	max-width:275px;
	margin:0 auto;
	line-height:24px;
}

h4 {
	font-weight:300;
}
.box-mid span, .box-mid  h4{float: left;}
.box-mid span img{
	width:20px;
	padding-right:10px;
	padding-top:3px;
	height:100%;
}
.box:first-child + .box .box-mid span img{
	padding-top:2px;
}
.box:first-child .box-mid span img{
	padding-top:0;
	margin-top:-2px;
}
label img {
	background-color: #4B4B4B;
	border-radius: 3px;
	cursor:pointer;
}
.box-bottom span{color:#fff;}
.logo img {
max-height:120px;
max-width:100%;
}

.logocontainer-inner a img{
  height:60px;
  padding: 10px 0;
  display: block;
    float:left;
}

h4 span img{height: 20px; padding-right:10px;}



.contact{display:block;}

input[type=checkbox]{
    display: none;
}

.blue-bottom input[type=checkbox]:checked ~ #more-info{
    display: block;
}
.orange-bottom input[type=checkbox]:checked ~ .contact,.blue-bottom input[type=checkbox]:checked ~ .contact,.red-bottom input[type=checkbox]:checked ~ .contact{display:none;}
.orange-bottom input[type=checkbox]:checked ~ #more-info{
    display: block;
}

.red-bottom input[type=checkbox]:checked ~ #more-info{
    display: block;
}
#more-info,#more-info2,#more-info3{display:none;}

#footercontainer{  padding: 0 95px;}

.box-top{color:#fff; padding-bottom:30px;}
#more-info div{padding: 10px 15px;}
strong{display:block;}
.logo {
	padding: 20% 15%;
	padding: 13% 15%;
}
.box-bottom{padding: 5% 12% 20% 12%;}
.footercontainer-inner{padding: 20px 0;}

.box-mid{  background-color: #4B4B4B; color:#fff;   padding: 20px 0;  max-height: 24px;  min-height: 24px;}


.blue-bottom{background:#344371;}
.orange-bottom{  background: #cb6909;}
.red-bottom{background: #9B2327;}
.blue{
background: rgb(42,59,107); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmEzYjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjM2E0OTc1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjMmEzYjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNDY1NDdlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(45deg,  rgba(42,59,107,1) 0%, rgba(58,73,117,1) 48%, rgba(42,59,107,1) 83%, rgba(70,84,126,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(42,59,107,1)), color-stop(48%,rgba(58,73,117,1)), color-stop(83%,rgba(42,59,107,1)), color-stop(99%,rgba(70,84,126,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(42,59,107,1) 0%,rgba(58,73,117,1) 48%,rgba(42,59,107,1) 83%,rgba(70,84,126,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(42,59,107,1) 0%,rgba(58,73,117,1) 48%,rgba(42,59,107,1) 83%,rgba(70,84,126,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(42,59,107,1) 0%,rgba(58,73,117,1) 48%,rgba(42,59,107,1) 83%,rgba(70,84,126,1) 99%); /* IE10+ */
background: linear-gradient(45deg,  rgba(42,59,107,1) 0%,rgba(58,73,117,1) 48%,rgba(42,59,107,1) 83%,rgba(70,84,126,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3b6b', endColorstr='#46547e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.orange{background: #cb6909; /* Old browsers */
background: -moz-linear-gradient(45deg,  #cb6909 0%, #da934c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#cb6909), color-stop(99%,#da934c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #cb6909 0%,#da934c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #cb6909 0%,#da934c 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #cb6909 0%,#da934c 99%); /* IE10+ */
background: linear-gradient(45deg,  #cb6909 0%,#da934c 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb6909', endColorstr='#da934c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.red{background: rgb(154,34,38); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(154,34,38,1) 83%, rgba(172,76,80,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(83%,rgba(154,34,38,1)), color-stop(99%,rgba(172,76,80,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(154,34,38,1) 83%,rgba(172,76,80,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(154,34,38,1) 83%,rgba(172,76,80,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(154,34,38,1) 83%,rgba(172,76,80,1) 99%); /* IE10+ */
background: linear-gradient(45deg,  rgba(154,34,38,1) 83%,rgba(172,76,80,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a2226', endColorstr='#ac4c50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.right-line{border-right:3px solid #fff;}

#more-info {
  text-align: left;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  color:#000;
}
.footercontainer-inner ul li a{
  padding: 0 20px;
  width: auto;
    color: #4B4B4B;
}
.footercontainer-inner p, .footercontainer-inner li{float:left;}
.footercontainer-inner ul{float:right;}
#logocontainer p {
  float: left;
  color: #A6A4A4;
  padding: 20px;
  margin: 0;
}
#logocontainer {
  background-color: #4B4B4B;
}

.box{
width:33.33%;
float:left;
text-align: center;
}

.footercontainer-inner {
  font-size: 0.75em;
 
}



* {
	margin:0;
	padding:0;
	border:0;
	}
.clearfix {
	clear:both;
	}
body {
  margin: 0 auto;
  font-family: 'Merriweather Sans', Arial, Helvetice Neue, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  color: #838383;
}


h1 {
	font-size:36px;
	font-weight:400;
	}
h2 {
	font-size:24px;
	font-weight:400;
	}
h3 {
	font-size:18px;
	font-weight:700;
	  padding: 30px 0 15px 0;
	}
	

	#sidebarcontainer img{
	  width: 100%;}
a{
text-decoration:none;
color:#000;
}	


#wrapper, #logocontainer, #navigationscontainer, #contentcontainer, #sidebarcontainer, #footercontainer, #homecontainer {
	position:relative;
	display:block;
	box-sizing:border-box;
	}
#wrapper, #logocontainer, #navigationscontainer, #contentcontainer, #sidebarcontainer, #footercontainer, #homecontainer {
	width:100%;
	}

#wrapper {
	}

	li{ list-style: none;} 
	.logocontainer-inner{
		  padding-left: 4%;		
		}
		.footercontainer-inner{}
	  .logocontainer-inner h1{
		  color: #fff;
		  font-weight:300;
		  } 
  
	  #navigationscontainer {
		  background-color: #096;
		  }
	  			#navigationscontainer ul {}
				#navigationscontainer li {
					display:block;
					list-style-type:none;
					}
				#navigationscontainer a, #navigationscontainer a:visited {
					display:block;
					position:relative;
					box-sizing:border-box;
					width:100%;
					padding:15px;
					background-color: #096;
					color: #CCC;
					text-decoration:none;
					}
				#navigationscontainer a:hover, #navigationscontainer a:active {
					background-color: #0C3;
					color:#fff;
					}
					
					
	
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: relative;
}

nav li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

nav li a {
	display:block;
	height: 50px;
	text-align: left;
	line-height: 50px;
	font-family: 'Merriweather Sans', sans-serif;
	color: #fff;
	background:#575E5F;
	text-decoration: none;
	  text-align: center;
}

nav li:hover a {
	background: #939393;
}

nav li:hover ul a {
	background: #BDBDBD;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

nav li:hover ul a:hover {
	background: #575E5F;
	color: #fff;
}

nav li ul {
	display: none;
}

nav li ul li {
	display: block;
	float: none;
	  position: absolute;
  z-index: 999999;
}

nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 30px;
}

nav ul li a:hover + .hidden, nav .hidden:hover {
	display: block;
	
}

p a {color:#333;}
p a:hover{text-decoration:underline;}

nav .show-menu {
	font-family: 'Merriweather Sans', sans-serif;
	text-decoration: none;
	color: #fff;
	background: #575E5F;
	text-align: center;
	padding: 10px 0;
	display: none;
}
.zero{width:auto!important;}
nav input[type=checkbox]{
    display: none;
}

nav input[type=checkbox]:checked ~ #menu{
    display: block;
}
					
#contentcontainer ul{padding: 20px;}			
#contentcontainer ul li{margin-bottom: 10px;}		
	#sidebarcontainer h2{ margin: 0 0 20px 0;}				
#contentcontainer h3, #contentcontainer h2{padding: 20px 0 10px 0;}	  
	  
	  #contentcontainer {
		float:none;
		padding:30px 10px 20px 10px;
		  }
	.gallery-row img {
		  width: 70%;
		  padding:30px;
		  height: auto;
		  margin-left: 0;
		  margin-top: 0;
		  float: none;
		}
		.gallery-row:after, ul:after, nav:after, .logocontainer-inner:after, .footercontainer-inner:after, .box-mid:after, .box-mid div:after {
		clear:both;
		content:'';
		display:block;
		}
	
		.map{
 max-width:600px;
 
 }
.map iframe{
width:100%;
}	
			.infobox {
					position:relative;
					display:block;
					box-sizing:border-box;
					}
			.infobox h1 {
				color:#575E5F;
				font-weight:300;
				margin:0 0 20px 0;
				}
			.box1 {
				width:100%;
				float:none;
				}
			.box2 {
				width:100%;
				float:none;
				}
			.box3 {
				width:100%;
				float:none;
				}
	
			.button a, .button a:visited {
				display:block;
				position:relative;
				box-sizing:border-box;
				width:100%;
				height:70px;
				padding:25px 0 0 0;
				margin:10px 0;
				text-align:center;
				
				background-color: #096;
				color:#fff;
				font-size:16px;
				text-decoration:none;
				
				transition:all 300ms linear;

				}
			.button a:hover, .button a:active {
				background-color: #0C3;
				color:#fff;
				font-size:24px;
				}
	
	
	  #sidebarcontainer {

		float:none;
		padding:30px 20px;
		}
	
	
		
	 
	
@media screen and (min-width:480px) {
.gallery-row img {
		  width: 38%;
		  padding:0;
		  margin-left: 1%;
		  margin-top: 1%;
		  float: left;
		}



}
@media screen and (max-width:421px) {
div #logocontainer p {
  padding: 20px 4px;
}
div .logocontainer-inner a img {
  height: 46px;
  }
}
@media screen and (max-width:807px) {
#logocontainer a {
  float: none;
  display:block;
}

}
@media screen and (max-width:900px) {
div #footercontainer {
  padding: 0px 20px;
}
.box-row-inner .box{float:none; width:100%;}
div .right-line {
  border-right: 0px solid #fff;
}

}
@media screen and (min-width:740px) {
nav ul {  background: #575E5F;}
nav li a {
padding: 0 30px;
}
.gallery-row img {
		  width: 24%;
		  height: auto;
		  margin-left: 1%;
		  margin-top: 1%;
		  float: left;
		}

		  
	
	
	#navigationscontainer li {
					display: inline-block;
					}
	
	#contentcontainer {
		width:65%;
		float:left;
		  }
		  
		  	.box1 {
				
				margin:0 25px 25px 0;
				}
			.box2 {
			
				margin:0 5% 0 0;
				}
			.box3 {
				
				margin:0;
				}
		  
		  
		  
		  
	  #sidebarcontainer { 
		width:35%;
		float:right;
		}
	}
@media screen and (max-width : 760px){
	
	nav ul {
		position: static;
		display: none;
	}
	
	nav li {
		margin-bottom: 1px;
	}
	
	nav ul li, li a {
		width: 100%;
	}
	
	nav .show-menu {
		display:block;
	}
}