* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }
  
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: GeezaPro, roboto, segoe, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #473f3f; }
  
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot');
	src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, time {
  margin: 0;
  font-family: 'BebasNeueRegular', "arialNarrow", sans-serif;
  font-weight:normal;
  font-style: normal;
  color:rgb(172,62,48);
  text-rendering: optimizelegibility; }
  
time {color:#fff;}

a {text-decoration: none;}

ul{text-decoration: none;}

legend {margin-bottom:2em;}

/* Windows Chrome ugly fix http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'icomoon';
		src: url('fonts/icomoon.svg#icomoon') format('svg');
	};
}

#ribbon {width:100%; height:80px; position: fixed; top:1em; background: rgba(7,55,122,0.95); z-index: 100; margin:0; padding:0;}

.container {position: relative; margin: 0 auto; width:75%; max-width:1080px; }

.main {position: relative; width: 75%; margin:0 auto}

#menu {	float:right; width:70%;}

.page { background:#fbfbfb; background:rgba(255,255,255,0.9); box-shadow: 2px 0 4px rgba(0,0,0,.35), -2px 0 4px rgba(0,0,0,.35); z-index:1; position: absolute; padding: 0 1em; width:100%;}

.content, .content-blog {width:100%; margin: 8em 0 0; min-height:30em;}

.content-blog {width:60%;}

.sidebar,.contact-bar { margin-left:2em; margin:0 1em 0 0; right:0; top:8em; position: absolute; width:25%;  background: rgb(172,62,48); border-radius:4px; padding: .5em 1em 1.5em; border: 4px solid #fff; box-shadow:0 2px 5px 0 rgba(100,100,100,.45), inset 0 2px 5px 0 rgba(100,100,100,.65);}

.contact-bar {width:35%;}

.sidebar h2,.contact-bar h2 {padding:.5em 0 .3em;font-size:26px; font-size:2.6rem; border-bottom: 1px solid #fff; text-shadow: 0 2px rgb(116,0,0); color:#fff;   }

.sidebar ul {list-style: none;}

.sidebar ul li { padding:0.2em 0; border-bottom: 1px solid #eee; border-top: 1px solid rgb(116,0,0);}

.sidebar ul li:last-child {border-bottom:none;}

/*.sidebar ul li:last-child {border-bottom:none;}*/

.sidebar ul li a {list-style: none; color:#fff; font-family: 'BebasNeueRegular', "arialNarrow", sans-serif; letter-spacing: 1px; font-size:16px; font-size:1.6rem;}

.content-h {color:rgb(172,62,48); font-size:32px; font-size:3.2rem; padding:0 0 .15em; border-bottom: 1px solid rgb(172,62,48); }

.content-h span {margin-right:0.10em;}

.content-h a {text-decoration: none; color:rgb(172,62,48); margin-bottom:1em;}

span.icon-cogs {margin-right:.15em}

.content-copy { font-size:14px; font-size: 1.4rem; line-height: 1.3; margin-bottom:.6em; position:relative;}

.content-copy p {margin: 1em 0 0 2.5em;}

.content-copy p:first-child {margin-top:2em;}

.content-copy p img {max-width:100%;}

.content-copy h2, .content-copy h3 {font-size:22px; font-size:2.2rem; margin:1em 0 .75em 1.6em; line-height: 0.9; }

.content-copy h2:first-child, .content-copy h3:first-child {margin-top:0.75em;}

.content-copy ul {margin-left: 2em;}

.content-blog p {margin-left:0;}

.content-copy img {max-width: 100%; border-radius:4px;box-shadow:0 2px 5px 0 rgba(100,100,100,.45); padding:0.3em; background: #fff; margin-right:0.5em; }

.paging {margin:.5em 0 0 3.2em; font-size:10px; font-size: 1.0rem; font-family: 'BebasNeueRegular', "arialNarrow", sans-serif; }

.map {width:100%; border: 4px solid #fff; box-shadow:0 2px 5px 0 rgba(100,100,100,.45), inset 0 2px 5px 0 rgba(100,100,100,.65);overflow:hidden; margin-top:1em;}

.hcard {color:#fff; margin-top:1em;}

.fn {font-weight: 700;}

time { background: rgb(7,55,122); padding:0.2em 0.4em; margin-top:0.5em; font-size:16px; font-size:1.6rem; border-radius: 3px; color:#fff; border:2px solid #fff; box-shadow:0 1px 3px 0 rgba(100,100,100,.35); text-shadow: 0 1px #100575;}

.backstretch:after {content:''; background:transparent url(../images/pattern.png) repeat top left; width:100%; height:100%; position: fixed; }

.logo { margin:0 auto; margin: -0.5em 0 0 -2em; background: url(../images/logo.png)0 0 no-repeat; width:265px; height:120px; background-size: contain; position: absolute;}

.icon-cogs, .icon-compass, .icon-bubble, .icon-ticket, .icon-facebook, .icon-twitter, .icon-blog, .icon-mail, .icon-menu  {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size:28px; font-size:2.8rem;
}

.icon-cogs:before {
	content: "\e000";
}
.icon-compass:before {
	content: "\e001";
}
.icon-bubble:before {
	content: "\e002";
}
.icon-ticket:before {
	content: "\e003";
}
.icon-facebook:before {
	content: "\e004";
}
.icon-twitter:before {
	content: "\e005";
}
.icon-blog:before {
	content: "\e006";
}
.icon-mail:before {
	content: "\e007";
}
.icon-menu:before {
	content: "\e008";
}

a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav ul {
	width:100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 300;
	float:right;
	font-family: 'BebasNeueRegular', "arialNarrow", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}

.nav li span {display: block;}

.lt-ie9 ul li span {width:100%;}

.nav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s;
}



.nav i{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}




/* Remove the blue Webkit background when element is tapped */
a, button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Adding some background color to the different menu items */

.listing {list-style: none;}

.hentry {margin-top:2em; padding-bottom:2.5em; border-bottom:4px solid rgb(172,62,48); }

.description p{font-size: 12px; font-size:1.2rem; margin-left:0;}

.hentry h2 { color:rgb(172,62,48); font-size:24px; font-size:2.4rem; padding:0.6em 0 0; line-height: .9; margin:0.3em 0 1em;}

.hentry h2 a{text-decoration: none; color:rgb(172,62,48); -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}

.hentry h2 a:hover {color:rgb(119,0,0);}


.entry-published {float:right;}

/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */



.form { -webkit-box-sizing: border-box;}

.formfields {position: relative; margin: .6em 5%; width:90%}

.formIntro {margin-top:1em;}

.formIntro p {margin-left:0;}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

label,
input,
select,
textarea {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.2;
}

label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"] {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
input,
textarea {
  width: 90%;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="email"],
input[type="tel"] {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus
input[type="tel"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

select {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  line-height: 30px;
}
select {
  width: 60%;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}



input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}

.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%;
}

/* For screen bigger than 800px */
@media (min-width: 50em) {

	.nav li {
		float: left;
		width: 12.5%;
		text-align: center;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav a {
		display: block;
		width: auto;
	}



	/* Placing the icon */
	
	.icon {
		padding-top: .4em;
	}

	.icon + span {
		margin-top: .5em;
		font-size:0.6em;
		line-height: 1;
	}

	/* Animating the height of the element*/
	.nav a {
		height: 3em;
	}

	.no-touch .nav a:hover ,
	.nav a:active ,
	.nav a:focus {
		height: 3em;
	}	

	/* Making the text follow the height animation */
	.no-touch .nav a:hover .icon + span {

		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Positioning the icons and preparing for the animation*/
	.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		font-size: 0.8em;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;
	}	
	
	/* Animate the box-shadow to create the effect */
	.no-touch .nav a:hover i,
	.no-touch .nav a:active i,
	.no-touch .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}
		
}

@media (min-width: 50em) and (max-width: 61.250em) {

	/* Size and font adjustments to make it fit into the screen
	.nav ul {
		font-size: 1.2em;
	}
*/
}

/* The "tablet" and "mobile" version */

@media (max-width: 49.938em) {	

	.logo {top:0.25em; left:1em; width:240px; height:110px;}
	/* Instead of adding a border, we transition the background color */
	.no-touch .nav ul li:nth-child(8n+1) a:hover,
	.no-touch .nav ul li:nth-child(8n+1) a:active,
	.no-touch .nav ul li:nth-child(8n+1) a:focus {
		background: rgb(145, 9, 0);
	}

	.no-touch .nav li:nth-child(8n+2) a:hover,
	.no-touch .nav li:nth-child(8n+2) a:active,
	.no-touch .nav li:nth-child(8n+2) a:focus {
		background: rgb(206, 151, 0);
	}

	.no-touch .nav li:nth-child(8n+3) a:hover,
	.no-touch .nav li:nth-child(8n+3) a:active,
	.no-touch .nav li:nth-child(8n+3) a:focus {
		background: rgb(191, 95, 0);
	}

	.no-touch .nav li:nth-child(8n+4) a:hover,
	.no-touch .nav li:nth-child(8n+4) a:active,
	.no-touch .nav li:nth-child(8n+4) a:focus {
		background: rgb(86, 153, 0);
	}

	.no-touch .nav li:nth-child(8n+5) a:hover,
	.no-touch .nav li:nth-child(8n+5) a:active,
	.no-touch .nav li:nth-child(8n+5) a:focus {
		background: rgb(7, 55, 122);
	}

	.no-touch .nav li:nth-child(8n+6) a:hover,
	.no-touch .nav li:nth-child(8n+6) a:active,
	.no-touch .nav li:nth-child(8n+6) a:focus {
		background: rgb(43, 107, 191);
	}
	
	.no-touch .nav li:nth-child(8n+7) a:hover,
	.no-touch .nav li:nth-child(8n+7) a:active,
	.no-touch .nav li:nth-child(8n+7) a:focus {
		background: rgb(30, 30, 30);
	}
	
	.no-touch .nav li:nth-child(8n+8) a:hover,
	.no-touch .nav li:nth-child(8n+8) a:active,
	.no-touch .nav li:nth-child(8n+8) a:focus {
		background: rgb(70, 70, 70);
	}
	.nav ul {margin-top: 45px;}
	.nav ul li {
		-webkit-transition: background 0.5s;
		-moz-transition: background 0.5s;
		-o-transition: background 0.5s;
		-ms-transition: background 0.5s;
		transition: background 0.5s;
	}

.nav li:nth-child(8n+1) {
	background: rgba(172, 62, 48,.95);
}

.nav li:nth-child(8n+2) {
	background: rgba(222, 183, 53,.95);
}

.nav li:nth-child(8n+3) {
	background: rgba(207, 123, 48,.95);
}

.nav li:nth-child(8n+4) {
	background: rgba(105, 167, 125,.95);
}

.nav li:nth-child(8n+5) {
	background: rgba(43, 76, 123,.95);
}

.nav li:nth-child(8n+6) {
	background: rgba(102, 141, 192,.95);
}

.nav li:nth-child(8n+7) {
	background: rgba(60, 60, 60,.95);
}

.nav li:nth-child(8n+8) {
	background: rgba(100, 100, 100,.95);

}
.content-copy ul {margin-left: 0;}
.content-h {font-size:24px; font-size:2.4rem; }
.content-blog {width:90%; margin:8em auto 1em; position: relative}
.description {font-size: 11px; font-size:1.1rem; line-height: 1.3;}
	
.sidebar, .contact-bar { margin:0; width:auto; position: static; float: none;}

input,
textarea {
  width: 100%;
}

}


/* Adapting the font size and width for smaller screns*/
@media (min-width: 49.938em) and (max-width: 61.250em) {
	
	.nav li span.icon {
		width: 100%;
	}

	.nav li .icon + span {
		font-size: 0.5em;
	}
}

/* Styling the toggle menu link and hiding it */
.nav .navtoggle{
	display: none;	
	width: 100%;
	padding: 0.5em 0.5em 0.8em;
	font-family: 'BebasNeueRegular', "arialNarrow", sans-serif;
	font-weight: normal;
	text-align: right;
	color: #fff;
	font-size: 1.2em;
	background: none;	
	border: none;
	cursor: pointer;
	position: absolute;
	top:1em;
}

#menuToggle { border-radius:50%; background: white}

button > span {display: inline-block;  text-align: center; width:100%; font-size: 12px; font-size:1.2rem; margin-top:10px;  }

.icon-menu {
	position: relative;
	line-height: 0;
	font-size: 1.2em;
	float:right;
	width:100%;
	margin: .4em auto 0.1em;
	text-align: center;

}

@media (max-width: 49.938em) {

#ribbon {position: absolute; z-index: 99999;}
.container {width:90%}
#menu {width:100%; position: relative;}
	/* Unhiding the styled menu link */
time {font-size: 10px; font-size: 1.0rem;}	


.logo {width:210px; top:0.5em; left:1.5em;}

.nav .navtoggle{
		margin: 0;
		padding:0;
		display: block;
		position: relative;
		width:14%;
		float: right;
		top:1.2em;
	}
	
.icon-menu {float:right; margin:0; padding:0;}
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
		max-height: 65em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {		
		max-height: 65em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
		display: inline-block;
		margin: 0 0 0 1em;
		font-size: 18px;
		font-size: 1.8rem;
	}

.nav a {
		padding: 0.5em 0;		
	}
	
.icon + span {
		font-size: 0.9em;
	}

	/* make the nav bigger on touch screens */
.touch .nav a {
		padding: 1em;
	}

.hentry h2 {font-size:20px; font-size:2.0rem; margin:0.5em 0;}

.content-h {font-size:14px font-size:1.4rem;}

.content-h span {margin-right:0.3em}	

.content-copy {padding-left:0; font-size:12px; font-size: 1.2rem; line-height: 1.2;}

.content-copy p {margin: 1em 0 0;}

.content-copy h2,.content-copy h3 {margin-left:0;}
}
@media (max-width: 32.438em){

.logo { top:0.5em; left:.5em;}
	

.nav ul {
		font-size: .5em;
	}


	
}
/*blog submit button*/
.button { background: rgb(172,62,48); border-radius:4px; border:2px solid #fff; color:#fff; box-shadow: inset 0 1px 3px rgba(60,60,60,.35); width:35%; display: inline-block; margin-bottom:2em; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}

.button:hover { background: rgba(171,48,48,1); }

.no-inset {margin-left:0!important;}

.break {height: 4px; width:100%; background:rgb(172,62,48); box-shadow: 0 2px 6px rgba(60,60,60,.35); margin-top:2em;}

.comment {background:#eee; border-radius: 6px; margin:2em 0; padding:0.5em; width:100%; display: block; box-shadow:0 0 3px 0 #999;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }