@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
}

html {
	margin: 0px;
}

body {
	height: 1800em;
}

#navAnchor {
	height: 67px;
}

/* NAV BAV
=========================================================================================== */
#navBar {
	position: absolute;
	width: 100%;
	height: 77px;
}

#navTitleWrap {
	float: left;
	margin: auto 0px auto 10px;
	display: table;
}

#navTitleWrap img {
	display: table-cell;
	padding: 16px;
	padding-right: 8px;
}

#navTitleWrap h2 {
	display: table-cell;
	vertical-align: middle;
}

#navLogo {
	height: 45px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#navButtonsWrap {
	float: right;
	display: table;
	height: 77.5px;
	padding-right: 20px;
}

#navButtonsWrap a {
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	/*display: table-cell;
	vertical-align: middle;*/

}

.navDrop {
	display: table-cell;
	vertical-align: middle;
	height: 100%;

}

.navDrop-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
	margin-top: 24px;
	padding: 10px;
	padding-left: 8px;
	line-height: 2em;
}

.navDrop-content a {
	width: 100%;
}

.navDrop-content a:hover {
	
}

.navDrop:hover .navDrop-content {
	display: block;
}

#navAboutDrop {
	margin-left: -81.5px;
}

#navProjectsDrop {
	margin-left: -48.2px;
}

#navEventsDrop {
	margin-left: -65px;
}

#navContactDrop {
	margin-left: -56.5px;
}
/* MAIN COLUMN =========================================================================================== */
#mainColumn {
	width: 100%;
}

header {
	height: 400px;
}

#headVideoWrap {
	position: relative;
	top: 0;
}

#headerVideo {
	position: relative;
	top: 10px;
	z-index: -1;
	width: 100%;
}


#pageTitleWrap {
	display: table;
	margin: -380px auto 0px auto;
	height: 100%;
}

header h1 {
	display: table-cell;
	vertical-align: middle;
}

#pageTitleLeft {
	padding-right: 10px;
	text-align: right;
}

#pageTitleRight {
	padding-left: 10px;
	text-align: right;
}

#mainLogo {
	height: 120px;
	margin-top: 140px;
}

/* LEFT COLUMN =========================================================================================== */
#leftColumn {
	float: left;
	width: 20%;
}

/* RIGHT COLUMN =========================================================================================== */
#rightColumn {
	float: right;
	width: 20%;
}