/* BODY AND HR */
body
{
	margin: 0 auto;
	font-family: "proxima-nova", "Helvetica Neue", Arial, sans-serif;
	font-weight: 200;
	color: #FAFAFA;
	background: #242424;
	font-size: 1em;
}
hr
{
	float: left;
	border: 0px;
	height: 1px;
	width: 100%;
	background: #E6E6E6;
	margin-top: -7px;
	margin-bottom: 39px;
}
/* TEXT AND HEADINGS */
@media (max-width: 940px){
	a{
		text-decoration: none;
		color: #0C85BC;
	}
	a:hover{
		text-decoration: underline;
	}
	h1{ 
		font-size: 1.4em;
		color: #fff;
		margin-bottom: 20px;
		font-weight: lighter;
		width: 95%;
		margin: auto;
		text-align: left !important;
	}
	.column h1{
		width: 100%;
	}
	h2{
		font-size: 1.3em;
		color: #fff;
		font-weight: 500;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	p{
		line-height: 140%;
		font-size: 11pt;
		text-align: left !important;
		padding-top: 11px;
	}
		p strong{
			margin-bottom: 7px;
			float: left;
			width: 100%;
			font-weight: normal;
		}
	/* WRAPPER */
	#site_wrapper
	{
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	/* NAVIGATION BAR */
	#nav_bar
	{
		background: #3A3A3A;
		height: 78px;
		width: 100%;
		float: left;
		z-index: 3;
		border-bottom: 2px solid #0C85BC;
		color: #fff;
		font-size: 10pt;
		margin-bottom: 30px;
	}
	#nav_bar .toggle-nav{
		font-size: 26pt;
		width: 54px;
		height: 54px;
		float: right;
		margin-top: 15px;
		cursor: pointer;
	}
		#nav_bar .companyname{
			float: left;
			padding: 27px 0px 0px 0px;
			height: 43px;
			width: 316px;
		}
			#nav_bar .companyname #logo
			{
				background: url('../logo2.png');
				background-size: 48px 48px;
				width: 48px;
				height: 48px;
				float: left;
				margin-top: -10px;
				margin-left: 20px;
			}
			#nav_bar .companyname #name
			{
				float: left;
				font-size: 13.5pt;
				width: 226px;
				margin-left: 22px;
				margin-top: -10px;
				visibility: visible;
				font-weight: bold;
			}
		#nav_bar .content{
			margin: 0 auto;
			width: 100%;
		}
		#nav_bar .nav{
			float: right;
		}
			#nav_bar a{
				text-decoration: none;
				border-left: 0px;
				color: #fff;
			}
			#nav_bar .nav ul{
			    position: absolute;
			    left: 0;
			    top: 65px;
			    background: #0C85BC;
			    max-width: 100%;
			    width: 100%;
			    padding: 0;
			    z-index: 5;
			}
			#nav_bar .nav ul.active {
		        	display: none;
		      	}
		      	#nav_bar .nav ul li ul.active{
		      		display: block;
		      	}
				#nav_bar .nav ul li{
					float: left;
					padding: 18px 0px 0px 0px;
					height: 32px;
					display: inline-block;
					cursor: pointer;
					position: relative;
					width: 100%;
				}
					#nav_bar .nav ul li i
					{
						float: left;
						font-size: 11pt;
						margin-top: 2px;
						margin-right: 8px;
						margin-left: 20px;
					}
				#nav_bar .nav ul li:hover{
					background: #464646;
				}
				#nav_bar .nav ul li ul li:hover > #nav_bar .nav ul li{
					background: #000;
				}
				#nav_bar .nav ul#hide{
					display: none;
				}
				#nav_bar .nav ul li ul 
				{
					position: relative;
					width: 100%;
					opacity: 1;
					z-index: 5;
					display: block;
					visibility: visible;
					float: left;
					left: 0;
					top: 115px;
				}
					#nav_bar .nav ul li ul li 
					{ 
						background: #0C85BC; 
						display: block; 
						color: #fff;
						padding: 18px 0px 0px 0px;
						width: 100%;
						border-left: 0px;
						height: 32px;
						border-bottom: 0px;
						font-size: 11pt;
						transition-property: background;
						transition-duration: 350ms;
						transition-delay: 0s;
						float: left;
					}
				#nav_bar .nav ul li:hover ul 
				{
					display: block;
					opacity: 1;
					visibility: visible;
				}
				/* END NAVIGATION BAR */

