/*
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto Slab', serif;
*/

html, body {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #38761d;
	color: #333;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

html {
	font: normal 16px/26px 'Source Sans Pro', arial, sans-serif;
	overflow-y: scroll;
	font-weight: 400;
}

p, ul, ol, dl, pre, table, fieldset, .block {
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizelegibility;
	line-height: normal;
	margin: 0 0 0.6em 0;
}

h1 a, h2 a, h3, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

ul, ol, dl {
	padding-left: 2em;
}

a {
	text-decoration: none;
}

sub, sup {
	position: relative;
	font-size: 70%;
}

	sub {
		top: 1px;
	}
	
	sup {
		top: -1px;
	}

object {
	outline: none;
}

img {
	border: 0;
	vertical-align: top;
}

figure figcaption {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: inherit;
	font-size: inherit;
	width: 100%;
}

	table th,
	table td,
	table caption {
		text-align: left;
	}
	
/*! 
 * Additional classes
 */

.hidden {
	display: none;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

img.align-right {
	float: right;
	margin: 0 0 1em 1em;
}

img.align-left {
	float: left;
	margin: 0 1em 1em 0;
}

/*! 
 * ClearFix
 */
 
.clear, .container, .row {
	clear: both;
}

.clearfix, .container, .row {
	zoom: 1;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after {
	content: "";
	display: table;
}

.clearfix:after, .container:after, .row:after {
	clear: both;
}

.row {
	position: relative;
	display: block;
}

/*!
 * System messages
 */
 
#system_messages {
	margin: 0 auto;
	position: relative;
	zoom: 1;
	list-style: none;
	overflow: hidden;
	padding: 0;
	clear: both;
	text-align: center;
}
	#system_messages .message {
		padding: 10px;
	}
	#system_messages .success {
		background-color: #E6EFC2;
		color: #264409;
	}
	#system_messages .notice, 
	#system_messages .warning {
		background-color: #BFFFC5;		
		color: #315121;
	}
	#system_messages .error {
		background-color: #FBE3E4;		
		color: #8A1F11;
	}
	#system_messages .error.fatal {
		background-color: #ff9797;		
		color: #840000;
	}
	
/*!
 * Form validation
 */

.validation-failed {
	background-color: #f88 !important;
}

.validation-passed {
	background-color: #080 !important;
}

.validation-advice {
	clear: left;
	color: #b2503c;
	padding-left: 150px;
}

/*! 
 * Forms
 */

form label {
	font-weight: normal;
}

form label.label {
	display: block;
	width: 120px;
	float: left;
	margin-left: -120px;
}

form label.overTxtLabel {
	padding: 2px 0 0 5px;
	font-style: italic;
	display: inline;
	font-size: 12px;
	float: none;
	width: auto;
	color: #ccc;
}

form .group {
	display: inline-block;
}

form .indent {
	padding-left: 120px;
}

form .row {
	margin-bottom: 0.3em;
	padding-left: 120px;
}

input, textarea, select {
	font-family: inherit;
	line-height: normal;
	vertical-align: top;
	font-size: 100%;
	outline: none;
	padding: 2px;
}

	input[type=checkbox], input[type=radio] {
		vertical-align: baseline;
	}
	
	textarea.txt, input.txt, select.txt {
		border: 1px solid #969696;		
	}
	
		input.txt {
			height: 26px;
			width: 260px;
			padding-left: 5px;
		}
		
		select.txt {
			line-height: 26px;
			padding: 4px;
			height: 32px;
			width: 209px;
		}
		
		textarea.txt {
			height: 80px;
			width: 263px;
		}
		
		textarea.txt:hover + label.overTxtLabel, 
		input.txt:hover + label.overTxtLabel, 
		select.txt:hover + label.overTxtLabel {
			color: #666;
		}

form .buttons {
	padding-top: 20px;
}
.formfield {
    position: relative;
    overflow: hidden;
    border: 1px solid #aaa;
    width: 300px;
}
	.formfield input, .formfield textarea {
		border: 0;
		width: 295px;
	}		

/*!
 * Navigation
 */

nav, 
nav a
nav ul, 
nav li {
	position: relative;
}

nav {
	line-height: 1.2;
}	

	nav.disabled {
		display: none;
	}
	nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		nav ul li a {
			display: block;
			zoom: 1;
		}
		
		nav ul ul {
			margin-left: 1em;
		}
		
		nav li.active > a,
		nav li:hover > a {
			text-decoration: underline;
		}
		
	nav.inline .menu-item,
	nav.inline .separator {
		float: left;
	}
	
	nav.depth1 ul ul,
	nav.depth2 ul ul ul,
	nav.depth3 ul ul ul ul,
	nav.depth4 ul ul ul ul ul,
	nav.depth5 ul ul ul ul ul ul,
	nav.depth6 ul ul ul ul ul ul ul {
		visibility: hidden;
		display: none;
	}
	
	nav.onactive ul ul {
		display: none;
	}
	
	nav.onactive li.active > ul {
		display: block;
	}
	
	nav.dropdown ul ul {
		white-space: nowrap;
		position: absolute;
		margin-left: 0;
		display: none;
		z-index: 2;		
		left: 100%;
		top: 0;
	}
		nav.dropdown .submenu {
			min-width: 100%;
			top: 100%;
			left: 0;
		}
		
		nav.dropdown li:hover > ul,
		nav.dropdown li:focus > ul {
			display: block;
		}
	
