body {
  margin:0px;
}

img {
}

h2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12pt;
  color: #A4A4A4;
  text-align:left;
  font-weight: normal;
  font-stretch: ultra-expanded;
}
 
/* HEADER */
.gerit-header-container {
  /*border-style: solid;
  border-color: green;*/
}
.gerit-header {
  /*border-style: dashed;
  border-color: green;*/
  height: 60px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
}
.gerit-title {

  float:left;
  margin-left: 25px;
  margin-top: 20px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18pt;
  color: #C29680;
  opacity: 1.0;
  text-align:left;
  font-stretch: ultra-expanded;
}
.gerit-header-email {
  margin-right: 10px;
  margin-top: 0px;
  text-align: right;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
  color: #A4A4A4;
}


/* Main Menu */
.gerit-nav {
  /*border-style: solid;
  border-color: orange;*/
  float: right;
  height: 60px;
  position:relative;
  z-index:1000;
}
/*format the main menu*/
.gerit-nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
}
	.gerit-nav ul:after {
		content: ""; clear: both; display: block;
	}
/*Top list test formats*/
.gerit-nav li {

  font-family: Verdana, Geneva, sans-serif;
  font-size: 10pt;
  /*font-style: italic;*/
  opacity: 1.0;

}
/*submenu items don't display until main item is hovered*/
.gerit-nav ul ul {
	display: none;
}

	.gerit-nav ul li:hover > ul {  /*subitem block when hovering*/
		display: block;
		border-radius: 5px;

	}
/*styling of the submenu items*/
.gerit-nav ul li {
	float: right; /*big effect - could go left or right*/

}
	.gerit-nav ul li:hover {
		background: #848484; /*main item background when hovering*/
		border-radius: 5px;

		/* text-decoration: underline;*/
	}
		.gerit-nav ul li:hover a {
			color: white; /*ALL item text color, when hovering*/
		}
	
	.gerit-nav ul li a {
		display: block; padding: 15px 25px; /*all item blocks*/
		color: #A4A4A4; /*main item text color, not hovering*/
		text-decoration: none;  
		border-radius: 5px;
	}
/**/	
.gerit-nav ul ul {
	
	background: #848484; /*subitem background NOT hovering*/
	border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	.gerit-nav ul ul li { /*how sub-items look*/
		float: none; 
		border-top: 0px solid white; /*subitem seperators*/
		border-bottom: 0px solid white; /*subitem seperators*/
		position: relative;
		font-size: 9pt;
	}
		.gerit-nav ul ul li a {
		}	
			.gerit-nav ul ul li a:hover {
				background: #BDBDBD; /*subitem background when hovering*/
			}

/* CONTENT */
.gerit-content-container {
  /*border-style: solid;
  border-color: red;*/
}
.gerit-content {
  /*border-style: dashed;
  border-color: red;*/
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* WORK */
.gerit-work-container {
  /*border-style: solid;
  border-color: gray;*/
}
.gerit-work {
  /*border-style: dashed;
  border-color: gray;*/
  margin-right: auto;
  margin-left: auto;
  width: 960px;
  margin-top: 0px;
}

.gerit-show {
  /*border-style: dashed;
  border-color: blue;*/
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  width: 950px;
}
.workicon {
  height: 64px;
}
.atworkicon {
  height: 120px;
}


/* FOOTER */
.gerit-footer-container {
}
.gerit-footer {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
.gerit-footer-text {
  margin-right: 10px;
  text-align: right;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
  color: #A4A4A4;
}