/* CONTENT */
	.content
	{
		width: 100%;
		margin: 0 auto;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		display: block;

	}
	.content:after{
		display: block;
	}
		.content #slideshow
		{
			float: left;
			width: 100%;
			height: 250px;
			position: relative;
			margin-top: -30px;
			margin-bottom: 30px;
		}
			.content #slideshow div
			{
				 position: absolute;
			}
				.content #slideshow div img
				{
					width: 100%;
					height: 250px;
					margin-bottom: 0px;
				}


				.content .column{
					width: 95%;
					margin: 0 auto;
				}
				.content .column:last-child{
					margin-top: 30px;
				}
					.content .column img{
						width: 100% !important;
					}

					.content .column form{
								width: 95%;
							}
							.content .column form input[type="text"], textarea{
								border: 1px solid #fff;
								background: none;
								padding: 10px;
								color: #fff;
								outline: none;
								width: 95%;
								margin-bottom: 10px;
								font-size: 10pt;
								transition-property: background, color;
								transition-duration: 350ms;
								transition-delay: 0s;
							}
							.content .column form input[type="text"]:hover, textarea:hover{
								background: #fff;
								color: #000;
							}
							.content .column form input[type="submit"]{
								border: 0px;
								background: #0C85BC;
								padding: 10px;
								margin: 0;
								font-size: 10pt;
								color: #fff;
								width: 40%;
								transition-property: background, color;
								transition-duration: 350ms;
								transition-delay: 0s;
							}
							.content .column form input[type="submit"]:hover{
								background: #065B83;
							}
/* FOOTER */
#footer
{
	float: left;
	width: 100%;
	background: #2B2B2B;
	margin-top: 40px;
	height: 42px;
	color: #ABABAB;
	bottom: 0;
	left: 0;
}
	#footer .item
	{
		padding: 12px 5px 10px 5px;
		float: left;
		font-size: 11pt;
		border-right: 1px solid #3D3D3D;
	}
	#footer #first
	{
		padding: 12px 5px 10px 15px;
	}
		#footer .item i
		{
			display: none;
		}
		#footer .item:last-child{
			display: none;
		}
}

