.menuBtn {

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

}

.active {
	background: #81b4af;
	text-align:none; 
}
.clear {
	clear: both;
}
.wrap {
		/*background:url(../images/bg.png) top left repeat-x;*/
		width: 100%;
		min-width: 100%;
		z-index: 10;
		position: relative;
		margin: 0 auto;
		padding: 0;

}



.section {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding:0;
}


.inner {
	width: 1024px;
	margin: 0  auto;
	position: relative;
	min-height: 50px;
	padding:50px 0;
}

.workLeft { float:left; margin:0 25px 0 0;}

#menuPosition

{ float:right; width:500px;}


#holder { width:1024px; margin:0 auto;}

#logo { margin:0 550px 0 0; padding:12px 0 0 0;}


/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {
	font-family:"bodyFont", Helvetica, Arial, Verdana, sans-serif;
	position: absolute;
	height: 50px;
	z-index: 1000;
	width: 100%;
	margin:0 auto;
	background: #000000;

}

.subMenu .inner {
	padding:0;
}





.subNavBtn {
	display: block;
	height: 35px;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 80%;
	padding: 15px 1% 0 1%;
	text-align: right;
	color: #fff;
}

.end {
	margin: 0;
}


/* SECTIONS */
.sTop {
	min-height: 700px;
	top:50px;
	background:#fff;
	color:#3d3d3d;
	
}



.s1 {
	min-height: 900px;
	background: #000;
	color:#FFF;
}


.s2 {
	min-height: 800px;
	background: #333;
}


.s3 {
	min-height: 800px;
	background: #fff;
}


.s4 {
	min-height: 800px;
	background: #000;
	color: white;
}

.s5 {
	min-height: 800px;
	background: #000;
	color: white;
}