html, body, div, table, form, fieldset
	{
		color:black;
		background-color:transparent;
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
		/*
		font-family: Arial, sans-serif; 
		*/
	}
	
	body
	{
		padding:0;
		margin:0;
		background: #eee url( '/img/amesdale_sunset_2k_8.jpg' ) no-repeat fixed center 100px;
	}
	
	div.container
	{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
	}

	table
	{ 
		font-family: Arial, sans-serif; 
	}

	div.header, div.footer
	{
		background-color:#eee;
	}

	div.header
	{
		position:fixed;
		z-index:10;
		height:100px;
		width:100%;
		text-align:center;
	}
	
	div.footer
	{
		border-top:1px solid #bbb;
		/*position: fixed;*/
		float:left;
		/*bottom: 0px;*/
		width:100%;
		min-height:120px;
		/*height:calc( 100% - 110px - 800px );*/
		padding: 5px 0 5px 0;
	}
	
	nav.nzsmain
	{
	
		position:absolute;
		bottom:0px;
		padding:0;
		padding-left:5%;
		padding-right:5%;
		width:90%;
		
	}
	
	nav.nzsmain > ul.uk-subnav
	{
		display:inline-flex;
	}
	
	div.content
	{
		z-index:9;
		float:left;
		width:calc( 100% - 180px );
		min-height:200px;
		
		margin-left:180px;
		margin-top:100px;
		/*margin-bottom:131px;*/
	}
	
	div.content_left
	{
		float:left;
		background-color:rgba(255,255,255,0.8);
		padding:10px;
	}
	
	div.content_right
	{
		float:right;
		text-align:center;
		width:180px;
		background-color:rgba(255,255,255,0.8);
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9rem;
		/*
		margin-bottom:131px;
		*/
	}
	
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
	{  
		/* IE11 fix: right sidebar needs margin-bottom in case viewport and content_left are small */
		div.content_right
		{
	   		/*margin-bottom:131px;*/
		}
	}
	
	/*peel off that margin-top only on the featured project heading*/
	div.content_right h3
	{
		margin-top:0;
	}
	
	div.content_right table
	{
		font-size:0.9rem;
	}
	
	div.content_inner
	{
		margin:auto;
		text-align:center;
		width:220px;
	}
	
	div.featuredProject
	{
		width:100%;
	}
	
	
	
	nav.nzsmain > ul
	{
		margin-bottom:0;
		bottom:0px;
	}
/*top/all nav item customizations*/
	nav.nzsmain > ul.uk-subnav > li > a
	{
		padding-bottom:0;
		padding-top:0;
	}
	
	nav.nzsmain .uk-subnav>*>:first-child, 
	nav.nzsmain .uk-subnav>*>:first-child, 
	nav.nzsmain .uk-subnav>*>:first-child, 
	nav.nzsmain .uk-nav>li>a, 
	nav.nzsmain .uk-nav li>a
	{
		color: black;
		background-color: transparent;
		text-transform:none;
	}
	
	nav.nzsmain .uk-subnav a
	{
		font-size: 1.28rem;
	}
