/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
		margin: 0;	
		padding: 0;	
		border: 0;	
		font-size: 100%;	
		font: inherit;	
		vertical-align: baseline;
	}
		
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
		display: block;
	}
		
	body {	
		line-height: 1.5;
	}
		
	blockquote, q {	
		quotes: none;
	}
		
	blockquote:before, blockquote:after,q:before, q:after {	
		content: '';	
		content: none;
	}
		
	table {	
		border-collapse: collapse;	border-spacing: 0;
	}	

	/* end reset */



	/* default styles / mobile */

	.index-background-color {
		background:#b5b5b5;
	}

	.alt-background-color {
		background:rgba(18,49,77,1);
	}

	h1 {
		border-bottom:3px solid #555;
		border-top:5px solid #555;
		font-size:4em;
		display:block;
		margin:auto;
		text-align:center;
		font-weight:bold;
		font-family:'Open Sans Condensed', sans-serif;
		letter-spacing:15px;
		background-color:rgba(255,255,255,1);
		color:#444;
	}

	nav {
		font-family:'Open Sans', sans-serif;
		text-transform:uppercase;
		font-size:0.7em;
		text-align:center;
		width:100%;
		height:75px; /* For 4 nav links */
		/*height:60px;*/ /* For 3 nav links */
		border-bottom:5px solid #555;
		z-index:999;
		background-color:rgba(255,255,255,1);
		margin:auto;
		padding-top:13px;
	}

	nav a {
		display:block;
		margin:auto;
		text-decoration:none;
		letter-spacing: 1px;
	}

	h3 {
		font-family:'Roboto Condensed', sans-serif;
		letter-spacing:2px;
		padding-bottom:10px;
		font-size:1em;
	}

	h4 {
		font-family:'Roboto Condensed', sans-serif;
		letter-spacing:2px;
		padding-bottom:10px;
		font-weight: bold;
		font-size:2em;
		text-align: center;
	}

	#background-img {
		background:rgba(18,49,77,1) url(img/trace.jpg) no-repeat center;
		height:82.5vh;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}

	.divider {
		border-bottom:2px solid #555;
		width:80%;
	}

	h3 span {
		font-weight:bold;
	}

	.alt-pg p span {
		font-weight:bold;
	}

	.outter-contain {
		padding-top:102px;
	}

	.container {
		box-shadow: 1px 1px 10px #555;
		max-width:500px;
		width:80%;
		min-width:200px;
		height:auto;
		display:block;
		margin:auto;
		padding-top:20px;
		background:rgba(255,255,255,0.93);
		padding:15px;
		margin-bottom:20px;
	}

	.alt-container {
		box-shadow: 1px 1px 10px #555;
		width:85%;
		max-width:1088px;
		min-width:200px;
		display:block;
		margin:auto;
		padding-top:20px;
		background:rgba(255,255,255,0.93);
		padding:15px;
		margin-bottom:20px;
		height:450px;
		overflow-y: scroll;
	}

	ol, ul {
		margin:15px;
		font-family: 'Open Sans', sans-serif;
		font-size:0.9em;
	}

	#explanation-box {
		height:345px;
		overflow-y:scroll;
	}

	.alt-explanation-box {
		height:345px;
	}

	.em {
		font-style:italic;
	}

	p {
		font-family:'Open Sans', sans-serif;
		text-align:justify;
		padding-top:10px;
		font-size:0.9em;
	}

	.note p img {
		float:left;
		margin: 5px 15px 0px 0px;
		border:1px solid #555;
	}

	.quotes {
		background:url(img/quote.png);
		background-repeat: no-repeat;
		position:absolute;
		z-index:1;
		width:315px;
		height:200px;
		opacity:0.2;
	}

	.top {
		position:relative;
		z-index: 5;
		margin-top:40px;
	}

	.content-img img {
		width:65%;
		margin:auto;
		margin-top:3%;
		display:block;
	}

	.frame-img img {
		display:inline-block;
		width:49%;
		margin:auto;
	}

	.credit {
		font-size:0.7em;
		font-family:'Open Sans', sans-serif;
		text-align:right;
	}

	.container .btn {
		border:2px solid #555;
		outline:none;
		background-color:#f4f4f4;
		font-family:'Open Sans', sans-serif;
		text-transform: uppercase;
		padding:5px;
		font-weight:bold;
		font-size:0.8em;
		position:relative;
		top:5px;
		z-index: 6;
	}

	.clear {
		clear:both;
	}
			
	footer {
		text-align:center;
		padding:15px;
		font-weight:bold;
	}

	footer img {
		padding:10px;
		height:7vh;
	}

	a:link, a:visited {
		color:rgb(0,165,194);
		text-decoration: none;
	}

	a:focus, a:hover {
		color:rgb(42,60,121);
		text-decoration: none;
	}

	#philbrook-space {
		padding-bottom:30px;
	}

	/* FIX NAV HEIGHT */
	@media only screen and (min-width: 557px) and (max-width:919px) {
		nav {
			height:55px;
		}

		nav a {
		display:inline-block;
		width:20em; /* For 4 nav links */
		/*width:15em;*/ /* For 3 nav links */
		}

		nav a:nth-child(4) {
			padding-top:10px;
		}
	}
	/* END FIX 




/* tablet 1 styles */

@media only screen and (min-width: 430px) and (max-width: 488px)	{

	#background-img {
		height:76vh;
	}

	.outter-contain {
		padding-top:94px;
	}

	#explanation-box, .alt-explanation-box {
		height:310px;
	}

}



/* tablet 2 styles */

@media only screen and (min-width: 489px) and (max-width: 556px)	{

	#background-img {
		height:69.5vh;
	}

	.outter-contain {
		padding-top:86px;
	}

	#explanation-box, .alt-explanation-box {
		height:275px;
	}

}





/* desktop styles */

@media only screen and (min-width: 920px)	{

	nav {
		height:25px;
	}

	nav a {
		display:inline-block;
		width:20em; /* For 4 nav links */
		/*width:15em;*/ /* For 3 nav links */
	}

	#background-img {
		background:rgba(18,49,77,1) url(img/trace-desktop.jpg) no-repeat center;
		height:63.5vh;
	}

	.outter-contain {
		padding-top:93px;
	}

	#explanation-box, .alt-explanation-box {
		height:255px;
	}

}





/* FIX  PRESERVATION TEAM //BOTTOM SPACING// styles */

	@media only screen and (min-width: 796px) {

		#austin-space {
			padding-bottom:23px;
		}

	}

	@media only screen and (min-width: 801px)	{

		#austin-space {
			padding-bottom:25px;
		}

	}

	@media only screen and (min-width: 803px)	{

		#holly-space {
			padding-bottom:25px;
		}

	}

	@media only screen and (min-width: 910px)	{

		#holly-space {
			padding-bottom:45px;
		}

	}

	@media only screen and (min-width: 913px) {

		#austin-space {
			padding-bottom:45px;
		}

	}

	@media only screen and (min-width: 1056px) {

		#mariah-space {
			padding-bottom:5px;
		}

	}

	@media only screen and (min-width: 1073px) {

		#austin-space {
			padding-bottom:65px;
		}

	}

	@media only screen and (min-width: 1092px) {

		#mariah-space {
			padding-bottom:25px;
		}

	}

	@media only screen and (min-width: 1093px)	{

		#holly-space {
			padding-bottom:65px;
		}

	}

	@media only screen and (min-width: 1214px) {

		#nicholas-space {
			padding-bottom:25px;
		}

	}

	@media only screen and (min-width: 1237px) {

		#katie-space {
			padding-bottom:25px;
		}

	}
/* END FIX */