#cf {
  position:relative;
  height:25px;
  width:25px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}






* {margin: 0; padding: 0; outline: 0;}

/** Generated by FG **/
@font-face {
	font-family: 'Brixton Book';
	src: url('../fonts/Brixton Book.eot');
	src: local('?'), url('../fonts/Brixton Book.woff') format('woff'), url('../fonts/Brixton Book.ttf') format('truetype'), url('../fonts/Brixton Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/** Generated by FG **/
@font-face {
	font-family: 'Brixton Medium';
	src: url('../fonts/Brixton Medium.eot');
	src: local('?'), url('../fonts/Brixton Medium.woff') format('woff'), url('../fonts/Brixton Medium.ttf') format('truetype'), url('../fonts/Brixton Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body {
	font-family: 'Open Sans',Helvetica, Verdana, sans-serif;
	color: #999;
	font-size: 13px;
	background:#bfbfbf;
color:#434343;
	
}


h1 {padding-left:10px;padding-right:10px;
	font-family: Brixton Medium, sans-serif;
	font-size:32px;
	color:#17366a;
	margin-bottom:5px;
	border-bottom: 1px solid #bbbbbb;
	font-weight:normal;

}
h2 {padding-left:10px;padding-right:10px;
	font-family: 'Brixton Book', sans-serif;
	font-size:18px;
	color:#2F63AF;font-weight:normal;
}




p {
	margin: 0 0 15px 0;
}

.menuBtn {

	background: center center no-repeat transparent;
	background: #000;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;

}

.active {
	background:url(../images/fons_menu.jpg);color:#163669!important;
}
.clear {
	clear: both;
}
.wrap {
		/*background:url(../images/bg.png) top left repeat-x;*/
		
	
		z-index: 10;
		position: relative;
		margin: 0 auto;
		padding: 0;

}



.section {

min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0px 0;
}


.inner {
	width:100%;
min-width: 980px;
overflow:hidden;

	text-align:center;
	margin: 0 auto;
	position: relative;
	height: 60px;
	
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;


}


/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {
	position: absolute;
	top: 366px;
	height: 60px;
	z-index: 1000;
		width:100%;
min-width: 980px;
	border-bottom:1px solid #F6F6F6;
	background: #ffffff;

}

.subMenu .inner {
	padding:0;
	font-weight: 400;
}





.subNavBtn {
	display: block;
	height: 45px;
	float: left;
	margin: 0px 0px 0 0;
	margin-left:20px;margin-right:20px;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 0 0 0;
	text-align: center;
	color: #2F63AF;
}

.end {
	margin: 0;
}


/* SECTIONS */
.sTop {min-width: 960px;
	
	background:#F6F6F6;
	color:#3d3d3d;
	
}



.s1 {min-width: 960px;
	min-height: 560px;
	background: #F6F6F6;
	overflow:hidden;
}


.s2 {min-width: 960px;
	min-height: 720px;
	background: #ffffff;
	overflow:hidden;
}


.s3 {min-width: 960px;
	min-height: 530px;
	background: #F6F6F6;
	overflow:hidden;
}


.s4 {min-width: 960px;
	min-height: 500px;
	background: #ffffff;
	overflow:hidden;
}

.s5 {min-width: 960px;
	min-height: 700px;
	background: #F6F6F6;
	overflow:hidden;
	
}


.s6 {min-width: 960px;
	min-height: 500px;
	background: #FFFFFF;
	overflow:hidden;
}

.s7 {min-width: 960px;
	min-height: 510px;
	background: #F6F6F6;
	overflow:hidden;
}