@charset 'UTF-8';

@font-face {
  font-family: HelveticaMed;
  font-style: normal;
  font-weight: 400;
  src: url("css/fonts/HelveticaNeueMedium.ttf");
}

body, * {
  font-family: HelveticaMed, sans-serif;
}

body, input, textarea {font-family: 'Open Sans', sans-serif;line-height: 1.85em;color: #888;font-weight: 300;}

	a {color: #3B95C6;text-decoration: underline;}
	a:hover {color: #1B75A6 !important;}
	a img {border: 0;}

	strong, b {font-weight: 600;color: #3e3e3e;}
	
	h1, h2, h3, h4, h5, h6{color: #3e3e3e;padding-bottom:0;margin-bottom: 0;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;color: inherit;}
	h2, h3, h4, h5, h6 {font-weight: 700;}
	h1 {font-weight: 300;}
	h1 strong {font-weight: 700;}
	
	em, i {font-style: italic;}
	
		form input,form select,form textarea {-webkit-appearance: none;}

		form input[type=text],form input[type=password],form select,form textarea {
			border: 0;padding: 0.75em;font-size: 1em;border-radius: 2px;background: #282828;color: #bbb;width: 100%;
		}

		form input[type=text]:focus,form input[type=password]:focus,form select:focus,form textarea:focus {background: #252525;}
		form textarea{height: 15em;}
		form .formerize-placeholder{color: #555 !important;}
		form ::-webkit-input-placeholder{color: #555 !important;}
		form :-moz-placeholder{color: #555 !important;}
		form ::-moz-placeholder{color: #555 !important;}
		form :-ms-input-placeholder{color: #555 !important;}
		form ::-moz-focus-inner{border: 0;}
	
br.clear{clear: both;}
	
	p, ul, ol, dl, table{margin-bottom: 2em;}
	
	section,article{margin-bottom: 3em;}
	
	section > :last-child,article > :last-child{margin-bottom: 0;}

	section:last-child,article:last-child{margin-bottom: 0;}

	.image{display: inline-block;}
	.image img {display: block;width: 100%;}
	.image-full{display: block;width: 100%;margin: 0 0 2em 0;}
	.image-left {float: left;margin: 0 2em 2em 0;}
	.image-centered {display: block;margin: 0 0 2em 0;}
	.image-centered img {margin: 0 auto;width: auto;}
	
	.button {position: relative;display: inline-block;color: #fff;text-decoration: none;font-weight: 700;border: 0;outline: 0;cursor: pointer;border-radius: 2px;overflow: hidden;background: #61b8db;}

	.button:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.button:hover {background-color: #76cdf0;color: #fff !important;}
	.button:active {}
	.button-alt {}
	.button-alt:hover {background-color: #444;}	
	.button-alt:active {}
	.button-big {}
			
	.box { background: #fff;text-align: center;}
	.box .image-full {position: relative;}

/* Wrappers */
.wrapper {box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);}
.wrapper-first {box-shadow: none;}
.wrapper-style1 {background-image: none;background-color: #fff;}
.wrapper-style2 {background-color: #fafafa;}
.wrapper-style3 {background-color: #f4f4f4;}
.wrapper-style4 {background-color: #303030;color: #999;}
.wrapper-style4 h1, .wrapper-style4 h2, .wrapper-style4 h3, .wrapper-style4 h4, .wrapper-style4 h5, .wrapper-style4 h6 {color: #fff;}
.wrapper-style4 .row-special {
		border-top: solid 1px rgba(0,0,0,0.5);
		border-bottom: solid 1px rgba(0,0,0,0.5);
		box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1), 0px 1px 0px 0px rgba(255,255,255,0.1);
		}

	#nav { background-color: #282828;text-align: center;position: fixed;left: 0;top: 0;width: 100%;z-index: 10000;cursor: default; }
	
	#nav li {display: inline-block;}
		
	#nav a {position: relative;display: block;color: #fff;text-decoration: none;outline: 0;}
		
	#nav a:hover {color: #fff !important;}
			
	#nav a.active:before {content: '';display: block;position: absolute;bottom: -0.6em;left: 50%;margin-left: -0.75em;border-left: solid 0.75em transparent;border-right: solid 0.75em transparent;border-top: solid 0.6em #282828;}

	#top {}

	#top .me {border-radius: 50%;overflow: hidden;}

	#top p {}
	
	#top p a {color: inherit;}

	#copyright {color: #666;}
	#copyright a {color: inherit;}
	#copyright a:hover {color: #777;}