/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
	
ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	
img {
	border: none;
	-ms-interpolation-mode: bicubic;
	}
	
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
	
/* end reset */	

body {
background: #ddd;
font-family: Verdana, sans-serif;
}

header {
background: #222;
padding: 0px 0px 0px 0px;
color: #eee;

box-shadow: 0px 2px 5px rgba(20,20,20,.3);
position: fixed; 
width: 100%;
z-index: 30;

}

header div.inner {

width: 1024px;
margin: auto;
background: #444;

padding: 48px 0 16px 0;
}

header p.logo {
float: left;
margin-left: 32px;
margin-top: -24px;
}

nav {
float: right;
margin-right: 32px;
margin-top: -8px;
z-index: 90;
position: relative;
}

#navigation {
	
	color: #bbb;
	font-family: Verdana, sans-serif;
	padding: 0px 0;
	
	font-size: 12px;
	text-align: right;
	

	z-index: 30;
	}

#navigationList {
padding: 0 24px 0 0;
	
	

	
	}
	
#navigation a {
	color: #bbb;
	font-weight: 700;
	text-decoration: none;
	display: inline;
	padding: 16px 16px;
	background: #555;
	
	}
	
#navigation a:hover {
	color: #fff;
	}

#navigation ul li {
list-style: none;
display: inline;
margin: 0 -4px;
font-weight: 400;
padding: 8px;
    text-align: center;
    
}

#navigation ul {
margin: -8px auto 0px;
}

#navigation ul li:hover {


	
}

#navigation ul li:hover a{
background: #888;

	color: #eee;
	
}

#navigation ul li.active {
	
	color: #eee;
	
	
}

#navigation ul li.active a {
background: #888;
	color: #eee;

	
	cursor: default;
	}


main {
padding-top: 128px;
padding-left: 24px;
padding-right:24px;
padding-bottom: 128px;
width: 976px;
background: #eee;
margin: auto;
text-align: center;
}

section {

width: 896px;
background: #fff;
padding: 32px 32px;
margin: 0px auto 32px;
box-shadow: 0px 2px 3px #00000029;
text-align: center;
}

section.ninesixty {

width: 960px;
background: #fff;
padding: 0px;
margin: 32px auto ;
box-shadow: 0px 2px 3px #00000029;
text-align: center;
margin: 0px auto 32px;
}



section iframe {
width: 512px;
margin: auto;
}

section img {
text-align: center;
width: 100%;
}

main h2.subhead {
background: #222;
color: #eee;
display: inline;
font-weight: 600;
font-size: 90%;
padding: 1px;
}

/* overlay */

#myDIV {
  width: 1024px;
  padding: 50px 0;
  text-align: center;
 
  margin-top: -32px;
  margin-left: -24px;
  display: none;
  position: fixed;
  z-index: 1;
background: #E5E5E5;
opacity: 0.95;


}


div.about {
	padding: 64px;
	line-height: 24px;

	
	}
	
div.aboutText {
	font-family: 'Ubuntu Mono', 'Lucida Console', Monaco, monospace;
	background: #eee;
		padding: 64px;
		font-weight: 400;
		text-align: left;
		font-size: 14px;
	
	text-rendering: optimizeLegibility;
	color: #444;
	line-height: 24px;
	}	
	
	div.aboutText2 {
	font-family: 'Ubuntu Mono', 'Lucida Console', Monaco, monospace;
	background: #eee;
		padding:  12px 24px;
		font-weight: 400;
		text-align: left;
		font-size: 14px;
	
	text-rendering: optimizeLegibility;
	color: #444;
	line-height: 24px;
	}	

div.aboutText a {	
	color: #0187c5;
		font-weight: 700;
	}
	
div.about p {
	margin-bottom: 48px;
	}