.hide{
	display: none;
}
.headerwrapper{
	width: 100%;
	position: fixed;
	padding: 6px 0 5px;
	top: 0;
	background-color: #FFFFFF;
	font-size: 15px;
	font-weight: 300;
	z-index: 100;
	text-align: left;
}
.headerwrapper .headerContent{
	width: 1200px;
	margin: auto;
	position: relative;
}
.headerwrapper .linksWrapper{
	float: right;
	display: inline-block;
	position: relative;
}
.headerwrapper .piersLogo{
	height: 46px;
    width: 200px;
	/*background: url("/images/InfiniteScrollImages/Sprite-2015.png")  -418px -13px no-repeat;*/
	background: url("/images/Piers-Logo-TM.png") no-repeat;
    margin-top: 10px;
    background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-right: 60px;
	cursor: pointer;
}
.headerwrapper .headerContent .enterprise{
	font-size: 15px;
	color: #656565;
	background: #ffffff;
	border: 1px solid #656565;
	text-transform: capitalize;
}
.headerwrapper .headerContent.enterprise button{
	text-transform: uppercase;
	margin-top: 5px;
}
.headerwrapper .headerContent .linksWrapper a{
	color: #656565;
	text-decoration: none;
	margin-right: 20px;
    padding-bottom: 2px;
}
.headerwrapper .headerContent .linksWrapper a:hover,
.headerwrapper .headerContent .linksWrapper a:active{
	border-bottom: 2px solid #F04E23;
	text-decoration: none;
}
.headerwrapper .headerContent .linksWrapper .login{
	font-size: 15px;
	text-transform: capitalize;
	margin-right: 20px;
}
.headerwrapper .headerContent .linksWrapper .menu{
	display: inline-block;
	vertical-align: middle;
}
.headerwrapper .headerContent .linksWrapper .menuLink{
	display: inline-block;
	width: 38px;
	height: 50px;
	background: url("/images/InfiniteScrollImages/Sprite-2015.png") -662px -10px no-repeat;
}
.headerwrapper .menuContainer{
	z-index: 1000;
	background: #222222;
	opacity: .9;
	color: #FFFFFF;
	position: absolute;
	top:-3px;
	left: -302px;
	width: 800%;
	padding: 27px 75px;
    height: 630px;
}
.headerContent .menuContainer .menuContents{
	width: 517px;
	text-align: right;
	font-size: 24px;
}
.headerContent .menuContainer .menusection{
	color: #FFFFFF;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #656565;
	padding: 10px 0;
	font-size: 20px;
}
.headerContent .menuContainer .menusection .title{
	font-size: 24px;
	margin-bottom: 10px;
}
.headerContent .menuContainer .menusection.last{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.headerContent .close{
	cursor: pointer;
	margin-top: -10px;
	font-size: 20px;
}
.headerContent .menuContainer .menusection a{
	color: #FFFFFF;
	display: block;
	margin-bottom: 5px;
	font-weight: 300;
	font-size: 24px;
}
.headerContent .menuContainer .menusection a:hover,
.headerContent .menuContainer .menusection a:active{
	border: none;
	color: #F04E23;
}
.headerContent .menuContainer button{
	background: none;
	color: #FFFFFF;
	border: 1px solid #ffffff;
    font-weight: 400;
	position: absolute;
	bottom: 30px;
    left: 375px;
}

@media only screen
and (max-width : 1200px) 
and (min-width: 1024px){
	.headerwrapper .headerContent{
		width:100%;
	}
	.headerwrapper  .linksWrapper{
		margin-right: 5px;
	}
}
/*As of 8/24/15 the size of an ipad horizontal is 1024px*/
@media only screen 
and (max-width : 1024px) 
and (min-width: 768px){
	.headerwrapper .headerContent{
		width:100%;
	}
	.headerwrapper  .linksWrapper{
		margin-right: 5px;
	}
	/*.pagewrapper{
		width: 1000px;
		overflow-x: visible;
	}*/
}

@media only screen and (max-width: 768px) {
	.headerwrapper .headerContent{
		width:100%;
	}
	.headerwrapper .menuContainer{
		left: -40%;
		width: 110%;
	}
	.headerwrapper .menuContainer .menuContents{
		width: 100%;
		font-size: 1.1em;
	}
	.headerwrapper .linksWrapper{
		margin-right: 10px;
	}
	.headerContent .close{
		font-size: 1em;
	}
}