DIV.main-header {
	background-color:#FFFFFF;
	height:102px;
	z-index:50;
	width:100%;
}

DIV.title-bar {
	background-color:#FFFFFF;
	position:relative;
	width:1000px;
	height:102px;
	z-index:50;
}

DIV.title-bar IMG.imageworks-logo {
	position:absolute;
	cursor:pointer;
	width:130px;
	left:20px;
	top:6px;
}

DIV.title-bar IMG.facebook-logo, DIV.mobile-nav-menu IMG.facebook-logo {
	position:absolute;
	cursor:pointer;
	width:34px;
	left:910px;
	top:60px;
}

DIV.mobile-nav-menu IMG.facebook-logo {
	left:calc(100% - 5.5em);
	top:calc(100% - 52px);
}

DIV.title-bar IMG.linkedin-logo, DIV.mobile-nav-menu IMG.linkedin-logo {
	position:absolute;
	cursor:pointer;
	width:35px;
	left:952px;
	top:60px;
}

DIV.mobile-nav-menu IMG.linkedin-logo {
	left:calc(100% - 2.8em);
	top:calc(100% - 52px);
}

DIV.mobile-nav-menu DIV.copyright {
	font-family:calibri,arial,verdana,courier new,courier;
	position:absolute;
	font-size:14px;
	left:12px;
	top:calc(100% - 38px);
}

DIV.top-menu-bar {
	background-color:transparent;
	position:absolute;
	text-align:right;
	padding:0px;
	z-index:100;
	height:25px;
	margin:0px;
	width:888px;
	top:68px;
}

DIV.top-menu-bar SPAN {
	font-family:calibri,arial,verdana,courier new,courier;
	padding:2px 18px 3px 18px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	overflow:hidden;
	color:#000000;
	z-index:3000;
	margin:0px;
	left:0px;
	top:1px;
}

DIV.top-menu-bar SPAN.mouseover, DIV.mobile-nav-menu SPAN.mouseover {
	background-color:#D4EEF4;
}

DIV.top-menu-bar SPAN.mousedown, DIV.mobile-nav-menu SPAN.mousedown {
	background-color:#000000;
	color:#D4EEF4;
}

@media(max-width: 899px) {
	DIV.main-header {
		height:70px;
	}
	DIV.title-bar IMG.imageworks-logo {
		width:85px;
		left:6px;
		top:6px;
	}
	DIV.title-bar {
		height:70px;
		width:100%;
	}
}

@media(min-width: 900px) {
    .hide-desktop {
		display:none !important;
		visibility: hidden;
    }
	DIV.main-header {
		height:102px;
	}
	DIV.title-bar {
		height:102px;
		width:1000px;
	}
}

BUTTON.nav-menu-toggle {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	position: relative;
	float: right;
	margin-top: 22px;
	margin-right:12px;
	width: 30px;
	height: 24px;
	font-size: 0;
	outline: 0;
	cursor: pointer;
	border-top: 4px #020202 solid;
	border-bottom: 4px #020202 solid;
	transition: border-color .2s ease-out;
	box-sizing: border-box;
	border-left: 0;
	border-right: 0;
	background: transparent;
}

BUTTON.nav-menu-toggle span {
	position: absolute;
	top: 6px;
	left: 0;
	width: 100%;
	height: 4px;
	display: block;
}

BUTTON.nav-menu-toggle span::before, BUTTON.nav-menu-toggle span::after {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #020202;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 50% 50%;
	transition: all .15s ease-out;
	transform: rotate(0);
}

BUTTON.nav-menu-toggle:focus {
	outline: 1px #000 dotted;
}

BUTTON.nav-menu-toggle:hover {
   cursor: pointer;
}

@media(min-width: 900px) {
	BUTTON.nav-menu-toggle {
		display:none;
	}
}

BUTTON.nav-menu-toggle-close {
	border-color: transparent;
}

BUTTON.nav-menu-toggle-close span::before, BUTTON.nav-menu-toggle-close span::after {
	width: 36px;
	left: -3px;
}

BUTTON.nav-menu-toggle-close span::before {
	transform: rotate(45deg);
}

BUTTON.nav-menu-toggle-close span::after {
	transform: rotate(-45deg);
}

BUTTON.nav-menu-toggle-hidden {
	display: none;
}

DIV.mobile-nav-menu {
	background-color:#ffffff;
	position:absolute;
	overflow:hidden;
	display:none;
	height:calc(100% - 60px);
	min-height:340px;
	z-index:500;
	width:100%;
	left:0px;
	top:71px;
}

DIV.mobile-nav-menu SPAN {
	font-family:calibri,arial,verdana,courier new,courier;
	border-bottom:1px solid #929292;
	padding:8px 18px 9px 12px;
	text-align:left;
	position:absolute;
	font-weight:bold;
	font-size:22px;
	cursor:pointer;
	overflow:hidden;
	color:#000000;
	z-index:3000;
	margin:0px;
	width:100%;
	left:0px;
	top:1px;
}

BUTTON#hamburger:focus {
	outline: none;
}