@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	background-position: top;
}

p {
  font-size: 0.875em;
  line-height: 1.25em;
  margin-bottom: 1.3em;
  color: #818181;
}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  line-height: 1.2;
  font-weight: normal;
}

h1 {
  margin-top: 0;
  font-size: 1.357em;
  color: #656671;
}

h2 {
	font-size: 1em;
	color: #656671;
}

h3 {
	font-size: 0.875em;
	font-weight: 700;	
}

h4 {
	font-size: 0.750em;
	font-weight: 700;
}

ol, ul { list-style: none; }

a img, :link img, :visited img { border: 0; }

:link, :visited { text-decoration:none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
	* html .clearfix { height:1%; }

*+html .clearfix { height:1%; }

.clearfix { display:block; }

/* Default styling classes */
.clear { clear: both; }

a {
	text-decoration: none;
	color: #1c93d3;
}

a:hover { color: #1c93d3; text-decoration:underline; }

ul.std {
	font-size: 0.875em;
	margin: 5px 0px 8px 15px;
	list-style-position: outside;
	list-style-type: disc;
	color: #818181;
}

ul.std li { 
	padding-left: 6px; 
	padding-bottom: 6px;	
}

table, table tr, table tr td, tr, td { vertical-align: top; }

table.nstd { 
	border: 1px solid #818181; 
	margin: 5px 0px 8px 0px;	
}

table.nstd tr, table.nstd tr td {
	border: 1px solid #818181; 
	padding: 5px;	
	font-size: 0.875em;
  	line-height: 1.25em;
 	margin-bottom: 1.3em;
  	color: #818181;
}


/* H1 Image Replacement */
.head-rep span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.head-rep { padding: 0; }

h1#logo {
	width: 74px;
	height: 14px; 
	background: url(../images/header/h-about-us.jpg);	
}

/* <h1 id="logo" class="head-rep" title="About us"><span>About us</span></h1> /*

/* Menu bar */
nav ul {
	padding:0;
	margin: 0;
	list-style-type:none;
}

nav ul li { 
	display:inline; 
	padding:0;
	margin: 0;
}

/* Slider */
#slider {
      display: none;
	  max-width: 960px;
	  max-height: 240px;
    }
.slidesjs-pagination .active {
      color:red;
    }
	
/*
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/jquery.slides.min.js" type="text/javascript"></script>
<script>
    $(function() {
      $('#slider').slidesjs({
        width: 961,
        height: 353,
		pagination: {
      		active: false
		},
		navigation: {
      		active: false
		},
		 play: {
		  active: false,
		  effect: "slide",
		  interval: 5000,
		  auto: true,
		  swap: true,
		  pauseOnHover: true,
		  restartDelay: 2500
		}
      });
    });
  </script>
*/

/* Colorbox */
/* 
<link rel="stylesheet" href="css/colorbox.css" type="text/css" media="all" title="All" charset="utf-8" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("a[rel='colorbox']").colorbox();
	});
</script>
*/

/* Rounded Corners */
/*
.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	display: block;
}
*/

.ri {
	max-width: 100%; 
	display:block; 
	height: auto;
}

/* Main Container (Center Content) */
#container {
	max-width: 960px;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;    
	display: flex; 
  	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0 auto;
	background: #FFF;
}

header, nav, section, footer, .wrapper {
  width: 100%;
}

#logo {
	float: left;
	margin: 42px;	
}

#contact { 
	float: right; 
	margin: 42px;
}

.mobile-wrapper, .wrapper {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;    
	display: flex; 
  	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-around;
}

nav {
	background: #8d8d8d;
	color: #FFF;	
	clear: both;
	font-size: 0.875em;
	line-height: 1em;
	padding: 0.625em;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
}

nav li + li:before{
    content: " | ";
    padding: 0 1em;
}

nav a {
	text-decoration: none;
	color: #FFF;
}

nav a:hover { color: #000; }

.col1, .col2, .col3 {
	width: 33.33%;
}

#leftcol { width: 70%; }

#rightcol { width: 30%; }

article, aside { 
	padding: 10%;
}	

#internal article, #internal aside { padding: 1em; }

#internal aside { background: #e5e5e5;}

article.grey {
	background: #696969;
	color: #FFF;
}

article.grey h1, article.grey h2, article.grey p {
	color: #FFF;
}

article.dk-grey {
	background: #e5e5e5;	
}


footer {
	
	background: #8d8d8d;
	padding: 1em;
	color: #FFF;
	font-size: 80%;

	align-items: center;	
}

footer p { margin: 0; color: #FFFFFF; }

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

footer a:hover { color: #FFF; text-decoration: underline; }

.float-left { float: left; }

.float-right { float: right; }

.nav-toggle { display: none; }

@media screen and (max-width: 768px) {
	.col1, .col2, .col3 {
		width: 100%;
	}
	
	#contact, #logo { 
		margin: 0.875em; 
		width: 40%;
		height: auto;
	}
	
	nav { 
		background: #FFF;
	}
	
	nav ul li {
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		display: block;
		background: #8d8d8d;
		text-align: center;
		padding: 0.313em;
		margin-bottom: 0.313em;
	}
	
	nav li + li:before{
		content: normal;
		padding: 0;
	}
	
	.nav-toggle { display: block; }
	
	#nav { display: none; }
	
	footer { font-size: 90%;}
	
	footer .float-right { clear: both; float: left; }
	
	footer p {margin-bottom: 0.313em; }
	
	#rightcol { display: none; }
	
	#leftcol { width: 100%; }
}