/*!
 * Buttons
 */
 
.btn {
	border: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	font-weight: normal;
	line-height: 32px;
	margin: 0;
	outline: none;
	overflow: visible;
	padding: 1px 15px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
	a.btn {
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0 15px 0 15px;
	}
	
	/*!
	 * Default button 
	 */
	.btn {
		color: #666;
		border: 1px solid #ddd;
		background: #f9f9f9;
	}
		.btn:hover, .btn:focus {
			color: #000;
			border-color: #d5d5d5;
			background-color: #fff;
		}
	
	.btn.big {
		background: #b2503c url('/skin/angle-right.png') no-repeat center right;
		border: 0;
		padding: 13px 60px 13px 30px;
		font-size: 21px;
		color: #fff;
		font-family: 'Roboto Slab', serif;
		box-shadow: 0 1px 5px -2px #b2503c;
		overflow: hidden;
	}
		.btn.big:hover, .btn.big:focus {
			background-color: #85200c;
			color: #fff;
		}
		.btn.big:active {
			background-color: #521205;
			color: #fff;
		}
	
 
/*! 
 * Base typography and text colors
 */

form label.overTxtLabel {
	padding: 5px 0 0 5px;
	color: #2d2b0d;
	font-weight: normal;
}

h1 {
	font-size: 200%;
	color: #85200c;	
	font-weight: normal;
	font-family: 'Roboto Slab', arial, serif;
}

h2 {
	font-size: 170%;
	font-weight: normal;
	color: #ed3a56;	
	font-family: 'Roboto Slab', arial, serif;
}

h3 {
	font-size: 140%;
	font-weight: normal;
	color: #85200c;
	font-family: 'Roboto Slab', arial, serif;
}

h4 {
	font-size: 104%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}

a {
	color: #E62344;
	text-decoration: underline;
}

	a:hover {
	}
	
	a.active {
	}
	
	a.active:hover {
	}
	
/*! 
 * Layout
 */

#container {
}

.container {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	zoom: 1;
}
	
header {
	position: relative;
	z-index: 2;
}
	header .container {
		padding-bottom: 2px;
	}
	header #logo {
		background: url('/skin/logo-bg.png?v2') no-repeat right top;
		position: relative;
		height: 200px;
		width: 350px;
		display: block;
		overflow: hidden;	
		padding-left: 20px;
	}
		header #logo img {
			position: relative;
			vertical-align: middle;
			top: 20px;
		}
	header .logo-expansion {
		position: absolute;
		top: 0;
		height: 97px;
		width: 100%;
		background: #fff;
		right: 100%;
	}
footer {
	position: relative;
}
	footer .container {
		max-width: 850px;
		padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
	}
	footer, footer a {
		color: #fff;
	}
	footer .footer-alt {
		background: #333;
		padding: 30px 0;
	}
	footer .footer-copyright {
		text-align: center; 
		color: #272727; 
		padding: 10px 0; 
		font-size: 80%;
	}
		footer .footer-copyright a {
			color: #272727; 
		}
	footer nav {
		position: relative;
		left: 50%;
		float: left;
		clear: both;
		margin: 10px 0;
		text-align: left;
		z-index: 1;
	}	
		footer nav .menu {
			position: relative;
			left: -50%;
			text-align: left;
		}
		footer nav a {
			text-decoration: none;
		}
		footer nav .menu-item {
			margin: 0 30px;
		}
			
#content {
	position: relative;
	background: #769e64;
	z-index: 1;
}
	#content .container {
		max-width: 779px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	/*
	#content > .container {
		padding-top: 60px;
	}
	*/

/*! 
 * Mainmenu
 */

#mainmenu {
	position: absolute;
	top: 80px;	
	right: 50px;
	font-size: 24px;	
	margin-left: 260px;
	font-weight: 300;
}
	#mainmenu .toggle-menu {
		display: none;
	}
	#mainmenu .menu-item {
		margin-left: 55px;		
	}
		#mainmenu .menu-item.first {
			margin-left: 0;
		}
	#mainmenu a {
		color: #fff;
		text-decoration: none;		
	}
		#mainmenu li.active > a {
			text-decoration: none;
			color: #fff;
			font-weight: 500;
		}
		#mainmenu li:hover > a {
			text-decoration: underline;
			color: #fff;			
		}

nav.paging {
	position: relative;
	left: 50%;
	float: left;
	clear: both;
	margin: 0 0 30px 0;
	text-align: left;
	z-index: 1;
	font-size: 20px;
}	
	nav.paging .menu {
		position: relative;
		left: -50%;
		text-align: left;
	}
		nav.paging a {
			text-decoration: none;
		}
		nav.paging .menu-item {
			margin: 0 10px;
		}
		
.block-content {
	position: relative;
}
	.block-content table {
		color: #333;
	}
	.block-content img {
		margin-bottom: 20px;	
		max-width: 100%;
	}
	.block-content h3 {
		color: #fff;
	}
.block-brandbox {
	position: relative;
	background: #fff;	
	overflow: hidden;
	height: 416px;
	margin: 0;
	padding: 0;
}
	.block-brandbox .gallery {
		list-style: none;
		padding: 0;
		margin: 0;
		position: relative;
		height: 100%;
	}
		.block-brandbox .gallery .media {
			position: relative;
			height: 100%;
			background-position: center top;
			background-repeat: no-repeat;
		}
		
.block-presentation {
	position: relative;
	background: #eee;
	padding: 56% 0 0 0;
	margin: 3em 0 1em 0;
}
	.columns .block-presentation {
		margin-top: 0;
	}
	.block-presentation .previous,
	.block-presentation .next {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 15%;
		opacity: 0;
		display: block;
		background: #000;
		z-index: 2;
	}
		.block-presentation .previous:hover,
		.block-presentation .next:hover {
			opacity: 0.1;
		}
		.block-presentation .previous {
			left: 0;
		}
		.block-presentation .next {
			right: 0;
		}
	.block-presentation .presentation-sheets {
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}
		.block-presentation img {
			max-width: 100%;
		}
		
.block-recenteblogs {
    background: #d1ccbd;
    padding-top: 80px;
    padding-bottom: 80px;
}
	.block-recenteblogs h1 {
		text-align: center;
		margin: 0 0 40px 0;
	}
	.block-recenteblogs .news {
		list-style: none;
		position: relative;
		overflow: hidden;
		padding: 0;
		margin: 0 0 30px 0;
		height: 270px;
	}
		.block-recenteblogs .news li {
			overflow: hidden;
			position: relative;
			height: 270px;
			background: #d1ccbd;	
		}
		.block-recenteblogs .news .article {
			width: 50%;
			float: left;			
			overflow: hidden;
			position: relative;
			height: 270px;			
		}
			.block-recenteblogs .news .article article {
				color: #4e4c47;
			}
			.block-recenteblogs .news .article .article-inside {
				position: relative;
				height: 270px;
			}
				.block-recenteblogs .news .article .article-inside.first {
					padding-right: 80px;
					border-right: 1px solid #fff;
				}
				.block-recenteblogs .news .article .article-inside.last {
					margin-left: 80px;
				}
			.block-recenteblogs .news .article .entry-meta {
				display: none;
			}
			.block-recenteblogs .news .article h2 {
				color: #4e4c47;
				font-size: 20px;
			}
			.block-recenteblogs .news .article .entry-content .more {
			    color: #E62344;
			    text-decoration: underline;
			    font-weight: bold;
			    white-space: nowrap;
			}
			.block-recenteblogs h3 {
				text-align: center;				
			}
				.block-recenteblogs h3 a {
					color: #fff;
				}

.whitespace {
    position: relative;
    overflow: hidden;
    height: 60px;
}

/*.curved-layout {
}
	.curved-layout .curved-background {
		z-index: 1; 
		position: absolute; 		
		left: 0; 
		right: 0; 
		height: 250px; 		
		background: #fff url('/skin/swirl-a.png') no-repeat center top;
	}
		.curved-layout.alt .curved-background {
			background-image: url('/skin/swirl-b.png');
		}
	.curved-layout .container {
		position: relative; 
		z-index: 2; 
		padding-top: 60px;	
		padding-bottom: 30px;
	}
	.curved-layout .curved-top {
		background: #769e64;
		position: relative;
		min-height: 250px;
	}
		.curved-layout.basic .curved-top {
			color: #4e4c47;
		}
		.curved-layout.alt .curved-top {
			background-color: #fff;
		}
		.curved-layout .curved-top .curved-background {
			bottom: 0;
		}
		.curved-layout .curved-top .container {	
		}
	.curved-layout .curved-bottom {
		position: relative;
		min-height: 250px;
	}
		.curved-layout.alt .curved-bottom {
			background-color: #d1ccbd;
			color: #4e4c47;
		}
		.curved-layout .curved-bottom .curved-background {
			top: 0;
			background-position: center bottom;
		}
		.curved-layout .curved-bottom .container {
		}*/
		