@media (min-width: 941px){
	a
	{
		text-decoration: none;
		color: #0C85BC;
	}
	a.toggle-nav > a, a.toggle-nav{
		display: none;
	}
	a:hover
	{
		text-decoration: underline;
	}
	h1
	{
		font-size: 1.7em;
		color: #fff;
		margin-top: 0px;
		margin-bottom: 30px;
		font-weight: lighter;
	}
	h2
	{
		font-size: 1.6em;
		font-weight: 500;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	p
	{
		line-height: 157%;
		font-size: 12pt;
	}
		p strong{
			margin-bottom: 10px;
			float: left;
			width: 100%;
			font-weight: normal;
		}
	/* WRAPPER */
	#site_wrapper
	{
		position: relative;
		display: block;
	}


		/* NAVIGATION BAR */
		#nav_bar
		{
			background: #3A3A3A;
			height: 70px;
			width: 100%;
			float: left;
			z-index: 3;
			border-bottom: 2px solid #0C85BC;
			position: fixed;
			margin-bottom: 45px;
			position: relative;
			color: #fff;
			font-size: 11pt;
		}
			#nav_bar .companyname{
				float: left;
				padding: 27px 0px 0px 0px;
				height: 43px;
				width: 291px;
			}
				#nav_bar .companyname #logo
				{
					background: url('../logo2.png');
					background-size: 43px 43px;
					width: 43px;
					height: 43px;
					float: left;
					margin-top: -11px;
				}
				#nav_bar .companyname #name
				{
					float: left;
					font-size: 12pt;
					width: 226px;
					margin-left: 22px;
					margin-top: -9px;
					visibility: visible;
					font-weight: bold;
				}
			#nav_bar .content{
				margin: 0 auto;
				width: 950px;
			}
			#nav_bar .nav{
				float: right;
			}
				#nav_bar a{
					text-decoration: none;
					border-left: 0px;
					color: #fff;
				}
				#nav_bar .nav ul{
					list-style-type: none;
				    padding: 0px;
				    margin: 0px;
				}
					#nav_bar .nav ul li{
						float: left;
						padding: 28px 20px 0px 20px;
						border-left: 1px solid #525252;
						height: 42px;
						display: inline-block;
						cursor: pointer;
						position: relative;
					}
						#nav_bar .nav ul li i
						{
							float: left;
							font-size: 11pt;
							margin-top: 2px;
							margin-right: 8px;
						}
					#nav_bar .nav ul li:hover{
						background: #464646;
					}
					#nav_bar .nav ul li ul 
					{
						margin-left: -1px;
						margin-top: 24px;
						position: absolute;
						padding: 0;
						left: 0;
						width: 200px;
						display: none;
						opacity: 0;
						visibility: hidden;
						z-index: 5;
					}
						#nav_bar .nav ul li ul li 
						{ 
							background: #0C85BC; 
							display: block; 
							color: #fff;
							width: 200px;
							border-left: 0px;
							height: 30px;
							border-bottom: 0px;
							padding: 14px 20px 1px 20px;
							font-size: 11pt;
							transition-property: background;
							transition-duration: 350ms;
							transition-delay: 0s;
						}
							#nav_bar .nav ul li ul li:hover 
							{ 
								background: #464646; 
								border-bottom: 0px;
							}
					#nav_bar .nav ul li:hover ul 
					{
						display: block;
						opacity: 1;
						visibility: visible;
					}
					/* END NAVIGATION BAR */

	/* CONTENT */
	.content
	{
		width: 950px;
		margin: 0 auto;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		display: block;

	}
	.content:after{
		display: block;
	}
		.content #slideshow
		{
			background: #fff;
			float: left;
			width: 946px;
			height: 325px;
			padding: 2px;
			margin-bottom: 25px;
			position: relative;
		}
			.content #slideshow div
			{
				 position: absolute;
			}
				.content #slideshow div img
				{
					width: 946px;
					height: 325px;
					margin-bottom: 0px;
				}
		.content .column
		{
			float: left;
			width: 465px;
		}
			.content .column form{
				width: 100%;
			}
			.content .column form input[type="text"], textarea{
				border: 1px solid #fff;
				background: none;
				padding: 10px;
				color: #fff;
				outline: none;
				width: 100%;
				margin-bottom: 10px;
				font-size: 10pt;
				transition-property: background, color;
				transition-duration: 350ms;
				transition-delay: 0s;
			}
			.content .column form input[type="text"]:hover, textarea:hover{
				background: #fff;
				color: #000;
			}
			.content .column form input[type="submit"]{
				border: 0px;
				background: #0C85BC;
				padding: 10px;
				margin: 0;
				font-size: 10pt;
				color: #fff;
				width: 40%;
				transition-property: background, color;
				transition-duration: 350ms;
				transition-delay: 0s;
			}
			.content .column form input[type="submit"]:hover{
				background: #065B83;
			}
			.content .column .image{
				float: right;
				margin-top: 8px;
			}
				.content .column .image img{
					max-width: 100%;
					float: right;
				}
				.content .column .image img:last-child{
					margin-top: 10px;
				}
		.content #margin
		{
			margin-left: 20px;
		}
		.content .column ul{
			width: 100%;
			list-style: none;
			padding: 0;
		}
			.content .column ul li{
				box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -webkit-box-sizing: border-box;
				width: 100%;
				border: 1px solid #fff;	
				margin-bottom: 10px;
				padding: 10px;
				transition-property: background, color;
				transition-duration: 350ms;
				transition-delay: 0s;
			}
				.content .column ul a{
					text-transform: none;
					text-decoration: none;
					color: #fff;
				}
			.content .column ul li:last-child{
				margin-bottom: 0px;
			}
			.content .column ul li:hover{
				background: #fff;
			}
			.content .column ul li:hover > a{
				color: #000;
			}

	/* FOOTER */
	#footer
	{
		float: left;
		width: 100%;
		background: #2B2B2B;
		margin-top: 40px;
		height: 42px;
		color: #ABABAB;
		bottom: 0;
		left: 0;
	}
		#footer .item
		{
			padding: 12px 20px 10px 20px;
			float: left;
			font-size: 11pt;
			border-right: 1px solid #3D3D3D;
		}
		#footer #first
		{
			padding: 12px 20px 10px 0px;
		}
			#footer .item i
			{
				font-size: 11pt;
				margin-right: 10px;
			}
}