/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	hr{
		margin: 10px 0px;	
	}
	body {
		/*background: url('../images/background.png');*/	
	}
	@import url(http://fonts.googleapis.com/css?family=Montserrat);
	*, h1, h2, h3, h4,h5,h6, p, a{ 
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 1.2px;	
	}
		.sidenav {
			margin-top: -22px;
			color: #fff;
		}
		.sidenav h1 {
			margin-bottom: 30px;
		}
		.sidenav li {
			margin: 0px;
			padding: 0px;
		}
		.sidenav ul {
			margin: 0px;
			padding: 0px;
		}
		.sidenav a  {
			background: #004071;
			color: #fff;
			display: block;
			padding: 10px 10px;
			margin-bottom: 2px;
		}
		.sidenav a:hover,
		.sidenav a.menuactive {
			color: #ed1c24;
			
		}
	a,
	a:link,
	a:hover,
	a:visited {
		text-decoration :none;
	}
	.container {
		max-width: 970px;
	}
	h1,h2,h3,h4,h5,h6 {
		font-size: 23px;
		line-height: 26px;
		font-weight :bold;
	}
	p, a, strong{
		font-size: 12px;
		line-height: 18px;
	}
	small {
		font-size: 9px;
		line-height: 15px;
	}
/* section styles */
	#header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99999;
	}
	#header nav {
		float:right;
		margin-top: 40px;
		margin-bottom: -20px;
	}
	/*  reset it */
	#header nav ul li span,
	#header nav ul li,
	#header nav ul	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#header nav ul {
		font-size: 0;
	}
	#header nav ul li {
		display: inline-block;
		margin-left: 20px;
	}
	#header nav ul li a,
	#header nav ul li a:hover,
	#header nav ul li a:active,
	#header nav ul li a:link{
		/*-webkit-box-shadow: 3px 3px 2px 0px rgba(43, 42, 42, 0.75);
		-moz-box-shadow:    3px 3px 2px 0px rgba(43, 42, 42, 0.75);
		box-shadow:         3px 3px 2px 0px rgba(43, 42, 42, 0.75);*/
		
		
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		/*background: #004071;*/
		margin-left: 20px;
	}
	#header nav ul li a:hover,
	#header nav ul li a.menuactive {
		/*background: #fff;*/
		color: #ed1c24;
	}
	 .headerwrapper {
		background: #004071;
		
		-webkit-box-shadow: 0px 3px 2px 0px rgba(43, 42, 42, 0.50);
		-moz-box-shadow:    0px 3px 2px 0px rgba(43, 42, 42, 0.50);
		box-shadow:         0px 3px 2px 0px rgba(43, 42, 42, 0.50);
	}
	
	#header .logo {
		margin-left: 0px;
		padding-left: 1.041666666666667%;
		padding-right: 1.041666666666667%;
		margin-right: 0px;
		text-align: center;
		background: #bcbec0;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	#header .logo a {
		letter-spacing: 0px!important;
		font-size: 10px!important;
	}
	
	#slider {
		background: #fff;
		height: 443px;
	}
	#slider * {
		max-height: 443px;	
	}
	
	#footer .left {
		margin-left: 0px;
		padding-left: 1.041666666666667%;
		padding-right: 1.041666666666667%;
		margin-right: 0px;
		background: #bcbec0;
		font-size: 10px;
		padding-bottom: 10px;
		padding-top: 5px;
	}
	#footer p{
		line-height: 15px;
		margin-bottom: 0px;
		color: #004071;
	}
	#footer .footerwrapper {
		background: #004071;
	}
	#footer .right {
		margin-top: 63px;
	}
	#footer .right a{
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 9px;
	}
	#footer .right .floatright {
		float: right;
		padding-top: 4px;
	}
	
	