.columns {
	position: relative;
}
	.two-columns .column {
		position: relative;
		width: 50%;
		float: left;
	}
		.two-columns .column.first .column-inside {
			margin-right: 10px;
			margin-top: 20px;
		}
		.two-columns .column.second .column-inside {
			margin-left: 10px;
			margin-top: 20px;
		}
		
.block-blog {
    position: relative;
}
	.block-blog .news {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    position: relative;
	}
		.block-blog .news .article {
		    border-bottom: 1px solid #D1CCBD;
		    padding: 0 0 20px 0;
		    margin: 0 0 30px 0;
		    position: relative;
		}
			.block-blog .news .article:last-child {
				border-bottom: 0;
			}
			.block-blog .news .article h2 {
/* 			    margin: 0; */
			}
			.block-blog .news .article .entry-meta {
			    font-size: 18px;
			    font-style: italic;
			    margin: 0 0 1em 0;			
			    font-weight: bold;
			    display: none;
			}
			.block-blog .news .article .entry-content a {
			    color: #E62344;
			    text-decoration: underline;
			    font-weight: bold;
			    white-space: nowrap;
			}
			.block-blog .news .article .tags {
			    position: relative;
			    overflow: hidden;
			    margin: 10px 0 0 0;
			}
				.block-blog .news .article .tags .tag {
				    background: #e7e5de;
				    padding: 1px 5px;				
				    text-decoration: none;
				    color: #333;
				}
					.block-blog .news .article .tags .tag:hover {
						background: #4A4A4B;
						color: #fff;
					}
					
.block-blogsearch {
    position: relative;
    border-bottom: 1px solid #D1CCBD;
    padding: 20px 0;
    margin-bottom: 40px;
}

.block-articleshare {
    margin-bottom: 60px;
}
    .block-articleshare .socialmedia {
        margin-top: 20px;
        color: #E62244;
    }

.newsarticle {
    position: relative;
    padding: 60px 0;
}
    .newsarticle .entry-meta {
        display: none;
    }
    .newsarticle .intro {
    	margin: 0 0 1.5em 0;
    	color: #ed3a56;
    	font-family: 'Roboto Slab', arial, serif;
    	font-size: 20px;
    }
    .newsarticle .media {
    	margin: 3em 0;
    }
		.newsarticle .media img {
			max-width: 100%;
		}
    
.block-googlemap {
	height: 416px;
	position: relative;
	background: #d1ccbd;
}

.block-search form {
    padding-right: 168px;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}
    .block-search .submit {
        position: absolute;
        top: 0;
        right: 0;
        width: 78px;
        background-color: #D1CCBD;
        box-shadow: none;
    }
    .block-search .formfield input {
        font-size: 23px;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
    }

html .stButton .twitter,
html .stButton .linkedin,
html .stButton .email {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;    
    margin: 0 3px;
    position: relative;
    padding: 0;
}
	html .stButton .twitter {
		background: url('/skin/twitter.png') no-repeat left top;    
	}
	html .stButton .linkedin {
		background: url('/skin/linkedin.png');    
	}
	html .stButton .email {
		background: url('/skin/mail.png');    
	}

@media all and (max-width: 980px) {
	#mainmenu .menu-item {
		margin-left: 20px;		
	}
}

@media all and (max-width: 870px) {
	#mainmenu .menu-item {
		font-size: 90%;	
	}
}

@media all and (max-width: 800px) {
	#mainmenu .toggle-menu {
		display: inline;
	}
	#mainmenu .menu {
		display: none;
	}
		#mainmenu.active {
			margin-left: 0;		
			left: 0;
			text-align: right;
		}
		#mainmenu.active .menu {
			display: block;
			position: absolute;
			left: 0;
			padding: 20px;
			background: #4A4A4B;
			top: 65px;
			right: -20px;
		}
		#mainmenu.active .toggle-menu {
			color: #333;
		}
		#mainmenu .menu-item {
			float: none;			
			margin: 0 0 10px 0;
		}
}

@media all and (max-width: 750px) {
	.block-recenteblogs .news .article {
		width: 100%;
		float: none;
	}
	.block-recenteblogs .news .article .article-inside.first {
		border: 0;
		padding-right: 0;
		text-align: center;
	}
	.block-recenteblogs .news .article .article-inside.last {
		display: none;
	}
	.block-googlemap {
		display: none;
	}
	.block-brandbox {
		display: none;
	}
	.btn {
		font-size: 16px !important;
	}
}

@media all and (max-width: 600px) {
	.two-columns .column {
		width: 100%;
		float: none;
	}
	.two-columns .column.first .column-inside,
	.two-columns .column.second .column-inside {
		margin-left: 0;
		margin-right: 0;
	}
}
