@charset "utf-8";
/* CSS Document */

	* 	{
		margin:0;
		border: 0;
		padding: 0;
		}
	
	body {
		background:#f0f0f0;
		font: 14px/20px Arial, San-Serif;
		color: #555;
		margin: 0;
		}
	h1 {
		text-align: center;
		font-size: 180%;
		line-height: 120%;
		padding: 5% 0;
		}
	h2 {
		text-decoration: none;
		line-height: 100%;
		padding-left: 20px 0%;
		}
	h3 {
		line-height: 110%;
		padding: 5% 0;
		}
	p 	{
		padding: 1%;
		}
	img {
		text-align: center;
		max-width: 100%;
		height: auto;
		width: auto;
		}
	a	{
		color: #535353;
		text-decoration: none;
		font-weight: bold;
		}
	a:hover	{
		color: #333333;
		text-decoration: underline;
		}
	header {
		background: #f8f8f8;
		width: 100%;
		height: 86px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		opacity: 0.90;
		}
	#logo	{
		margin: 20px;
		float: left;
		width: 250px;
		height: 60px;
		background: url(images/logo-Pro-ops.png) no-repeat center;
		position: fixed;
		z-index: 50;
		}
	nav	{
		float:right;
		padding: 35px 20px 20px 0;
		}
	#menu-icon	{
		display: hidden;
		width: 40px;
		height: 40px;
		background: url(images/menu-icon.png) center;
		}
	a:hover#menu-icon	{
		border-radius: 4px;
		}
	ul	{
		list-style: none;
		}
	nav ul li	{
		display: inline-block;
		float: left;
		padding: 10px;
		}
	.current	{
		color: #535353;
		text-decoration: underline;
		}
	.wide100	{
		width: 90%;
		margin: 0 auto 0 auto;
		}
	#doc{
		margin: 40px 0;
		}
	#content	{
		margin: 0 auto;
		max-width: 1140px;
		margin-top: 110px;
		}
	.blueberry	{
		max-width: 960px;
		margin: 110px auto 0 auto;
		}
	section	{
		width: 45%;
		float: left;
		margin: 2% 2%;
		text-align: center;
		}
	.clear{
		clear: both;
		}
	article	{
		float: left;
		margin: 0 auto;
		width: 50%;
		height: auto;
		padding: 4%;
		}
	aside	{
		float: right;
		margin: 0 auto;
		width: 35%;
		height: auto;
		padding: 3%;
		}
	ul.gym li{
		padding-left: 3%;
		height: 2.5em;
		text-align:center;
		}
		footer	{
		background: #333333;
		width: 100%;
		overflow: hidden;
		opacity: 0.90;
		}
	footer p, footer h3{
		color: #FFF;
		}
	footer p a {
		color: #FFF;
		text-decoration: none;
		}
	ul.social li {
		display: inline;
		}
	ul.social li img{
			height: 50px;
			}
	footer.second	{
		border-top: 1px solid #4d4e50;
		background: #333333;
		max-height: 50px;
		text-align: center;
		opacity: 0.95;
		}
	footer.second a:hover {
		color: #858585;
		text-decoration: none;
		}

/*--------------------------------- MEDIA!!! RESPONSIVE SETTINGS -----------------------*/
	@media screen and (max-width: 478px)	{
		body	{
			position: absolute;
		}
	}
	@media screen and (max-width: 740px)	{
		header{
		position: absolute;
		}
		#menu-icon{
			display:inline-block;
			position: fixed;
			right: 20px; 		
			z-index: 200;
		}
		nav ul, nav:active ul	{
			display: none;
			position: absolute;
			padding: 20px;
			background: #c2dfdf;
			border: 1px solid #fff;
			right: 20px;
			top: 60px;
			width: 50%;
			border-radius: 2px 0 2px 2px;
		}
		nav li{
			text-align: center;
			width: 100%;
			padding: 10px 0;
			margin: 0;
		}
		nav:hover ul{
			display: block;
		}
		section	{
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			}
		article	{
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			}
		aside	{
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			}
	}