/* #Page Styles
================================================== */
	.megacircle {
		
		width: 180px;
		height: 180px;
		display: block;
		border-radius: 90px;
		text-align: center;
		-webkit-box-shadow: 3px 3px 2px 0px rgba(43, 42, 42, 0.50);
		-moz-box-shadow:    3px 3px 2px 0px rgba(43, 42, 42, 0.50);
		box-shadow:         3px 3px 2px 0px rgba(43, 42, 42, 0.50);
	}
	.megacircle h2{
		display: inline-block;
		margin-top: 10px;
		font-size: 15px;
		color: #ed1c24;
		font-weight: bold;
		font-style: italic;
	}
	.megacircle small, .circle small {
		font-weight: bold;
		
		display: inline-block;
		color: #fff;
		font-style: italic;
	}
	.megacircle small {
		margin-top: 25px;
	}
	.megacircle.to-top {
		margin-top: -150px;
	}
	.circle {
		width: 80px;
		height: 80px;
		display: block;
		border-radius: 40px;
		-webkit-box-shadow: 3px 3px 2px 0px rgba(43, 42, 42, 0.50);
		-moz-box-shadow:    3px 3px 2px 0px rgba(43, 42, 42, 0.50);
		box-shadow:         3px 3px 2px 0px rgba(43, 42, 42, 0.50);
	}
	.grey {
		background: #bcbec0;
	}
	.red {
		background: #ed1c24;
	}
	.circle small{
		margin-top: 10px;
		text-align: center;
		font-style: normal;
	}
	.circle.to-top {
		
		margin-top: -40px;
	}
	
	.content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5 {
		color: #004071;
	}
	
	.content p,
	.content strong,
	.content b,
	.content i,
	.content small {
		line-height: 30px;
		letter-spacing: 0.5px;
		font-size: 14px;
		color: #58595b;
	}
	.circle, .megacircle {
		z-index:999;
		position: relative;
	}
	#content {
		Margin-top: -200px;
	}
	.cms_form {
		background: #5e9bc9;	
		padding: 20px;
	}
	.cms_form label {
		width: 40%;
		box-sizing: border-box;
		float: left;	
		color: #fff;
	}
	.cms_form label:after {
		content: " :";	
	}
	.cms_form input,
	.cms_form textarea {
		width: 60%;	
		box-sizing: border-box;
		float: left;
	}
	.cms_form input[type=submit] {
		background: #ee1c24;
		color: #fff;
		border: 0px;	
		border-radius: 0px;
		text-shadow: none;
		display: inline-block;
		width: auto;
		float: right;
		margin-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.cms_form .required > div {
		display: inline-block;
	}
	.cms_form .required > div> label {
		display: inline-block;
		float: none!important;
		margin-right: 20px;
		width: auto;
	}
	.cms_form .required > div {
		margin-bottom: 15px;
	}
	.cms_form .required > div> label:after {
		content: '';
	}
	.cms_form .required > div > input[type=radio] {
		display: inline-block;
		float: none;
		width: auto;
		margin-left: 0;
	}

	.cms_form:after {
		clear:both;
		display: block;
		content: "";	
	}
	a.btn,
	a.btn:active,
	a.btn:link,
	a.btn:hover {
		background: #004071;
		padding: 10px 20px;
		color: #fff;
	} 
	a.btn:hover {
		background: #ed1c24;
	}
	.stretched {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;	
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#header a,
		#header a:active,
		#header a:hover,
		#header a:link,
		#header a:visited {
				margin-left: 10px
		}
		
		
		
	}
	@media only screen and (max-width: 767px) {
		#slider {
			display: none;
		}
		.circle, .megacircle {
			display: none;	
		}
		.content {
			padding :0;	
		}
		#content {
				margin-top: 0px;
				padding: 0px;
		}
		#header {
			position: initial;	
		}
		#header * {
			color #fff !important;	
		}
		
		#header .logo {
		
		}
		#header nav {
			
			display: none;	
		}	
		#header .logo, #footer .left{ 
			max-width: 150px;	
		}
		#header .navigation {
			display: block;
			max-width: 150px;
			float:right;
		}
		#header .navigation a {
			color :#fff;
			float: right;	
		}
		#header .navigation a span{ 
			display: inline-block;
			width: 30px;
			margin-right: 10px;
			
		}
		#header .navigation a span:before {
			display: block;
			border-top: 3px solid #fff;
			border-bottom: 3px solid #fff;
			content: "";
			height: 4px;
		}
		#header .navigation a span:after {
			display: block;
			height: 4px;
			content: "";
			border-bottom: 3px solid #fff;	
		}
		#header .navigation a  {
			color: #fff;
			font-weight: bold;
			font-size: 23px;
			text-transform: uppercase;
			margin-top: 40px;
			display: inline-block;
		}	
		.sidr ul li a, .sidr ul li span {
			padding: 5px 15px!important;	
		}
	

	}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}