@charset "UTF-8";

:root{
	--nav-height: 24px;
	
	--content-width: 816px;
	--gap-width: 7px; /* Light */
	
	--column-width-12: calc( ( var(--content-width) - (var(--gap-width) * (12 - 1) ) ) / 12 );
	--column-width-6: calc( ( var(--content-width) - (var(--gap-width) * (6 - 1) ) ) / 6 );
	
	--decoration-margin-width-large: 116px;
	--decoration-margin-width-small: 32px;
	
	--background-bleed-width: 105px;
	
	--standard-font-optical-sizing: auto;
	--standard-font-variation-settings: "wdth" 100;
	
	
	--font-type-serif: "Libre Baskerville", serif;
	--font-type-serif-line-height: 1.375em;
	--font-type-serif-letter-spacing: -.0175em;
	--font-type-serif-word-spacing: .1em;
	--font-type-serif-font-optical-sizing: var(--standard-font-optical-sizing);
	--font-type-serif-font-variation-settings: var(--standard-font-variation-settings);
	
	--font-type-sans-serif: "Roboto", "Arial", "Helvetica", sans-serif;
	--font-type-sans-serif-line-height: 1.5em;
	--font-type-sans-serif-letter-spacing: -.013em;
	--font-type-sans-serif-word-spacing: .1em;
	--font-type-sans-serif-optical-sizing: var(--standard-font-optical-sizing);
	--font-type-sans-serif-font-variation-settings: var(--standard-font-variation-settings);
	
	--font-type-condensed: "Anton", "Impact", sans-serif;
	--font-type-condensed-line-height: 1.2em;
	--font-type-condensed-letter-spacing: -.02em;
	--font-type-condensed-word-spacing: -.04em;
	--font-type-condensed-font-weight: 400; 
	--font-type-condensed-font-style: normal;
	--font-type-condensed-font-optical-sizing: auto;
	--font-type-condensed-font-variation-settings: "wdth" 100;
	
	--font-type-monospace: "Courier Prime", monospace;
	--font-type-monospace-line-height: 1.5em;
	--font-type-monospace-letter-spacing: -.04em;
	--font-type-monospace-word-spacing: -.04em;
	
	--text-h1-font: var(--font-type-serif);
	--text-h1-size: 2em; 
	--text-h1-line-height: var(--font-type-serif-line-height);
	--text-h1-letter-spacing: var(--font-type-serif-letter-spacing);
	--text-h1-word-spacing: var(--font-type-serif-word-spacing);
	--text-h1-font-weight: 400; 
	--text-h1-font-style: normal;
	--text-h1-font-optical-sizing: auto;
	--text-h1-font-variation-settings: "wdth" 100;
	--text-h1-margin-bottom: .5em;
	
	--text-h2-font: var(--font-type-sans-serif);
	--text-h2-size: 1.5em; 
	--text-h2-line-height: 1.3125em;
	--text-h2-letter-spacing: .002em; 
	--text-h2-word-spacing: .075em;
	--text-h2-font-weight: 700; 
	--text-h2-font-style: normal;
	--text-h2-font-optical-sizing: auto;
	--text-h2-font-variation-settings: "wdth" 100;
	--text-h2-margin-bottom: .75em;
	
	--text-h3-font: var(--font-type-sans-serif);
	--text-h3-size: 1em; 
	--text-h3-line-height: 1em;
	--text-h3-letter-spacing: 0em;
	--text-h3-word-spacing: 0em;
	--text-h3-font-weight: 400;
	--text-h3-font-style: normal;
	--text-h3-font-optical-sizing: auto;
	--text-h3-font-variation-settings: "wdth" 100;
	--text-h3-margin-bottom: 0em;
	
	--text-h4-font: var(--font-type-sans-serif);
	--text-h4-size: 1em; 
	--text-h4-line-height: 1em;
	--text-h4-letter-spacing: 0em;
	--text-h4-word-spacing: 0em;
	--text-h4-font-weight: 400;
	--text-h4-font-style: normal;
	--text-h4-font-optical-sizing: auto;
	--text-h4-font-variation-settings: "wdth" 100;
	--text-h4-margin-bottom: 0em;
	
	--text-h5-font: var(--font-type-sans-serif);
	--text-h5-size: 1em;
	--text-h5-line-height: 1em;
	--text-h5-letter-spacing: 0em;
	--text-h5-word-spacing: 0em;
	--text-h5-font-weight: 400;
	--text-h5-font-style: normal;
	--text-h5-font-optical-sizing: auto;
	--text-h5-font-variation-settings: "wdth" 100;
	--text-h5-margin-bottom: 0em;
	
	--text-h6-font: var(--font-type-sans-serif);
	--text-h6-size: 1em;
	--text-h6-line-height: 1em;
	--text-h6-letter-spacing: 0em;
	--text-h6-word-spacing: 0em;
	--text-h6-font-weight: 400;
	--text-h6-font-style: normal;
	--text-h6-font-optical-sizing: auto;
	--text-h6-font-variation-settings: "wdth" 100;
	--text-h6-margin-bottom: 0em;
	
	--text-h-serif-large-font: var(--font-type-serif);
	--text-h-serif-large-size: 1.75em;
	--text-h-serif-large-line-height: 1.25em;
	--text-h-serif-large-letter-spacing: 0em;
	--text-h-serif-large-word-spacing: 0em;
	--text-h-serif-large-font-weight: 400;
	--text-h-serif-large-font-style: normal;
	--text-h-serif-large-font-optical-sizing: auto;
	--text-h-serif-large-font-variation-settings: "wdth" 100;
	--text-h-serif-large-margin-bottom: .5em;
	
	--text-h-serif-small-font: var(--font-type-serif);
	--text-h-serif-small-size: 1em; --text-h-serif-small-line-height: 1.25em;
	--text-h-serif-small-letter-spacing: .002em; --text-h-serif-small-word-spacing: .02em;
	--text-h-serif-small-font-weight: 700; --text-h-serif-small-font-style: oblique;
	--text-h-serif-small-font-optical-sizing: auto;
	--text-h-serif-small-font-variation-settings: "wdth" 100;
	--text-h-serif-small-margin-bottom: .6125em;
	
	--text-p-font: var(--font-type-sans-serif);
	--text-p-size: 1em; --text-p-line-height: 1.5em;
	--text-p-letter-spacing: -.013em; --text-p-word-spacing: .1em;
	--text-p-font-weight: 400; --text-p-font-style: normal;
	--text-p-font-optical-sizing: auto;
	--text-p-font-variation-settings: "wdth" 100;
	--text-p-margin-bottom: 1em;
	
	--text-nav-font-family: var(--font-type-serif);
	--text-nav-font-size: 14px;
	--text-nav-bracket-width: 9px;
	--text-nav-bracket-height: 18px;
	--text-nav-gap: 4px;
	
	--color-gray: #9a9a9a;
	
	--text-color-red-temp: #ff3000;
	--text-color-red: #da2600;
	--text-color-aqua: #00ad96;
	--text-color-gray: #666;
	
	--image-matte-bevel: 2px;
	--image-frame-small: 9px;
	--image-frame-large: 45px;
	--image-frame-color: #c4c3c1;
	
	--bg-column-span: 31px;
	--bg-tile-span: 104px;
	
	--margin-brick-tri: 56px;
}