/*dropdown customizations*/
	nav.nzsmain > ul.uk-subnav [class*=uk-dropdown-bottom]
	{
		margin-top:0;
	}
	
	nav.nzsmain .uk-subnav .uk-dropdown a
	{
		font-size: 1.0rem;
	}
	
	nav.nzsmain .uk-subnav .uk-dropdown .uk-nav-header
	{
		margin-top:5px;
	}
	
	nav.nzsmain .uk-subnav a.uk-active
	{
		font-weight:bold;
	}
	/*override stupid UIkit default of 40*/
	h1, h2, h3, h4, h5, h6
	{
		text-align: center;
		margin-top:20px;
	
	}
	
	
	
	.clear
	{
		clear:both;
	}
	
	a.plain, a.plain:hover
	{
		text-decoration: none !important;
	}
	
	
	
	
	
	/*dynamic screen width template changes*/
	
	
	/*smallest screens must push content_right down below*/
	@media screen and (max-width: 700px)
	{
		div.content_left, div.content_right
		{
			float:none;
		}
		
		div.content_left
		{
			width:auto;
		}
		
		div.content_right
		{
			margin-bottom:0;
		}
		
	}
	
	@media screen and (max-width: 850px)
	{
		div.header h1
		{
			margin:5px;
		}
	}
	
	/*small screens need reduced side margins and nav font sizes*/
	@media screen and (max-width: 960px)
	{
		nav.nzsmain
		{
			padding:0;
			width:100%;
		}
		
		div.header h1
		{
			font-size: 2.0rem;
		}
		
		nav.nzsmain .uk-subnav a
		{
			font-size: 1.1rem;
		}
		
		nav.nzsmain .uk-subnav .uk-dropdown a
		{
			font-size: 0.8rem;
		}
		
		div.content
		{
			margin-left:0;
			width:100%;
		}
	}
	
	/*larger screens*/
	@media screen and (min-width: 701px)
	{
		div.content_left
		{
			width:calc( 100% - 180px - 20px );
		}
	}
	
	/*huge widths require larger menu font size*/
	@media screen and (min-width: 1400px)
	{
		nav.nzsmain .uk-subnav a
		{
			font-size: 1.5rem;
		}
	}
	
	/*massive widths wider than background image require it to be fixed to the left*/
	@media screen and (min-width: 2066px)
	{
		body
		{
			background: #eee url( '/img/amesdale_sunset_2k_8.jpg' ) no-repeat fixed center 100px;
		}
		
		div.container, div.header, div.content, div.footer
		{
			width:2048px;
			margin-left:auto;
			margin-right:auto;
		}
	}
	
	
	/*dynamic screen height template changes*/
	
	
	/* remove fixed header+footer with mobile screens */
	@media screen and (max-height: 600px)
	{
		div.footer
		{
			position:static;
			width:100%;
		}
		/* remove IE11 fix: right sidebar needs margin-bottom in case viewport and content_left are small */
		div.content
		{
			margin-bottom:0;
		}
	}
	
	@media screen and (max-height: 867px) and (min-width: 701px)
	{
		div.content_left
		{
			min-height:532px;
		}
	}
	
	
	/*dynamic screen defaults*/
	
	/*when screen is taller than content_right but not taller than content_left maximum growth, scale it*/
	@media screen and (min-height: 782px) and (min-width: 701px) and (max-height: 900px)
	{
		div.content
		{
			margin-bottom:calc( 100vh - 800px - 100px );
		}
		
		div.content_left
		{
			min-height:calc( 100% - 100px - 120px - 20px - 10px - 1px );
			margin-bottom:131px;
		}
		
		div.footer
		{
			position: fixed;
			float:left;
			bottom: 0px;
			height:calc( 100% - 110px - 800px );
		}
		
	}
	/*in between the other two, in case screen rather large but content area tiny*/
	@media screen and (min-height: 901px) and (min-width: 701px) and (max-height: 1031px)
	{
	

		/*
		div.content_left
		{
			min-height:calc( 100% - 100px - 120px - 20px - 4px - 10px - 1px );
		}
		*/
		div.content
		{
			margin-bottom:calc( 100vh - 100% );
		}
		
		div.content_left
		{
			min-height:calc( 100% - 100px - 131px - 20px );
			margin-bottom:131px;
		}
		
		div.footer
		{
			position: fixed;
			float:left;
			bottom: 0px;
			height:calc( 100% - 110px - 800px );
		}
	
	}
	
	/*when screen is taller than the maximum content_left can grow to*/
	@media screen and (min-height: 1032px)
	{
		div.content
		{
			margin-bottom:calc( 100vh - 800px - 100px );
		}
		
		div.content_left
		{
			min-height:780px;
		}
		
		div.footer
		{
			position: fixed;
			float:left;
			bottom: 0px;
			height:calc( 100% - 110px - 800px );
		}

	}
	
	
	@media print
	{
		div.content_right, div.header, nav.nzsmain
		{
			display:none;
		}
		
		div.content
		{
			margin:0;
			padding-top:0;
		}
		
		div.content_left
		{
			width:100%;
		}
		
		body
		{
			background: white;
		}
		
		div.footer
		{
			background-color:transparent;
		}
	}