header {
    background: white;
	/* background-size: 150px 150px;  */
    /* width: 80%;   */
	height:35px; 
    text-align: center;
 }
/* header > * { */
    /* display: inline-block; */
    /* vertical-align: bottom; */
/* } */

header h1 {
  text-align:left;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.5em;
 /* vertical-align: bottom; */
   margin:10px 5px; 
}


body {
	margin: 0 auto ;
  max-width: 50em;
  font-family: "Helvetica", "Arial", sans-serif;
  -moz-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  padding: 0em 1em;
  color: #555; 
}

h2 {
	font-size:1.3em;
	font-weight:300;
  margin-top: 1em;
  margin-bottom: 0em;
  padding: 0em 0em;

}

h3 {
	font-size:1.2em;
	font-weight:300;
  margin-top: 1em;
  margin-bottom: 0em;
  padding: 0em 0em;
}

a  {
	color:#555;
}



#primary_nav_wrap
{
	margin-top:10px;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	/* overflow: hidden; */
	margin:0;
	padding:0;
	border: 1px solid #e7e7e7; 
	width:50em;
    background-color: #f3f3f3; 
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:1.2em;
	line-height:32px;
	padding:0 15px;
	
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#aaa
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6;
	
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#ddd;
	padding:0;
	width:10em;
}

#primary_nav_wrap ul ul li
{
	float:none;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}


#container {
  position: fixed;
  margin: 0 auto;
  width: 500px;
  height: 500px;
  background: transparent;
}