/*/ Main Tags /*/

	html, body {
		width: 100%; min-width: 100%; 
		height: 100%; min-height: 100%;
	}

	body {
		position: relative;
		display: block;

		font-family: "Libre Baskerville", serif;
		font-weight: 400;
		font-style: normal;
		
		overflow-x: hidden;
		
		font-size: 14px;
	}
	
	body * {
		/*
			1 - Background - Main
			2 - Fore Background Elements
			3 - Lighting
			4 - Main Content
		*/
	}
	
	code{
		font-family: var(--font-type-monospace);
		letter-spacing: var(--font-type-monospace-letter-spacing);
		word-spacing: var(--font-type-monospace-word-spacing);
		padding-left: .125em; padding-right: .125em;
		font-weight: 500;
	}
	
	main a ,
	main a:hover,
	main a:active
	{ color: #006558; }
	main a:visited,
	main a:visited:hover,
	main a:visited:active 
	{ color: #881200; }
	
	main textarea.code {
		font-family: var(--font-type-monospace);
		font-size: .75em;
		line-height: var(--font-type-monospace-line-height);
		letter-spacing: var(--font-type-monospace-letter-spacing); word-spacing: var(--font-type-monospace-word-spacing);
		min-width: 100%; width: 100%; max-width: 100%;
		min-height: 5em; height: 25em;
		outline: 0; border: 0;
		overflow: scroll;
		padding: 0.75em 1em;
		/*white-space: pre;*/
		box-shadow:
			inset 2px 2px 5px rgba(0,0,0,0.5),
			inset 1px 1px 2px rgba(0,0,0,0.75)
		;
		margin-left: 1.5em; margin-right: 1.5em;
		min-width: calc(100% - ( 1.5em * 2 ) ); width: calc(100% - ( 1.5em * 2 ) ); max-width: calc(100% - ( 1.5em * 2 ) );
	}
	
	textarea[data-wrap="off"]
	{ white-space: pre; }

	textarea[data-wrap="on"]
	{  }

	
	main textarea.code 
	{ background-color: #00211f; color: #00e5d5; }
	main textarea.code.red 
	{ background-color: #420b00; color: #ff7343; }
	
	main textarea.white
	{ border: 2px inset rgb(230, 230, 230); }
	
	main textarea.wrap 
	{ white-space: normal; }

/*/ END Main Tags /*/

/*/ Custom Tags /*/

	/*/ Body Layout /*/
	
		/* Base Layer */
			body-layer{
				position: relative;
				width: 100%; min-width: 100%;
				height: 100%; min-height: 100%;
			}
			/* 
				data-layername:
					fixed-background
					content
					fixed-lighting
			*/
			
			/*/ Layers /*/
			
				/* Fixed Background */
					body-layer[data-layername="fixed-background"]{
						position: fixed; top: 0; left: 0;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 1fr;
					}
				
				/* Content */
					body-layer[data-layername="content"]{
						position: relative;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 1fr;
					}
				
				/* Fixed Lighting */
					body-layer[data-layername="fixed-lighting"]{
						position: fixed; top: 0; left: 0;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 1fr;
						
						background-repeat: repeat-x;
						background-position:
							0 0,
							0 100%
						;
						background-image:
							url('/images/by-page/default/by-layer/fixed-lighting/light-top-gradient.png'),
							url('/images/by-page/default/by-layer/fixed-lighting/light-bottom-gradient.png')
						;
					}
				
			/*/ END Layers /*/
			
	/*/ END Body Layout /*/
	
/*/ END Custom Tags /*/

/*/ Body Layers /*/

	/*/ Fixed Background /*/
	
		/* Grid Groups */
			[data-groupname="background"]{
				position: relative;
				width: 100%; min-width: 100%;
				height: 100%; min-height: 100%;
				background-color: #008079;
			}

			/*/ Fixed Background - Layers /*/
				
				/* Gradient */
					[data-groupname="background"] [data-layername="gradient"]{
						background-repeat: repeat-x;
						background-position: 50% 0;
						background-image: url('/images/by-page/default/by-layer/fixed-background/gradient.png');
					}
					
				/* Stars */
					[data-groupname="background"] [data-layername="stars"]{
						background-repeat: repeat-x;
						background-position: 50% 0;
						background-image: url('/images/by-page/default/by-layer/fixed-background/stars.png');
					}
					
				/* Moon */
					[data-groupname="background"] [data-layername="moon"]{
						background-repeat: no-repeat;
						background-position: calc(50% - 306px) 36px;
						background-image: url('/images/by-page/default/by-layer/fixed-background/moon.png');
					}
				
				/*/ Clouds /*/
				
					/* Clouds - Fixed */
						[data-groupname="background"] [data-layername="clouds-fixed"]{
							background-repeat: repeat-x;
							background-position: 50% 0;
							background-image: url('/images/by-page/default/by-layer/fixed-background/clouds-fixed.png');
						}
						
					/* Clouds - Background */
						[data-groupname="background"] [data-layername="clouds-background"]{
							background-repeat: repeat-x;
							background-position: 50% 0;
							background-image: url('/images/by-page/default/by-layer/fixed-background/clouds-background.png');
						}
						
					/* Clouds - Foreground */
						[data-groupname="background"] [data-layername="clouds-foreground"]{
							background-repeat: repeat-x;
							background-position: 50% 0;
							background-image: url('/images/by-page/default/by-layer/fixed-background/clouds-foreground.png');
						}
						
				/*/ END Clouds /*/
					
				/* Bridge */
					[data-groupname="background"] [data-layername="bridge"]{
						background-repeat: no-repeat;
						background-position: calc(50% + 302px) 40px;
						background-image: url('/images/by-page/default/by-layer/fixed-background/bridge.png');
					}
				
		/*/ END Fixed Background - Layers /*/
	
	/*/ END Fixed Background /*/
	
	/*/ Content /*/
	
		/*/ Light Strips /*/
			
			/* Main */
				div.light-strip{
					background-repeat: repeat-x;
					background-position: 50% 0;
					width: 100%; min-width: 100%;
					height: 38px; min-height: 38px;
					background-color: #35302e;
				}
				
				/* Top */
					div.light-strip.top
					{ background-image: url('/images/by-page/default/by-layer/content/light-bar/top.png'); }
					
				/* Bottom */
					div.light-strip.bottom
					{ background-image: url('/images/by-page/default/by-layer/content/light-bar/bottom.png'); }
		
		/*/ END Light Strips /*/
		
		/*/ Header-Footer /*/
		
			header,
			footer{
				width: 100%; min-width: 100%;	
				position: relative;
			}
		
		/*/ END Header-Footer /*/
		
		/*/ Header /*/
			
			/* Main Tag */
				header {
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 1fr;
					min-height: 216px; height: 216px;
				}
				
			/*
			grid-node[data-gridtype="header"]{
				grid-template-columns: 
					1fr minmax(0) 1fr
				;
				grid-template-rows: 1fr;
			}
			*/
			
			/*/ Header Flex Layer /*/
				
				/* Flex Element */
					layer-container[data-groupname="header"] layer-container-layer[data-layername="grid"]{
						display: flex; flex-direction: row;
						justify-content: stretch; align-items: stretch;
					}
			
				/*/ Flex (Left & Right) /*/
					/* Plain DIV Children */
				
					/* Left & Right */
						layer-container[data-groupname="header"] layer-container-layer[data-layername="grid"] > :nth-child(1),
						layer-container[data-groupname="header"] layer-container-layer[data-layername="grid"] > :nth-child(3)
						{ 
							flex: auto;
							background-image: url('/images/by-page/default/by-layer/content/header/header-flex.png');
						}
				
					/* Left */
						layer-container[data-groupname="header"] layer-container-layer[data-layername="grid"] > :nth-child(1)
						{ background-position: right 0; }
					
				/*/ END Flex (Left & Right) /*/
					
				/* Center */
					layer-container[data-groupname="header"] layer-container-layer[data-layername="grid"] > :nth-child(2){
						flex: none;
						width: 100%; max-width: 624px;
						background-image: url('/images/by-page/default/by-layer/content/header/header-center.png');
						background-position: center 0;
					}
				
			/*/ END Header Flex Layer /*/
			
			/* Steam */
				layer-container[data-groupname="header"] layer-container-layer[data-layername="steam"]{
					background-image: url('/images/by-page/default/by-layer/content/steam-top.png');
					background-position: 50% 100%;
					background-repeat: repeat-x;
				}
			
		/*/ END Header /*/
		
		/*/ Main /*/
		
			main{
				position: relative;
				background-color: #fff;
				display: flex; flex-direction: column;
				align-items: stretch;
			}
			
			/* Not Last Section */
				main > :not(:nth-last-child(1))
				{ flex: none; }
				
			/* Last Section */
				main > :nth-last-child(1)
				{ flex: auto; }
			
			/*/ Main Grid /*/
			
				main-grid{
					display: flex; flex-direction: column;
					width: 100%; min-width: 100%; 
					height: 100%; min-height: 100%;
				}
					main-grid > main{ flex: auto; }
					main-grid > :not(main){ flex: none; }
					
			/*/ END Main Grid /*/
			
			/*/ Section /*/
			
				/*/ Section Theme /*/
					/*
						data-sectiontheme="white"
						data-sectiontheme="white-tiles"
						
						data-sectiontheme="black"
						data-sectiontheme="black-bricks"
						data-sectiontheme="black-bricks-full"
						data-sectiontheme="black-bricks-full-top"
						data-sectiontheme="black-bricks-full-bottom"
					*/
					
					/* Shared Minimum Height Sizing */
						section[data-sectiontheme="white"],
						section[data-sectiontheme="white-tiles"],
						
						section[data-sectiontheme="black"],
						section[data-sectiontheme="black-bricks"],
						section[data-sectiontheme="black-bricks-full"],
						section[data-sectiontheme="black-bricks-full-top"],
						section[data-sectiontheme="black-bricks-full-bottom"]
						{ min-height: 0px; }
							
						
					/*/ White - Tiles /*/
						section[data-sectiontheme="white"],
						section[data-sectiontheme="white-tiles"]
						{ background-color: #fff; }
						
						section[data-sectiontheme="black"],
						section[data-sectiontheme="black-bricks"]
						{ background-color: #000; }
						
						section[data-sectiontheme="black-bricks-full"],
						section[data-sectiontheme="black-bricks-full-top"],
						section[data-sectiontheme="black-bricks-full-bottom"]
						{ background-color: #131413; }

					
					/*/ Black - Bricks - Only /*/
						section[data-sectiontheme="black-bricks-full"],
						section[data-sectiontheme="black-bricks-full-top"],
						section[data-sectiontheme="black-bricks-full-bottom"]
						{
							background-repeat: 
								repeat-x,
								repeat-y,
								repeat-x,
								repeat-y,
								repeat
							;
							background-position:
								0 0,
								right 0,
								0 bottom,
								0 0,
								center 0
							;
							background-image:
								url('/images/by-page/default/shadow-top.png'),
								url('/images/by-page/default/shadow-right.png'),
								url('/images/by-page/default/shadow-bottom.png'),
								url('/images/by-page/default/shadow-left.png'),
								url('/images/by-page/default/by-layer/content/main/background/bricks.png')
							;
						}
						
					/*/ END Black - Bricks - Only /*/
					
					/*/ White /*/
					
						section[data-sectiontheme="white"],
						section[data-sectiontheme="white-tiles"]
						{
							background-repeat:
								repeat-x,
								repeat-y,
								repeat-x,
								repeat-y
							;
							background-position:
								0 0,
								right 0,
								0 bottom,
								0 0
							;
							background-image:
								url('/images/by-page/default/shadow-top.png'),
								url('/images/by-page/default/shadow-right.png'),
								url('/images/by-page/default/shadow-bottom.png'),
								url('/images/by-page/default/shadow-left.png')
							;
						}
						
					/*/ END White /*/
						
				/*/ END Section Theme /*/
				
				/* Section Divider */
					section-divider{
						background-color: #454341;
						display: block;
						min-width: 100%; width: 100%;
						height: 7px;
						background-position: 50% 0;
						background-image: url('/images/by-page/default/by-layer/content/divider.png');
					}
				
			/*/ END Section /*/
			
			/*/ Content /*/
				
				/*/ Margins /*/
					/* 
						margin-content
						margin-content-small
						
						margin-content-top
						margin-content-bottom
					*/
				
					margin-content,
					margin-content-small,
					margin-content-top,
					margin-content-bottom,
					margin-brick-tri
					{ display: block; }

					margin-content { height: calc( var(--nav-height) * 2 ); }
					margin-content-small { height: calc( var(--nav-height) ); }
					
					margin-content-top { height: calc( var(--nav-height) * 2 ); }
					margin-content-bottom { height: calc( var(--nav-height) * 3.5 ); }
					
					margin-brick-tri { height: var(--margin-brick-tri); }
					
				/*/ END Margins /*/
				
				/*/ Content Grid /*/
				
					/* Main Element */
						content-grid{
							display: grid;
							min-width: 100%; width: 100%;
							grid-template-row: 1fr;
						}

						/*/ Content Grid Types /*/
							/*
								data-gridtype="white"
								data-gridtype="white-image"
								
								data-gridtype="white-tiles"
								data-gridtype="white-tiles-image"
								
								data-gridtype="black-bricks"
								data-gridtype="black-bricks-image"
								
								data-gridtype="black-bricks-full"
								data-gridtype="black-bricks-full-image"
								
								data-gridtype="black-bricks-full-top"
								data-gridtype="black-bricks-full-top-image"
								
								data-gridtype="black-bricks-full-bottom"
								data-gridtype="black-bricks-full-bottom-image"
							*/
							
							content-grid[data-gridtype="white"],
							content-grid[data-gridtype="white-tiles"],
							content-grid[data-gridtype="black"],
							content-grid[data-gridtype="black-bricks"],
							content-grid[data-gridtype="black-bricks-full"],
							content-grid[data-gridtype="black-bricks-full-top"],
							section[data-sectiontheme="black-bricks-full-bottom"]
							{
								grid-template-columns: 
									minmax( calc(  var(--nav-height) * 2 ) , 1fr)
									[left]
									minmax( 0px, var(--content-width) )
									[right]
									minmax( calc(  var(--nav-height) * 2 ) , 1fr)
								;
							}
							
							content-grid[data-gridtype="white-image"],
							content-grid[data-gridtype="white-tiles-image"],
							content-grid[data-gridtype="black-image"],
							content-grid[data-gridtype="black-bricks-image"],
							content-grid[data-gridtype="black-bricks-full-image"],
							content-grid[data-gridtype="black-bricks-full-top-image"],
							content-grid[data-gridtype="black-bricks-full-bottom-image"]
							{
								grid-template-columns: 
									minmax( 0px, 1fr )
									[left]
									minmax( 0px, var(--content-width) )
									[right]
									minmax( 0px, 1fr )
								;
							}
							
						/*/ END Content Grid Types /*/
						
						/*/ Content Grid Cells /*/
						
							content-grid-cell{
								display: flex; flex-direction:column;
								align-items: flex-start;
								grid-column-start: left;
								grid-column-end: right;
							}

							content-grid-cell[data-centered="true"]
							{ align-items: center; }
							
						/*/ END Content Grid Cells /*/
				
				/*/ END Content Grid /*/
				
			/*/ END Content /*/
			
		/*/ END Main /*/
		
		/*/ Footer /*/
			
			/* Main Element */
				footer{
					background-color: #000;
					color: #fff;
					min-height: 191px;
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 1fr;
				}
		
			/*/ Layers /*/
				
				/*/ Grid Layer /*/
					
					/* Element */
						layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"]{
							
							display: grid;
							grid-template-columns:
								0px
								0px
								var(--nav-height)
								minmax( 0, 100% )
								var(--nav-height)
								0px
								0px
							;
							grid-template-rows: 1fr;
						}

					/*/ Fills /*/
						
						/* Left & Right */
							layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .fill.left,
							layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .fill.right
							{
								background-image: transparent;
								background-position: 0 0;
							}
							
						
					/*/ END Fills /*/

					/*/ Marble /*/
						
						/* Both */
							layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .marble
							{ background-color: #eee; }
							
						/* Left */
							layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .marble.left,
							layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .marble.right
							{ background-image: transparent; }
						
					/*/ END Marble /*/
					
				/*/ END Grid Layer /*/
				
			/*/ END Layers /*/
			
			/*/ Elements /*/
				
				/*/ Nav /*/
				
					footer nav ul{
						display: flex; flex-direction: row; flex-wrap: wrap;
						gap: calc( var(--gap-width) * 2 );
						padding-top: var(--gap-width);
						padding-left: calc( var(--gap-width) * 2 );
					}
			
					footer nav a {
						font-family: var(--font-type-serif);
						font-weight: 400;
						font-style: normal;
						font-size: .75em;
					}
					
				/*/ END Nav /*/
				
				/*/ Typography /*/
				
					footer h1{
						font-family: var(--font-type-sans-serif);
						font-size: 1.125em;
						
						letter-spacing: var(--font-type-serif-letter-spacing);
						word-spacing: var(--font-type-serif-word-spacing);
						
						font-weight: 400;
						font-style: normal;
						
						font-optical-sizing: auto;
						font-variation-settings: "wdth" 100;
					}
					
					footer p{
						font-family: var(--font-type-sans-serif);
						font-size: .75em;
						line-height: var(--text-p-line-height);
						letter-spacing: var(--text-p-letter-spacing);
						word-spacing: var(--text-p-word-spacing);
						
						font-weight: 400;
						font-style: normal;
						
						text-align: center;
						
						font-optical-sizing: auto;
						font-variation-settings: "wdth" 100;
						
						
					}
					
					footer a,
					footer a:hover,
					footer a:active
					{ color:#fff; }
				
				/*/ END Typography /*/
				
			/*/ END Elements /*/
			
			/*/ Content Grid /*/
			
				/* Element */
					.footer-content {
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 
							minmax(0, 100%)
							min-content
						;
						gap: var(--nav-height);
					}
					
			/*/ END Content Grid /*/
			
			/* Top (Page Nav) */
				.footer-content > :nth-child(1){
					display: flex; flex-direction: column;
					padding-top: var(--nav-height);
				}
				
			/* Bottom */
				.footer-content > :nth-child(2){
					display: flex; flex-direction: column;
					justify-content: center;
					padding-bottom: calc( var(--nav-height) / 2 );
					
				}
				/* Bottom - All */
					.footer-content > :nth-child(2) * { text-align: center; }
				
				/* Bottom - Title */
					.footer-content > :nth-child(2) h1 { padding-bottom: calc( var(--gap-width) ); }

			/* Steam Graphic Layer */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="steam"]{
					background-image: url('/images/by-page/default/by-layer/content/steam-bottom.png');
					background-position: 50% 100%;
					background-repeat: repeat-x;
				}
			
		/*/ END Footer /*/
		
		/*/ Nav Layers /*/
		
			/* Main Elements */
			
				/* All */
					body-layer > main-grid > nav, 
					body-layer > main-grid > .nav 
					{
						background-color: #040a09;
						
						min-height: 24px; height: 24px; max-height: 24px;
						
						background-repeat: 
							no-repeat,
							no-repeat,
							repeat-x
						;
						background-position: 
							0 0,
							100% 0,
							50% 0
						;
						background-image:
							url('/images/by-page/default/by-layer/content/nav/cap-left.png'),
							url('/images/by-page/default/by-layer/content/nav/cap-right.png'),
							url('/images/by-page/default/by-layer/content/nav/nav-bar.png')
						;
					}
				
				/* Top */
					body-layer > main-grid > nav {
						
						position: relative;

						display: flex; flex-direction: row; flex-wrap: wrap;
						
						justify-content: flex-start; align-items: center;
						
						font-family: var(--font-type-serif);
						font-size: var(--text-nav-font-size);
						letter-spacing: var(--font-type-serif-letter-spacing);
						word-spacing: var(--font-type-serif-word-spacing);
						
						optical-sizing: var(--font-type-serif-optical-sizing);
						font-variation-settings: var(--font-type-serif-font-variation-settings);
						
						font-weight: 400;
						font-style: normal;
						
						background-color: #1f1d1d; color: #fff;
						
						padding-left: calc( var(--gap-width) * 2.5 );
					}
				
			/* END Main Elements */
			
			/*/ Button /*/
			
				nav-button {
					position: relative; top: 0; left: 0;
					display: block;
					background-image: url('/images/by-page/default/by-layer/content/nav/icon-menu.png');
					width: 24px; min-width: 24px; max-width: 24px; 
					height: 24px; min-height: 24px; max-height: 24px;
					margin-left: -4px;
					cursor: pointer;
				}
				
				nav-button:hover { background-position: 0 -100%; }

				nav-button:active{ top: 1px; left: 1px; }
			
			/*/ END Button /*/
			
			/* Text */
				main-grid > nav, main-grid > nav * {
					text-decoration: none;
					color: #fff;
				}
			
			/*/ List /*/
			
				/* Button Transparency Activation */
					main-grid > nav:not([data-opennav="true"]) ul { display: none; }
					main-grid > nav[data-opennav="true"] ul { display: flex; }
				
				/* List Element */
					main-grid > nav ul {
						flex-direction: column;
						position: absolute; top: 100%; left: 0;
						width: 100%; min-width: 100%;
						min-height: 40px;
						background-color: #111;

						box-shadow: 0 3px 6px rgba(0,0,0,0.5);
						background-image: 
							url('/images/by-page/default/shadow-top.png'),
							url('/images/by-page/default/by-layer/content/nav/side-left.png'),
							url('/images/by-page/default/by-layer/content/nav/side-right.png')
						;
						background-repeat:
							repeat-x,
							repeat-y,
							repeat-y
						;
						background-position:
							0 0,
							0 0,
							100% 0
						;
						z-index: 100;
					}
				
				/*/ List Item /*/
					
					/* Element */
						main-grid > nav li {
							display: flex; flex-direction: row;
							justify-content: center; align-items: center;
							width: 100%; min-width: 100%;
							height: var(--nav-height); min-height: var(--nav-height);
							padding-left: var(--gap-width);
							padding-right: var(--gap-width);	
						}
						
					/* All Immediate Children */
						main-grid > nav ul li > * {
							position: relative;
							display: flex; flex-direction: row;
							justify-content: center; align-items: center;
							width: 100%; min-width: 100%;
							height: var(--nav-height); min-height: var(--nav-height);
							text-decoration: none;	
						}	
						
					/*/ List Item Inner Content /*/
						
						/* Small Screen - Border Divider */
							main-grid > nav ul li:not(:nth-child(1)) > * { border-top: 3px solid #333; }
			
						/* Anchor Cell Container */
							main-grid > nav ul li div {
								display: flex; flex-direction: row;
								justify-content: center; align-items: center;
								gap: var(--text-nav-gap);
							}
							
							/*/ Bracket Graphics /*/
							
								/* Base */
									main-grid > nav ul li div::before,
									main-grid > nav ul li div::after
									{
										content: '';
										width: var(--text-nav-bracket-width); height: var(--text-nav-bracket-height);
										background-image: url('/images/by-page/default/by-layer/content/nav/bracket.png');
										background-repeat: repeat-y;
									}
									
									
								/* Hover */
									main-grid > nav ul li:not([data-selected="true"]) a:hover div::before
									{ background-position: 0 -100%; }
									main-grid > nav ul li:not([data-selected="true"]) a:hover div::after
									{ background-position: -9px -100%; }

								/* Down */
									main-grid > nav ul li:not([data-selected="true"]) a:active div::before 
									{ background-position: 0 -300%; }
									main-grid > nav ul li:not([data-selected="true"]) a:active div::after
									{ background-position: -9px -300%; }

								/* Selected */
									main-grid > nav ul li[data-selected="true"],
									main-grid > nav ul li[data-selected="true"] *
									{ pointer-events: none; cursor: default; }
									main-grid > nav ul li[data-selected="true"] div::before 
									{ background-position: 0 -300%; }
									main-grid > nav ul li[data-selected="true"] div::after
									{ background-position: -9px -300%; }
									
							/*/ END Bracket Graphics /*/
								
						/* END Anchor */
						
						/* Cell Hover Highlight */
							main-grid > nav ul li:not([data-selected="true"]) a:hover 
							{ background-color: rgba(255,255,255,0.1); }
						
					/*/ END List Item Content /*/
					
				/*/ END List Item /*/
				
			/*/ END List /*/
			
		/*/ END Nav Layers /*/
		
	/*/ END Content /*/

/*/ END Body Layers /*/

/*/ Modifier /*/

	/* Hide */
		[data-hidden="true"]{ display: none; }
		
	/* Invisible */
		[data-invisible="true"]{ opacity: 0; }
		
	/* Non-Interactive */
		[data-interactive="false"]{ pointer-events: none; }

/*/ END Modifier /*/

/*/ Testing /*/

	test-div{
		display: block;
		min-width: 100%; width: 100%;
		height: 40px;
		background-color: #f00;
	}

/*/ END Testing /*/

/*/ Image Frame /*/

	/*/ Outer Frame /*/
		
		/*/ Large /*/
		
			image-frame.outer-frame-large,
			image-frame.outer-frame-small
			{
				box-shadow: 
					0px 7px 14px rgba(0,0,0,0.65),
					0px 4px 8px rgba(0,0,0,0.65)
				;
				margin-left: 0px;
				margin-right: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			
			/* Content */
				image-frame.outer-frame-large > image-frame-content,
				image-frame.outer-frame-small > image-frame-content
				{ 
					background-color: #aaa;
					/*min-width: 120px; min-height: 140px;*/
					max-width: 100%;
				}
				
			image-frame.outer-frame-small.full-view image-frame-content
			{
				width: var(--content-width);
			}
			
			/*/ Border /*/
			
				image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="l"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],

				image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="r"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="br"],
				
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="l"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="bl"],

				image-frame.outer-frame-small > image-frame-border[data-borderposition="tr"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="r"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="br"]
				{ width: var(--image-frame-small); }

				image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="t"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],

				image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="b"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="br"],
				
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="t"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tr"],

				image-frame.outer-frame-small > image-frame-border[data-borderposition="bl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="b"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="br"]
				{ height: var(--image-frame-small); }

				image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="t"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="l"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="r"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="b"],
				image-frame.outer-frame-large > image-frame-border[data-borderposition="br"],
				
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="t"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tr"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="l"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="r"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="bl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="b"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="br"]
				{ background-color: var(--image-frame-color); }

				image-frame.outer-frame-large > image-frame-border[data-borderposition="t"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="t"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-t.png'); }
				image-frame.outer-frame-large > image-frame-border[data-borderposition="b"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="b"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-b.png'); }
				image-frame.outer-frame-large > image-frame-border[data-borderposition="l"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="l"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-l.png'); }
				image-frame.outer-frame-large > image-frame-border[data-borderposition="r"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="r"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-r.png'); }
				
				image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tl"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-tl.png'); }
				image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="tr"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-tr.png'); }
				image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="bl"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-bl.png'); }
				image-frame.outer-frame-large > image-frame-border[data-borderposition="br"],
				image-frame.outer-frame-small > image-frame-border[data-borderposition="br"]
				{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-s-br.png'); }
				
				/*/ Caps /*/
					
					image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="br"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="t"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="b"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="l"] > div,
					image-frame.outer-frame-large > image-frame-border[data-borderposition="r"] > div
					{
						display: none;
						background-image: none;
					}
				
				/*/ END Caps /*/
				
			/*/ END Border /*/
			
		/*/ END Large /*/
		
	/*/ END Outer Frame /*/
	
	/*/ Matte /*/
						
		/* Element & Background */
			image-frame.matte,
			description-box
			{
				background-color: #222;
				box-shadow: 
					inset 3px 3px 8px rgba(0,0,0,0.5),
					inset 1px 1px 3px rgba(0,0,0,0.75)
				;
			}
		
			image-frame.matte { min-width: 100%; min-height: 100%; }
			
			
		/* Height */
			image-frame.matte > image-frame-border[data-borderposition="tl"],
			image-frame.matte > image-frame-border[data-borderposition="t"],
			image-frame.matte > image-frame-border[data-borderposition="tr"],

			image-frame.matte > image-frame-border[data-borderposition="bl"],
			image-frame.matte > image-frame-border[data-borderposition="b"],
			image-frame.matte > image-frame-border[data-borderposition="br"]
			{ min-height: 0; }

		/* Width */
			image-frame.matte > image-frame-border[data-borderposition="tl"],
			image-frame.matte > image-frame-border[data-borderposition="l"],
			image-frame.matte > image-frame-border[data-borderposition="bl"],

			image-frame.matte > image-frame-border[data-borderposition="tr"],
			image-frame.matte > image-frame-border[data-borderposition="r"],
			image-frame.matte > image-frame-border[data-borderposition="br"]
			{ min-width: 0; }		
	
		/* Content */
			image-frame.matte > image-frame-content { 
				display: flex;
				justify-content: center; align-items: center;
			}
			
			image-die-cut{
				position: relative;
				display: flex; flex-direction: column;
				justify-content: center; align-items: center;
				border: none;
				background-color: #000;
			}
	
	/*/ END Matte /*/
	
/*/ END Image Frame /*/

main h1 {
	font-family: var(--text-h1-font);
	font-size: var(--text-h1-size); line-height: var(--text-h1-line-height);
	letter-spacing: var(--text-h1-letter-spacing); word-spacing: var(--text-h1-word-spacing);
	
	font-weight: var(--text-h1-font-weight); font-style: var(--text-h1-font-style);
	
	font-optical-sizing: var(--text-h1-font-optical-sizing);
	
	font-variation-settings: var(--text-h1-font-variation-settings);
}
main h1:not(:nth-last-child(1)){ margin-bottom: var(--text-h1-margin-bottom); }

main h2 {
	font-family: var(--text-h2-font);
	font-size: var(--text-h2-size); line-height: var(--text-h2-line-height);
	letter-spacing: var(--text-h2-letter-spacing); word-spacing: var(--text-h2-word-spacing);
	
	font-weight: var(--text-h2-font-weight); font-style: var(--text-h2-font-style);
	
	font-optical-sizing: var(--text-h2-font-optical-sizing);
	
	font-variation-settings: var(--text-h2-font-variation-settings);
}
main h2:not(:nth-last-child(1)){ margin-bottom: var(--text-h2-margin-bottom); }

main h3 {
	font-family: var(--text-h3-font);
	font-size: var(--text-h3-size); line-height: var(--text-h3-line-height);
	letter-spacing: var(--text-h3-letter-spacing); word-spacing: var(--text-h3-word-spacing);
	
	font-weight: var(--text-h3-font-weight); font-style: var(--text-h3-font-style);
	
	font-optical-sizing: var(--text-h3-font-optical-sizing);
	
	font-variation-settings: var(--text-h3-font-variation-settings);
}
main h3:not(:nth-last-child(1)){ margin-bottom: var(--text-h3-margin-bottom); }

main h4 {
	font-family: var(--text-h4-font);
	font-size: var(--text-h4-size); line-height: var(--text-h4-line-height);
	letter-spacing: var(--text-h4-letter-spacing); word-spacing: var(--text-h4-word-spacing);
	
	font-weight: var(--text-h4-font-weight); font-style: var(--text-h4-font-style);
	
	font-optical-sizing: var(--text-h4-font-optical-sizing);
	
	font-variation-settings: var(--text-h4-font-variation-settings);
}
main h4:not(:nth-last-child(1)){ margin-bottom: var(--text-h4-margin-bottom); }

main h5 {
	font-family: var(--text-h5-font);
	font-size: var(--text-h5-size); line-height: var(--text-h5-line-height);
	letter-spacing: var(--text-h5-letter-spacing); word-spacing: var(--text-h5-word-spacing);
	
	font-weight: var(--text-h5-font-weight); font-style: var(--text-h5-font-style);
	
	font-optical-sizing: var(--text-h5-font-optical-sizing);
	
	font-variation-settings: var(--text-h5-font-variation-settings);
}
main h5:not(:nth-last-child(1)){ margin-bottom: var(--text-h5-margin-bottom); }

main h6 {
	font-family: var(--text-h6-font);
	font-size: var(--text-h6-size); line-height: var(--text-h6-line-height);
	letter-spacing: var(--text-h6-letter-spacing); word-spacing: var(--text-h6-word-spacing);
	
	font-weight: var(--text-h6-font-weight); font-style: var(--text-h6-font-style);
	
	font-optical-sizing: var(--text-h6-font-optical-sizing);
	
	font-variation-settings: var(--text-h6-font-variation-settings);
}
main h6:not(:nth-last-child(1)){ margin-bottom: var(--text-h6-margin-bottom); }

main p {

	line-height: var(--text-p-line-height);

}
main p:not(:nth-last-child(1)){ margin-bottom: var(--text-p-margin-bottom); }

main p,
main ul
{
	font-family: var(--text-p-font);
	font-size: var(--text-p-size); 
	letter-spacing: var(--text-p-letter-spacing); word-spacing: var(--text-p-word-spacing);
	font-weight: var(--text-p-font-weight); font-style: var(--text-p-font-style);
	
	font-optical-sizing: var(--text-p-font-optical-sizing);
	font-variation-settings: var(--text-p-font-variation-settings);
}

main p strong,
main ul strong
{ font-weight: 700; }

main p em,
main ul em {
	font-family: var(--font-type-serif);
	letter-spacing: -.03em; word-spacing: .2em;
}

main p.dropcap:first-letter{
	font-family: var(--font-type-serif);
	font-size: 4.75em;
	float: left;
	margin-top: 0.345em;
	margin-right: .02em;
	color: var(--text-color-red);
}

main p .first-line,
main p strong em,
main ul strong em 
main p em strong,
main ul em strong 
{
	font-family: var(--font-type-serif);
	font-weight: 700; font-style: oblique;
	letter-spacing: .01em; word-spacing: .15em;
}

main ul {
	list-style-position: outside;
	list-style-type: disc;
	/* list-style-image */
	margin-left: 0; padding-left: 0; 
}
main ul li { 
	margin-left: calc( var(--nav-height) * 2); 
	padding-left: 0.75em;
	line-height: 1.25em;
}

main ul li:not(:nth-last-child(1)){ padding-bottom: .8125em; }

main ul:not(:nth-last-child(1)){ padding-top: .5em; padding-bottom: 2.6125em; }

main ul li::marker { 
	margin-left: 0; margin-right: 0;
	padding-left: 0; padding-right: 0;
	color: #da2600;
}

main ul li:nth-child(2n+1)::marker { color: var(--text-color-red); }
main ul li:nth-child(2n+2)::marker { color: var(--text-color-aqua); }

divider-line {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		60px
		minmax(0, 1fr)
	;
	grid-template-rows: 1fr;
	width: 100%; min-width: 100%; max-width: 100%;
	height: 44px;
	margin-top: -21px; margin-bottom: -21px;
}
divider-line :nth-child(1),
divider-line :nth-child(3){
	background-repeat: repeat-x;
	background-position: 0 center;
	background-image: url('/images/by-page/default/by-layer/content/main/divider-line.png');
}

divider-line :nth-child(2){
	background-repeat: repeat;
	background-position: 0 center;
	background-image: url('/images/by-page/default/by-layer/content/main/divider-center.png');
}

divider-line-small {
	display: block;
	min-width: 100%; width: 100%;
	height: 3px; min-height: 3px;
	background-color: var(--color-gray);
}

image-icon{
	display: block;
	background-repeat: no-repeat;
}

main h1.serif-large,
main h2.serif-large,
main h3.serif-large,
main h4.serif-large,
main h5.serif-large,
main h6.serif-large
{
	font-family: var(--text-h-serif-large-font);
	font-size: var(--text-h-serif-large-size);
	line-height: var(--text-h-serif-large-line-height);
	
	letter-spacing: var(--text-h-serif-large-letter-spacing);
	word-spacing: var(--text-h-serif-large-word-spacing);
	
	font-weight: var(--text-h-serif-large-font-weight);
	font-style: var(--text-h-serif-large-font-style);
	font-optical-sizing: var(--text-h-serif-large-font-optical-sizing);
	font-variation-settings: var(--text-h-serif-large-font-variation-settings);
	
	margin-bottom: var(--text-h-serif-large-margin-bottom);
}

main h1.serif-small,
main h2.serif-small,
main h3.serif-small,
main h4.serif-small,
main h5.serif-small,
main h6.serif-small
{
	font-family: var(--text-h-serif-small-font);
	font-size: var(--text-h-serif-small-size);
	line-height: var(--text-h-serif-small-line-height);
	
	letter-spacing: var(--text-h-serif-small-letter-spacing);
	word-spacing: var(--text-h-serif-small-word-spacing);
	
	font-weight: var(--text-h-serif-small-font-weight);
	font-style: var(--text-h-serif-small-font-style);
	font-optical-sizing: var(--text-h-serif-small-font-optical-sizing);
	font-variation-settings: var(--text-h-serif-small-font-variation-settings);
	
	margin-bottom: var(--text-h-serif-small-margin-bottom);
}

icon-grid {
	display: grid;
	grid-template-columns:
		[left]
		min-content
		[center]
		minmax(0, 100%)
		[right]
	;
	grid-template-rows:
		[top]
		1fr
		[bottom]
	;
}

icon-grid-cell-text {
	grid-column-start: center;
	grid-column-end: right;
	grid-row-start: top;
	grid-row-end: bottom;
	
	display: flex;
	justify-content: flex-start; align-items: center;
	
	padding-left: .3125em;
	
}

icon-grid-cell-icon {
	grid-column-start: left;
	grid-column-end: center;
	grid-row-start: top;
	grid-row-end: bottom;
	
	display: flex;
	justify-content: flex-end; align-items: flex-start;
}
img.icon{
	width: auto;
	height: 1.5em; max-height: 36px;
}

margin-content-em {
	display: block;
	min-height: 1em; height: 1em; max-height: 1em;
	min-width: 100%; width: 100%; max-width: 100%;
}
margin-content-em-small {
	display: block;
	min-height: .5em; height: .5em; max-height: .5em;
	min-width: 100%; width: 100%; max-width: 100%;
}

p-group { display: block; }

center-me {
	display: flex; flex-direction: column;
	align-items: center; justify-content: flex-start;
	
	min-width: 100%; width: 100%; max-width: 100%;
}


image-frame img image-die-cut { max-height: 100%; }


figure.quote {
	display: grid;
	grid-template-columns:
		[left]
		calc( var(--gap-width) * 2 )
		[center]
		minmax(0,100%)
		[right]
	;
	grid-template-rows:
		[top]
		minmax(0,100%)
		[bottom]
	;
	background-color: #ccc;
	min-width: 100%; width: 100%;
	min-height: 4em;
	font-size: 1.25em;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

figure.quote > div:nth-child(1){
	display: flex;
	background-color: #444;
	grid-column-start: left;
	grid-column-end: center;
	grid-row-start: top;
	grid-row-end: bottom;
}

figure.quote > div:nth-child(2){
	display: flex; flex-direction: column;
	min-height: 100%; height: 100%;
	grid-column-start: center;
	grid-column-end: right;
	grid-row-start: top;
	grid-row-end: bottom;
	padding: 1.5em 1em 1em 1.5em;
	align-items: stretch;
	justify-content: space-between;
	background-image: url('/images/by-page/default/by-layer/content/main/quote.png');
	background-position: .5em .5em;
	background-repeat: no-repeat;
	gap: 1em;
}

figure.quote q {
	line-height: 1.5em;
	letter-spacing: var(--font-type-serif-letter-spacing); word-spacing: var(--font-type-serif-word-spacing);
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
}

figure.quote q::before { content: ""; }

figure.quote q::after { content: "\201d"; }

figure.quote cite {
	margin-left: auto;
	font-size: .75em;
}

figure.quote cite::before {
	content: "\2014";
	margin-right: .25em;
}

image-wrapper {
	display: flex;
	max-width: 100%;
}
image-wrapper img{
	max-width: 100%;
}

description-box {
	min-width: 100%; width: 100%; max-width: 100%;
	padding: .75em 1em;
}

margin-content-gap {
	display: block;
	min-width: 100%; width: 100%; max-width: 100%;
	height: var(--gap-width);
}

/*/ Screen Size /*/

	/*/ 575px /*/
		@media (min-width: 575px){
			
			content-grid[data-gridtype="white-tiles"],
			content-grid[data-gridtype="white-tiles-image"],
			
			content-grid[data-gridtype="black-bricks"],
			content-grid[data-gridtype="black-bricks-image"],
			
			content-grid[data-gridtype="black-bricks-full"],
			content-grid[data-gridtype="black-bricks-full-image"],
			
			content-grid[data-gridtype="black-bricks-full-top"],
			content-grid[data-gridtype="black-bricks-full-top-image"],
			
			content-grid[data-gridtype="black-bricks-full-bottom"],
			content-grid[data-gridtype="black-bricks-full-bottom-image"]
			{
				grid-template-columns: 
					minmax( calc( var(--bg-column-span) + ( var(--nav-height) * 2 ) ) , 1fr)
					[left]
					minmax(0px, var(--content-width))
					[right]
					minmax( calc( var(--bg-column-span) + ( var(--nav-height) * 2 ) ), 1fr)
				;	
			}

			content-grid[data-gridtype="white"],
			content-grid[data-gridtype="white-image"],
			
			content-grid[data-gridtype="black"],
			content-grid[data-gridtype="black-image"]
			{
				grid-template-columns: 
					minmax( calc( var(--nav-height) * 3 ) , 1fr)
					[left]
					minmax(0px, var(--content-width))
					[right]
					minmax( calc( var(--nav-height) * 3 ), 1fr)
				;	
				
			}
			
			image-frame.outer-frame-large,
			image-frame.outer-frame-small
			{
				margin-left: calc( 0px - var(--image-frame-small) );
				margin-right: calc( 0px - var(--image-frame-small) );
			}
			
			/*/ Section Theme /*/
				
				/* Shared Minimum Height Sizing */
					section[data-sectiontheme="white-tiles"],
					section[data-sectiontheme="black-bricks"],
					section[data-sectiontheme="black-bricks-full"]
					{ min-height: 96px; }
				
					section[data-sectiontheme="black-bricks-full-top"],
					section[data-sectiontheme="black-bricks-full-bottom"]
					{ min-height: 43px; }
					
				/*/ White - Tiles /*/
					section[data-sectiontheme="white-tiles"]{

						background-repeat:
							no-repeat, /* Column - TL */
							no-repeat, /* Column - TR */
							no-repeat, /* Column - BL */
							no-repeat, /* Column - BR */
						
							repeat-y, /* Column - L */
							repeat-y, /* Column - R */
							
							repeat-y, /* Column - L - Shadow - R */
							repeat-y, /* Column - R - Shadow - L */
							
							repeat-y, /* Column - L - Shadow - L */
							repeat-y, /* Column - R - Shadow - R */
							
							repeat-y, /* Strip - L */
							repeat-y, /* Strip - R */
						
							repeat-x, /* Shadow - T */
							repeat-x  /* Shadow - B */
						;
						background-position:
							0 0, /* Column - TL */
							100% 0, /* Column - TR */
							0 100%, /* Column - BL */
							100% 100%, /* Column - BR */
						
							0 0, /* Column - L */
							100% 0, /* Column - R */
							
							0 0, /* Column - L - Shadow - R */
							calc( 100% + 0px) 0, /* Column - R - Shadow - L */
							
							0 0, /* Column - L - Shadow - L */
							100% 0, /* Column - R - Shadow - R */
							
							0 0, /* Strip - L */
							100% 0, /* Strip - R */
						
							0 0, /* Shadow - T */
							0 100% /* Shadow - B */
						;
						background-image:
							url('/images/by-page/default/by-layer/content/main/background/column-tl-white.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-tr-white.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-bl-white.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-br-white.png'),

							url('/images/by-page/default/by-layer/content/main/background/column-l-white.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-r-white.png'),
							
							url('/images/by-page/default/shadow-right.png'),
							url('/images/by-page/default/shadow-left.png'),
							
							url('/images/by-page/default/shadow-left.png'),
							url('/images/by-page/default/shadow-right.png'),
							
							url('/images/by-page/default/by-layer/content/main/background/light-strip-white.png'),
							url('/images/by-page/default/by-layer/content/main/background/light-strip-white.png'),
						
							url('/images/by-page/default/shadow-top.png'),
							url('/images/by-page/default/shadow-bottom.png')
						;
					}
				/*/ END White - Tiles /*/
				
				/*/ Black - Bricks /*/
					section[data-sectiontheme="black-bricks"]{

						background-repeat:
							no-repeat, /* Column - TL */
							no-repeat, /* Column - TR */
							no-repeat, /* Column - BL */
							no-repeat, /* Column - BR */
						
							repeat-y, /* Column - L */
							repeat-y /* Column - R */
						;
						background-position:
							0 0, /* Column - TL */
							100% 0, /* Column - TR */
							0 100%, /* Column - BL */
							100% 100%, /* Column - BR */
						
							0 0, /* Column - L */
							100% 0 /* Column - R */
						;
						background-image:
							url('/images/by-page/default/by-layer/content/main/background/column-tl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-tr-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-bl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-br-black.png'),

							url('/images/by-page/default/by-layer/content/main/background/column-l-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-r-black.png')
						;
					}
				/*/ END Black - Bricks /*/
				
				/*/ Black - Bricks - Full /*/
				
					section[data-sectiontheme="black-bricks-full"]{

						background-repeat:
							no-repeat, /* Column - TL */
							no-repeat, /* Column - TR */
							no-repeat, /* Column - BL */
							no-repeat, /* Column - BR */
						
							repeat-y, /* Column - L */
							repeat-y, /* Column - R */
							
							repeat-y, /* Strip - L */
							repeat-y, /* Strip - R */
						
							repeat-x, /* Shadow - T */
							repeat-x, /* Shadow - B */
						
							repeat /* Background */
						;
						background-position:
							0 0, /* Column - TL */
							100% 0, /* Column - TR */
							0 100%, /* Column - BL */
							100% 100%, /* Column - BR */
						
							0 0, /* Column - L */
							100% 0, /* Column - R */
							
							0 0, /* Strip - L */
							100% 0, /* Strip - R */
						
							0 0, /* Shadow - T */
							0 100%, /* Shadow - B */

							50% 0 /* Background */
						;
						background-image:
							url('/images/by-page/default/by-layer/content/main/background/column-tl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-tr-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-bl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-br-black.png'),

							url('/images/by-page/default/by-layer/content/main/background/column-l-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-r-black.png'),
							
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
						
							url('/images/by-page/default/shadow-top.png'),
							url('/images/by-page/default/shadow-bottom.png'),

							url('/images/by-page/default/by-layer/content/main/background/bricks.png')
						;
					}
					
				/*/ Black - Bricks - Full /*/
				
				/*/ Black - Bricks - Full - Top /*/
				
					section[data-sectiontheme="black-bricks-full-top"]{

						background-repeat:
							no-repeat, /* Column - TL */
							no-repeat, /* Column - TR */
						
							repeat-y, /* Column - L */
							repeat-y, /* Column - R */
							
							repeat-y, /* Strip - L */
							repeat-y, /* Strip - R */
						
							repeat-x, /* Shadow - T */
							repeat-x, /* Shadow - B */
						
							repeat /* Background */
						;
						background-position:
							0 0, /* Column - TL */
							100% 0, /* Column - TR */
						
							0 0, /* Column - L */
							100% 0, /* Column - R */
							
							0 0, /* Strip - L */
							100% 0, /* Strip - R */
						
							0 0, /* Shadow - T */
							0 100%, /* Shadow - B */

							50% 0 /* Background */
						;
						background-image:
							url('/images/by-page/default/by-layer/content/main/background/column-tl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-tr-black.png'),

							url('/images/by-page/default/by-layer/content/main/background/column-l-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-r-black.png'),
							
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
						
							url('/images/by-page/default/shadow-top.png'),
							url('/images/by-page/default/shadow-bottom.png'),

							url('/images/by-page/default/by-layer/content/main/background/bricks.png')
						;
					}
					
				/*/ Black - Bricks - Full - Top /*/
				
				/*/ Black - Bricks - Full - Bottom /*/
				
					section[data-sectiontheme="black-bricks-full-bottom"]{

						background-repeat:
							no-repeat, /* Column - TL */
							no-repeat, /* Column - TR */
						
							repeat-y, /* Column - L */
							repeat-y, /* Column - R */
							
							repeat-y, /* Strip - L */
							repeat-y, /* Strip - R */
						
							repeat-x, /* Shadow - T */
							repeat-x, /* Shadow - B */
						
							repeat /* Background */
						;
						background-position:
							0 100%, /* Column - BL */
							100% 100%, /* Column - BR */
						
							0 0, /* Column - L */
							100% 0, /* Column - R */
							
							0 0, /* Strip - L */
							100% 0, /* Strip - R */
						
							0 0, /* Shadow - T */
							0 100%, /* Shadow - B */

							50% 0 /* Background */
						;
						background-image:
							url('/images/by-page/default/by-layer/content/main/background/column-bl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-br-black.png'),

							url('/images/by-page/default/by-layer/content/main/background/column-l-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-r-black.png'),
							
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
						
							url('/images/by-page/default/shadow-top.png'),
							url('/images/by-page/default/shadow-bottom.png'),

							url('/images/by-page/default/by-layer/content/main/background/bricks.png')
						;
					}
					
				/*/ Black - Bricks - Full - Bottom /*/

			/*/ END Section Theme /*/
			
			main textarea.code { 
				min-width: 100%; width: 100%; max-width: 100%;
				margin-left: 0; margin-right: 0;
			}
			
		}
	/*/ END 575px /*/

	/*/ 650px /*/
		@media (min-width: 650px){
			
			/* Element */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"]{

					grid-template-columns:
						0px
						48px
						var(--nav-height)
						minmax( 0, calc( var(--content-width) ) )
						var(--nav-height)
						48px
						0px
					;
				}

			/* Left */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .marble.left
				{ background-image: url('/images/by-page/default/by-layer/content/footer/tile-a.png'); }
		
			/* Right */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .marble.right
				{ background-image: url('/images/by-page/default/by-layer/content/footer/tile-b.png'); }
			
			/* Height */
				image-frame.matte > image-frame-border[data-borderposition="tl"],
				image-frame.matte > image-frame-border[data-borderposition="t"],
				image-frame.matte > image-frame-border[data-borderposition="tr"],

				image-frame.matte > image-frame-border[data-borderposition="bl"],
				image-frame.matte > image-frame-border[data-borderposition="b"],
				image-frame.matte > image-frame-border[data-borderposition="br"]
				{ min-height: calc( var(--nav-height) * 1.5); }

			/* Width */
				image-frame.matte > image-frame-border[data-borderposition="tl"],
				image-frame.matte > image-frame-border[data-borderposition="l"],
				image-frame.matte > image-frame-border[data-borderposition="bl"],

				image-frame.matte > image-frame-border[data-borderposition="tr"],
				image-frame.matte > image-frame-border[data-borderposition="r"],
				image-frame.matte > image-frame-border[data-borderposition="br"]
				{ min-width: calc( var(--nav-height) * 1.5); }		
		
			/* Content */
				image-frame.matte > image-frame-content { 
					display: flex;
					justify-content: center; align-items: center;
				}
				
				image-die-cut { border: var(--image-matte-bevel) inset rgb(75, 75, 75); }
			
			
			/*/ Nav /*/
				
					body-layer > main-grid > nav { 
						overflow: hidden; /* Limit Overflow */
						padding-left: calc( var(--gap-width) * 3 );
					}
				
				/* Always Display */
					main-grid > nav:not([data-opennav="true"]) ul { display: flex; }
					main-grid > nav[data-opennav="true"] ul { display: flex; }
				
				/* Hide Button */
					nav-button {
						display: none;
						background-image: none;
					}
				
				main-grid > nav ul {
					flex-direction: row;
					position: static; top: 100%; left: 0;
					height: var(--nav-height); min-height: var(--nav-height);
					background-color: transparent;
					box-shadow: none;
					background-image: none;
					background-repeat: repeat;
					background-position: 0 0;
					gap: 5px;
				}
				
				main-grid > nav ul li {
					display: flex; flex-direction: row;
					justify-content: center; align-items: center;
					width: auto; min-width: auto;
					padding-left: 0;
					padding-right: 0;	
				}
				
				/* Hide Top Border */
					main-grid > nav ul li:not(:nth-child(1)) > * { border-top: none; }
				
				/* Remove Hover Background */
					main-grid > nav ul li:not([data-selected="true"]) a:hover 
					{ background-color: transparent; }
				
			/*/ END Nav /*/

		}
	/*/ END 650px /*/
	
	/*/ 700px /*/
		@media (min-width: 700px){
			
			body { font-size: 16px; }
			
			/* Both */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .fill {
					
					background-color: #222;
					background-repeat:
						repeat,
						repeat-x,
						repeat-x,
						repeat-y,
						repeat
					;
				}
			
			/* Left */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .fill.left {
					
					
					background-image: 
						url('/images/by-page/default/by-layer/content/footer/circle.png'),
						url('/images/by-page/default/shadow-top.png'),
						url('/images/by-page/default/shadow-bottom.png'),
						url('/images/by-page/default/shadow-right.png'),
						url('/images/by-page/default/by-layer/content/footer/footer-fill.png')
					;
					background-position:
						right 0,
						0 0,
						0 100%,
						right 0,
						right 0
					;
				}
			
			/* Right */
				layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"] > .fill.right {
					
					background-image: 
						url('/images/by-page/default/by-layer/content/footer/circle.png'),
						url('/images/by-page/default/shadow-top.png'),
						url('/images/by-page/default/shadow-bottom.png'),
						url('/images/by-page/default/shadow-left.png'),
						url('/images/by-page/default/by-layer/content/footer/footer-fill.png')
					;
					background-position:
						0 0,
						0 0,
						0 100%,
						0 0,
						0 0
					;
				}
			
			layer-container[data-groupname="footer"] layer-container-layer[data-layername="grid"]{
				
				display: grid;
				grid-template-columns:
					minmax( 39px, 1fr )
					48px
					var(--nav-height)
					minmax( 0, calc( var(--content-width) ) )
					var(--nav-height)
					48px
					minmax( 39px, 1fr )
				;
				grid-template-rows: 1fr;
			}
			
		}
	/*/ END 700px /*/
	
	/*/ 750px /*/
		@media (min-width: 750px){
			
			image-frame.outer-frame-large,
			image-frame.outer-frame-small
			{
				margin-left: calc( 0px - var(--image-frame-small) - ( var(--nav-height) * 1.5 ) );
				margin-right: calc( 0px - var(--image-frame-small) - ( var(--nav-height) * 1.5 ) );
			}
			
			/*/ White - Tiles /*/
				section[data-sectiontheme="white-tiles"]{

					background-repeat:
						no-repeat, /* Column - TL */
						no-repeat, /* Column - TR */
						no-repeat, /* Column - BL */
						no-repeat, /* Column - BR */
					
						repeat-y, /* Column - L */
						repeat-y, /* Column - R */
						
						repeat-y, /* Column - L - Shadow - R */
						repeat-y, /* Column - R - Shadow - L */
						
						repeat-y, /* Column - L - Shadow - L */
						repeat-y, /* Column - R - Shadow - R */
						
						repeat-y, /* Strip - L */
						repeat-y, /* Strip - R */
					
						repeat-x, /* Shadow - T */
						repeat-x, /* Shadow - B */
					
						repeat-y, /* Tiles - L */
						repeat-y  /* Tiles - R */
					;
					background-position:
						0 0, /* Column - TL */
						100% 0, /* Column - TR */
						0 100%, /* Column - BL */
						100% 100%, /* Column - BR */
					
						0 0, /* Column - L */
						100% 0, /* Column - R */
						
						0 0, /* Column - L - Shadow - R */
						calc( 100% + 0px) 0, /* Column - R - Shadow - L */
						
						0 0, /* Column - L - Shadow - L */
						100% 0, /* Column - R - Shadow - R */
						
						0 0, /* Strip - L */
						100% 0, /* Strip - R */
					
						0 0, /* Shadow - T */
						0 100%, /* Shadow - B */
					
						-97px 0, /* Tiles - L */
						calc( 100% + 97px ) 0  /* Tiles - R */
					;
					background-image:
						url('/images/by-page/default/by-layer/content/main/background/column-tl-white.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-tr-white.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-bl-white.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-br-white.png'),

						url('/images/by-page/default/by-layer/content/main/background/column-l-white.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-r-white.png'),
						
						url('/images/by-page/default/shadow-right.png'),
						url('/images/by-page/default/shadow-left.png'),
						
						url('/images/by-page/default/shadow-left.png'),
						url('/images/by-page/default/shadow-right.png'),
						
						url('/images/by-page/default/by-layer/content/main/background/light-strip-white.png'),
						url('/images/by-page/default/by-layer/content/main/background/light-strip-white.png'),
					
						url('/images/by-page/default/shadow-top.png'),
						url('/images/by-page/default/shadow-bottom.png'),
						
						url('/images/by-page/default/by-layer/content/main/background/tiles.png'),
						url('/images/by-page/default/by-layer/content/main/background/tiles.png')
					;
				}
			/*/ END White - Tiles /*/
			
					section[data-sectiontheme="black-bricks"]{

						background-repeat:
							no-repeat, /* Column - TL */
							no-repeat, /* Column - TR */
							no-repeat, /* Column - BL */
							no-repeat, /* Column - BR */
						
							repeat-y, /* Column - L */
							repeat-y, /* Column - R */
							
							repeat-y, /* Strip - L */
							repeat-y, /* Strip - R */
						
							repeat-x, /* Shadow - T */
							repeat-x, /* Shadow - B */
						
							repeat-y, /* Tiles - L */
							repeat-y  /* Tiles - R */
						;
						background-position:
							0 0, /* Column - TL */
							100% 0, /* Column - TR */
							0 100%, /* Column - BL */
							100% 100%, /* Column - BR */
						
							0 0, /* Column - L */
							100% 0, /* Column - R */
							
							0 0, /* Strip - L */
							100% 0, /* Strip - R */
						
							0 0, /* Shadow - T */
							0 100%, /* Shadow - B */
						
							-97px 0, /* Tiles - L */
							calc( 100% + 97px ) 0  /* Tiles - R */
						;
						background-image:
							url('/images/by-page/default/by-layer/content/main/background/column-tl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-tr-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-bl-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-br-black.png'),

							url('/images/by-page/default/by-layer/content/main/background/column-l-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/column-r-black.png'),
							
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
							url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
						
							url('/images/by-page/default/shadow-top.png'),
							url('/images/by-page/default/shadow-bottom.png'),
							
							url('/images/by-page/default/by-layer/content/main/background/bricks-strip.png'),
							url('/images/by-page/default/by-layer/content/main/background/bricks-strip.png')
						;
					}
			
			
			/*/ Black - Bricks /*/
				section[data-sectiontheme="black-bricks"]{

					background-repeat:
						no-repeat, /* Column - TL */
						no-repeat, /* Column - TR */
						no-repeat, /* Column - BL */
						no-repeat, /* Column - BR */
					
						repeat-y, /* Column - L */
						repeat-y, /* Column - R */
						
						repeat-y, /* Strip - L */
						repeat-y, /* Strip - R */
					
						repeat-x, /* Shadow - T */
						repeat-x, /* Shadow - B */
					
						repeat-y, /* Tiles - L */
						repeat-y  /* Tiles - R */
					;
					background-position:
						0 0, /* Column - TL */
						100% 0, /* Column - TR */
						0 100%, /* Column - BL */
						100% 100%, /* Column - BR */
					
						0 0, /* Column - L */
						100% 0, /* Column - R */
						
						0 0, /* Strip - L */
						100% 0, /* Strip - R */
					
						0 0, /* Shadow - T */
						0 100%, /* Shadow - B */
					
						-97px 0, /* Tiles - L */
						calc( 100% + 97px ) 0  /* Tiles - R */
					;
					background-image:
						url('/images/by-page/default/by-layer/content/main/background/column-tl-black.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-tr-black.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-bl-black.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-br-black.png'),

						url('/images/by-page/default/by-layer/content/main/background/column-l-black.png'),
						url('/images/by-page/default/by-layer/content/main/background/column-r-black.png'),
						
						url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
						url('/images/by-page/default/by-layer/content/main/background/light-strip-black.png'),
					
						url('/images/by-page/default/shadow-top.png'),
						url('/images/by-page/default/shadow-bottom.png'),
						
						url('/images/by-page/default/by-layer/content/main/background/bricks-strip.png'),
						url('/images/by-page/default/by-layer/content/main/background/bricks-strip.png')
					;
				}
			/*/ END Black - Bricks /*/
			
			content-grid[data-gridtype="white-tiles"],
			content-grid[data-gridtype="white-tiles-image"],
			
			content-grid[data-gridtype="black-bricks"],
			content-grid[data-gridtype="black-bricks-image"]
			{
				grid-template-columns: 
					minmax( calc( var(--bg-tile-span) + ( var(--nav-height) * 2 ) ) , 1fr)
					[left]
					minmax(0px, var(--content-width))
					[right]
					minmax( calc( var(--bg-tile-span) + ( var(--nav-height) * 2 ) ), 1fr)
				;			
			}
			
			content-grid[data-gridtype="white"],
			content-grid[data-gridtype="white-image"],
			
			content-grid[data-gridtype="black"],
			content-grid[data-gridtype="black-image"],
			
			content-grid[data-gridtype="black-bricks-full"],
			content-grid[data-gridtype="black-bricks-full-image"],
			
			content-grid[data-gridtype="black-bricks-full-top"],
			content-grid[data-gridtype="black-bricks-full-top-image"],
			
			content-grid[data-gridtype="black-bricks-full-bottom"],
			content-grid[data-gridtype="black-bricks-full-bottom-image"]
			{
				grid-template-columns: 
					minmax( calc( var(--nav-height) * 6 ) , 1fr)
					[left]
					minmax(0px, var(--content-width))
					[right]
					minmax( calc( var(--nav-height) * 6 ), 1fr)
				;	
			}

		}
	/*/ END 750px /*/
	
	/*/ 800px /*/
		@media (min-width: 800px){
			
			image-frame.outer-frame-large {
				margin-left: calc( 0px - var(--image-frame-large) - (var(--nav-height) * 1.5) - var(--image-matte-bevel) );
				margin-right: calc( 0px - var(--image-frame-large) - (var(--nav-height) * 1.5) - var(--image-matte-bevel) );
				min-width: 230px;
				min-height: 230px;
			}
			
			/*/ Image Frame /*/
			
				/*/ Outer Frame /*/
					
					/*/ Large /*/
						
						/* Content */
							image-frame.outer-frame-large > image-frame-content 
							{ min-width: 0px; min-height: 0px; }
						
						/*/ Border /*/
						
							image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="l"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"]
							{ width: 45px; }

							image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="r"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="br"]
							{ width: 45px; }

							image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="t"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"]
							{ height: 49px; }

							image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="b"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="br"]
							{ height: 47px; }

							image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="t"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="l"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="r"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="b"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="br"]
							{ background-color: #c4c3c1; }

							image-frame.outer-frame-large > image-frame-border[data-borderposition="t"]
							{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-t.png'); }
							image-frame.outer-frame-large > image-frame-border[data-borderposition="b"]
							{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-b.png'); }
							image-frame.outer-frame-large > image-frame-border[data-borderposition="l"]
							{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-l.png'); }
							image-frame.outer-frame-large > image-frame-border[data-borderposition="r"]
							{ background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-r.png'); }
							
							image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"],
							image-frame.outer-frame-large > image-frame-border[data-borderposition="br"]
							{ background-image: none; }
							
							/*/ Caps /*/

								image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="br"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="t"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="b"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="l"] > div,
								image-frame.outer-frame-large > image-frame-border[data-borderposition="r"] > div
								{ display: block; }
							
								image-frame.outer-frame-large > image-frame-border[data-borderposition="tl"] > div{
									position: absolute; bottom: -35px; right: -37px;
									width: 93px; height: 92px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-tl.png');
								}
								image-frame.outer-frame-large > image-frame-border[data-borderposition="tr"] > div{
									position: absolute; bottom: -44px; left: -37px;
									width: 97px; height: 101px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-tr.png');	
								}

								image-frame.outer-frame-large > image-frame-border[data-borderposition="bl"] > div{
									position: absolute; top: -29px; right: -34px;
									width: 90px; height: 87px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-bl.png');
								}
								image-frame.outer-frame-large > image-frame-border[data-borderposition="br"] > div{
									position: absolute; top: -48px; left: -42px;
									width: 102px; height: 104px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-br.png');	
								}

								image-frame.outer-frame-large > image-frame-border[data-borderposition="t"] > div{
									position: absolute; bottom: -13px; left: calc( ( 50% - 32px ) );
									width: 70px; height: 78px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-tc.png');
								}
								image-frame.outer-frame-large > image-frame-border[data-borderposition="b"] > div{
									position: absolute; top: -3px; left: calc( ( 50% - 41px ) );
									width: 91px; height: 58px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-bc.png');
								}
								image-frame.outer-frame-large > image-frame-border[data-borderposition="l"] > div{
									position: absolute; top: calc( ( 50% - 45px ) ); right: -9px;
									width: 65px; height: 89px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-lc.png');
								}
								image-frame.outer-frame-large > image-frame-border[data-borderposition="r"] > div{
									position: absolute; top: calc( ( 50% - 36px ) ); left: -10px;
									width: 79px; height: 71px;
									background-image: url('/images/by-page/default/by-layer/content/main/frame/frame-l-rc.png');
								}
							
							/*/ END Caps /*/
							
						/*/ END Border /*/
						
					/*/ END Large /*/
					
				/*/ END Outer Frame /*/
			
			/*/ END Image Frame /*/
			
		}
	/*/ END 800px /*/	
	
	/*/ 875px /*/
		@media (min-width: 875px){
			
			body { font-size: 20px; }
			
			margin-content-top { height: calc( var(--nav-height) * 3 ); }
			margin-content-bottom { height: calc( var(--nav-height) * 4 ); }
			
		}
	/*/ END 875px /*/
	
/*/ END Screen Size /*/