body, div, p, a, img, h1, h2, table, ul, ol, li {
	margin: 0;
	border: 0;
	padding: 0;
}


.clearfloat {
	clear: both;
	height: 0px;
	overflow: hidden;
}


.whisper-background {
	background-color: #ffffff;
}

#above-fold {
	background-image: url('../images/coverfeature-0.jpg');
	background-color: #f0f0f0;
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-position: center 0;
/* this works see Kikko script yes at bottom of index page */
/* orig	background: #f0f0f0 fixed no-repeat center -360px url('../images/cover171.jpg');  */
	height: 560px; 
	border-bottom: 1px solid #000000;
	position: relative;
}

.triumph-image-large {
	height: 640px;
	margin: 0 auto;
	background-attachment: fixed;
	display: block;
}



.featured-speciality-general-image {
	display: block;
	width: 100%;
}


#above-fold-secondary {
	height: 400px;
	border-bottom: 1px solid #000000;
	background-color: #f0f0f0;
}



.theme-pic-sc {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b5074.jpg');
}


.theme-pic-sd {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b1018.jpg');
}


.theme-pic-op {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b5255.jpg');
}


.theme-pic-mi {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b2409.jpg');
}


.theme-pic-br {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b5065.jpg');
}


.theme-pic-ed {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b3815.jpg');
}


.theme-pic-multi {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b0169.jpg');
}


.theme-pic-media {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b0411.jpg'); 
}


.theme-pic-nis {
	background: #f0f0f0 fixed no-repeat center 0 url('../images/b1212x.jpg');
}




#above-fold-pagetemp562 {
	height: 400px;
	border-bottom: 1px solid #000000;
}




#top-ridge {
/*	background-color: #003f87;
	height: 2.6em; */
	border-top: 4px solid #000000;
	position: absolute;
	top: 2.4em;
	width: 67vw;
	z-index: 8;
}

#mo-nav {
	display: none;
/* quick nav utility for mobile view, see below */
}


#main-info {
	margin-bottom: 1em;
}

#main-info-blowout {
	margin-bottom: 8em;
}

.main-width-wrap {
	width: 67vw;
	margin: 0 auto;
}


.wide-width-wrap {
	width: 69vw;
	margin: 0 auto;
}


.narrow-width-wrap {
	width: 92%;
/*	width: 65vw; */
	margin: 0 auto;
}

.items-width-wrap {
	width: 68vw; 
	margin: 0 auto;
}

.feature-item-wrap {
	margin-top: 0.4em;
	float: right;
	width: 96%;
}



.feature-image-within {
	width: 98%;   /* width, in this case, meaning percentage of horizontial width of the DIV, not the percentage of the native image width */
/*	border: 1px solid #da167c; */
	display: block;
	margin: 0 auto;
}


#logo-tab {
/*	width: 440px; */	/* sizing moved to CLASSES immediately below */
/*	height: 128px;  */
	background-color: #000000;
	box-shadow: 2px 2px 4px #333333;
	color: #ffffff;
	float: left;
}


.logo-medium {
	width: 36%;
	min-width: 300px;
	max-width: 440px;
/*	height: 128px; */
	display: block;
}

.logo-large {
	width: 42%;
	min-width: 360px;
	max-width: 560px;
/*	height: 160px; */
	display: block;
}

.logo-logo-in-box {
	width: 100%;
	display: block;	
}

#logo-tab a {
	display: block;
	border: 0;	
}





#ridge-links {
	background-color: #003f87;
	float: right;
	box-shadow: 2px 2px 4px #333333;
	min-width: 400px;
}





.ridge-mainline {
	text-align: right;
	font-family: "elena-web-basic", serif;
	font-weight: 300;  
	font-size: 1.08em;
	color: #ffffff;
	padding-bottom: 0.24em;
	border-bottom: 1px dashed #ffffff;
	margin: 0.6em 1.4em 0.36em 1.2em;
}





.ridgname {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-style: italic;	
}


.ridge-subline {
	text-align: right;	
	color: #ffffff;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1em;
	margin: 0 1.4em 0.9em 1.2em;
	text-transform: uppercase;
}

.ridge-subline a {
	color: inherit;
}

.ridge-subline a:hover {
	color: #000000;
	background-color: #00f5ff;
}




.info-panel-left50 {
	width: 50%;
	float: left;
	min-width: 400px;
}

.info-panel-right50 {
	width: 50%;
	float: left;
	min-width: 360px;
}



.info-panel-left44 {
	width: 44%;
	float: left;
	min-width: 340px;
}

.info-panel-right56 {
	width: 56%;
	float: left;
	min-width: 340px;
}


.info-panel-left60 {
	width: 60%;
	float: left;
}

.info-panel-right40 {
	width: 40%;
	float: left;
}





#intro-floatover {
	width: 90%;
	min-width: 280px;
/*	margin: 0 0 0 0; */
	padding: 3em 0 1.4em;
	background-color: #f0f0f0;
	position: relative; 
	top: -78px;
	box-shadow: 6px 6px 12px #cccccc;
}


p.intro-prime {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	width: 80%;
	margin: 0 auto 1.04em;
	font-size: 1.9em;
	line-height: 1.36em;
	color: #141414;
	letter-spacing: -0.04em;
}


p.intro-sub {
	font-family: "elena-web-basic", serif; 
	font-weight: 400;
	width: 80%;
	margin: 0 auto 1.48em;
	font-size: 1.12em;
	line-height: 1.98em;
	color: #333333;
	letter-spacing: 0.02em;
}


p.intro-quick-links {
	border-top: 1px dashed #303030;
	padding-top: 2em;
	font-family: "cartograph-cf", monospace; 
	font-weight: 900;
	line-height: 3.5em; 
	width: 80%;
	margin: 2.8em auto 1.48em;
	font-size: 1.06em;
	color: #000000;
}

p.intro-quick-links a {
	font-size: 1.4em;
	border: 2px solid #003f87;
	padding: 0.1em 0.5em 0.13em;
	margin-right: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background-color: #00f5ff; 
	color: #003f87;
}

p.intro-quick-links a:hover {
	background-color: #1bcfd7;
}



p.intra-page-quick-links {
	font-family: "cartograph-cf", monospace; 
	font-weight: 900; 
	line-height: 3.5em;
/*	width: 80%; */
	margin: 2.1em auto 2em;
	color: #000000;
}

p.intra-page-quick-links a {
	font-size: 1.5em;
	border: 1px solid #003f87;
	padding: 0.1em 0.5em;
	margin-right: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background-color: #00f5ff; 
	color: #003f87;
}

p.intra-page-quick-links a:hover {
	background-color: #1bcfd7;
}




a.intra-page-skip {
/* EXPERIMENTAL FORMAT for SKIP LINK within BLUE STRIPE RIDGE */
/* it actually looks cool, but we'll use the more standard format */
/* thus, this is not currently in use */
	font-size: 0.28em;
	border: 1px solid #003f87;
	padding: 0.1em 0.5em 0.2em;
	margin-right: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background-color: #00f5ff; 
	color: #003f87;
}





.section-banner-pattern {
/*	background-image: url('../images/str1030.png'); */
/*	background-size: 27px;  */
/*	background-color: #003f87; */
/*	background-color: #7a7a7a;  original gray */
/*	border-top: 6px solid #000000;  */
/* everything here would apply the blue stripe pattern ALL THE WAY across */
/* it has moved below, in order to be contained in the div - better info design */
}

.section-banner-limits {
	border-top: 6px solid #000000; 
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image: url('../images/str1030.png');
	background-color: #003f87;	
	background-size: 27px;
}


.section-banner-name {
	margin: 0.4em auto 0.6em;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 3.6em;
	color: #ffffff;
/*	letter-spacing: 0.04em; */
	text-transform: uppercase;
	width: 78%;
/*	min-width: 320px; */
}


div#specialty-blue-half {
	min-width: 425px;
}

.feature-item-intro {
	margin: 1.2em 0 0.4em 0;
	font-family: "elena-web-basic", serif; 
	font-weight: 300;
	font-style: italic;
	font-size: 1.8em;
	line-height: 1.4em;
	color: #303030;
	padding-right: 2em;
/*	border: 1px solid #da167c; */
}


.feature-item-sub {
	margin-top: 0.2em;
	font-family: "cartograph-cf", monospace;
	font-size: 1.6em;
	color: #141414;
/*	border: 1px solid #da167c; */
}

.feature-item-sub a {
	color: inherit;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-weight: 900;
	text-transform: uppercase;
}


.feature-item-sub a:hover {
	background-color: #00f5ff;
}



#intro-floatover a.btxt-lnk {
	color: inherit;
	font-weight: bolder;
}


#intro-floatover a.btxt-lnk:hover {
	background-color: #00f5ff;
	font-style: italic;
}



#blurb-container {
	margin-top: 2.72em;
	margin-bottom: 1.36em;
}

#feature-item-container {
	margin-bottom: 2.8em;
	min-width: 320px;
}



.section-banner-blurb {
	color: #ffffff;
	margin-bottom: 1.2em;
	font-size: 1.2em;
	line-height: 1.7em;
	width: 90%;
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-style: normal;
	padding-left: 1.6em;
}

#ng-specialties {
	margin-bottom: 3em;
/*	background-color: #ffe600; */
}


#specialty-mat {
	padding: 1.8em 0 1.6em;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 2em;
}



.specialty-square {
	position: relative; /* to anchor absolutes from bottom */
	float: left;
	width: 360px;
	height: 31em;
	background-color: #bbffff;
	margin: 0.4em 24px 2.4em; 
	box-shadow: 6px 6px 8px #cccccc;
	border-top: 8px solid #003f87;
/*	border-radius: 14px; */
}

.specialty-square .spc-graphic {

}

.specialty-square p.specialty-name {
	width: 80%;
	height: 2.36em;
	overflow: hidden;
	margin: 0.6em auto 0.64em;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 2.4em;
	letter-spacing: -0.06em;
	line-height: 1.12em;
	color: #303030;
}

.specialty-square p.specialty-description {
	width: 80%;
	margin: 0.88em auto 0.16em;
	font-size: 1.1em;
	line-height: 1.56em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: -0.01em;
}

.specialty-square p.specialty-description span.basic-ital {
	font-style: italic;
}



.specialty-square p.specialty-link {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	width: 80%;
	font-size: 1.2em;
	border-top: 1px dashed #003f87;
	text-align: right;
	position: absolute;
	left: 36px;
	bottom: 1.3em;
	padding-top: 0.64em;
	color: #000000;
}


.specialty-square p.specialty-link a {
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.specialty-square p.specialty-link a:hover {
	background-color: #00f5ff;
}


#lets-do-this {
	border-top: 6px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding-bottom: 2.4em;
	margin-bottom: 3.2em;
}



.lets-do-this-left {
	padding-top: 0.4em;
	width: 50%;
	min-width: 360px;
	float: left;
}

.lets-do-this-right {
	padding-top: 0.4em;
	width: 49%;
	min-width: 360px;
	float: left;
	border-left: 1px solid #7a7a7a;
}


.mini-gallery {
	width: 80%;
	margin: 2em auto 1em;
}

.mini-gallery img.preview-pic {
	width: 43%;
	min-width: 218px;
	float: left;
	display: block;
	margin: 0 4% 4% 0; 
}


#detail-where {
	float: left;
	width: 48%;
	min-width: 380px;
	border-top: 6px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding-bottom: 2.4em;
}

#detail-tmm {
	float: right;
	width: 48%;
	min-width: 380px;
	border-top: 6px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding-bottom: 2.4em;
}



.subsection-header {
	background-image: url('../images/str1020.png');
	background-size: 27px;
	background-color: #7a7a7a;
	padding: 1.68em 0 1em 0;
	margin-bottom: 1.4em;
}


.subsection-stuff-name {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 3em;
	line-height: 1.1em;
	width: 90.6%;
	margin: 0 auto 0.1em;
}


.subsection-name {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 2.6em;
	line-height: 1.1em;
	width: 80.5%;
	margin: 0 auto 0.08em;
}

.subsection-intro {
	width: 80%;
	margin: 1.4em auto;
	font-size: 1.2em;
	line-height: 1.72em;
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #303030;
	padding-bottom: 1.06em;
	border-bottom: 1px dashed #303030;
}




.subsection-half-header {
	width: 80%;
	margin: 0 auto 0.72em;
	font-size: 2em;
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #7a7a7a;
}





.subsection-text {
	width: 80%;
	margin: 0 auto 1.4em;
	font-size: 1.14em;
	line-height: 1.76em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #303030;
}


.tmm-intro {
	width: 80%;
	margin: 1em auto 1.36em;
	font-size: 1.6em;
	line-height: 1.6em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	color: #303030;
}



a.lil-lnk {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-style: italic;
	font-size: 0.88em;
	color: #303030;
}


a.lil-lnk:hover {
	background-color: #00f5ff;
}



p.subsection-major-link {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.6em;
	text-align: right;
	padding-top: 0.56em;
	width: 82%;
	margin: 0 auto 0.8em;
	color: #000000;
/*	border-top: 1px dashed #7a7a7a; */
}

p.subsection-major-link a {
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

p.subsection-major-link a:hover {
	background-color: #00f5ff;
}





ul.beyond-the-specialties-inventory {
	padding: 0 2em 3em 5.4em;
	list-style-type: disc;
}

ul.beyond-the-specialties-inventory li {
	font-family: "cartograph-cf", monospace;
	font-weight: 400;
	color: #303030;
	padding-left: 0.88em;
	margin-bottom: -0.06em;
}









.major-locations {
	list-style-type: none;
	width: 80%;
	margin: 1em auto 2.6em;
}


.major-locations li {
	border-bottom: 1px solid #7a7a7a;
	padding: 0.06em 0 0.18em;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 2.2em;
	letter-spacing: -0.02em;
}




#technical-details {
	margin-bottom: 5em;
}

#bottom-cap {
	border-top: 1px solid #000000;
	background-image: url('../images/str0940.png');
	background-size: 27px;
	padding-bottom: 11em;
}


#endcap-left {
	float: left;
	width: 44%
}

#endcap-right {
	float: right;
	min-width: 320px;
}



.outro-thx {
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 2.7em;
	font-style: italic;
	color: #000000;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
	line-height: 1.18em;
}


.where-from {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;	
	font-style: normal;
	text-transform: uppercase;
	color: #000000;
	font-size: 1.1em;
}




.outro-credit {
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1em;
	color: #000000;
	margin-bottom: 2.4em;
}


.outro-disclaim {
/*	font-family: "elena-web-basic", serif; */
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 0.8em;
	line-height: 1.64em;
	letter-spacing: 0.08em;
	color: #303030;
	margin-bottom: 1.2em;
	text-transform: uppercase;
}





.endcap-links {
	list-style-type: none;
	margin-top: 2.4em;
}


.endcap-links li {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;	
/*	text-transform: uppercase;	*/
	text-align: right;
	font-size: 1.48em;
	line-height: 1.4em;
	color: #7a7a7a;
}

.endcap-links li a {
	color: inherit;
}

.endcap-links li a:hover {
	background-color: #00f5ff;
	color: #303030;
}

#inner-nav-zone {
	margin-top: 6em;
	margin-bottom: 4em;
}

.nav-zone-horizontal-link {
	background-color: #1e90ff;
	border: 1px solid #000000;
	padding: 0.12em 0.6em 0.14em;
	color: #ffffff;	
}

.mini-nav-bar {
	text-align: right;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.6em;
	text-transform: uppercase;	
}

.mini-nav-bar a {
	color: #ffffff;
	text-decoration: none;
}

.mini-nav-bar a:hover {
	background-color: #003f87;
}



.outro-logo {
	margin-top: 1.2em;
	margin-bottom: 2em;
	width: 484px;
	float: right;
	position: relative;
	right: -88px;
	border: 0;                   /* these two, in cases of linked image */
	text-decoration: none;   
}


#photo-promo {
	margin: 2em 0 2em 0;
	background-color: #bbffff;
	box-shadow: 6px 6px 12px #cccccc;
	padding-top: 1em;
	padding-bottom: 1.6em;
	border-top: 6px solid #003f87;
}


.photo-promo-intro {
	width: 84%;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 2.4em;
	margin: 0 auto 0.48em;
	letter-spacing: -0.06em;
	color: #303030;
}

.photo-promo-description {
	font-family: "elena-web-basic", serif; 
	font-weight: 400;
	width: 84%;
	margin: 0 auto 1.32em;
	font-size: 1.06em;
	line-height: 1.6em;
	color: #333333;
	letter-spacing: 0.02em;
}


.container-88pct {
	width: 88%;
}

.ng-contact-deets {
	width: 88%;
	margin: 0 auto 8em;
}


.contact-intro {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 3.1em;
	line-height: 1.06em;
	margin: 1.06em auto 0.56em;
	letter-spacing: -0.06em;
	color: #000000;
}

.contact-basic {
	font-family: "elena-web-basic", serif; 
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #333333;
	letter-spacing: 0.02em;
	margin-bottom: 1.48em;
}


.contact-ng {
	font-family: "elena-web-basic", serif; 
	font-weight: 700;
	font-size: 2.4em;
	color: #000000;
	letter-spacing: 0.02em;
	margin-bottom: -0.08em;
}


.contact-detail {
	font-family: "elena-web-basic", serif; 
	font-weight: 300;
	font-size: 2.2em;
	line-height: 1.16em;
	color: #000000;
	letter-spacing: 0.02em;
}


.why-sp {
	margin-top: 3.2em;
	background-color: #f7f7f7;
	padding: 0.8em 0 2.88em;
	background-image: url('../images/str1000.png');
	background-size: 27px;
}


.why-sp-header {
	width: 88%;
	margin: 0.44em auto 0.76em;
	font-size: 1.8em;
	line-height: 1.28em;
/*	font-family: "elena-web-basic", serif;
	font-weight: 700; */
	letter-spacing: -0.01em;
	color: #505050;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
}

.why-sp-text {
	width: 88%;
	margin: 0.44em auto 1.02em;
	font-size: 1.06em;
	line-height: 1.72em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #575757;
}







#photo-box img {
	width: 20%;
}



.other-relevant-intro {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-left: 1.18em;
	margin-top: 1em;
/*	border-top: 1px dashed #7a7a7a;	*/
	padding-top: 1em;
	font-size: 1.6em;
	margin-bottom: 1em;
	color: #000000;
}


ul.other-relevant-list {
	margin-left: 1.18em;
	padding: 0 2.2em 0 1em;
	list-style-type: disc;
}

ul.other-relevant-list li {
	border-top: 1px dashed #7a7a7a;	
	font-family: "cartograph-cf", monospace;
	font-weight: 400;
	color: #003f87;
	padding: 0.76em 0.5em 0 0;
	margin-left: 0.92em;
	margin-bottom: 1.7em;
	line-height: 1.48em;
	font-size: 1.04em;
}

.other-relevant-list-note {
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: 0.01em;
	color: #303030;
}


.contact-photobox {
	padding: 1.2em 0 1em;	
	border: 1px solid #7a7a7a;
	background-color: #bbffff;
/*	display: none; */
	background-image: url('../images/str1000.png');
	background-size: 27px;
	margin-bottom: 1.6em;
}

.profile-pic-onboard {
	float: right;
	width: 45%;
	min-width: 196px;
	margin: 0.6em 1.5em 1.8em 3em;
}


.contact-about-intro {
	width: 88%;
	margin: 0.44em auto 0.88em;
	font-size: 2em;
	line-height: 1.2em;
/*	font-family: "elena-web-basic", serif; */
/*	font-weight: 700;  */
	font-family: "cartograph-cf", monospace;
	font-weight: 600;
	letter-spacing: -0.04em;
	color: #000000;
}

.contact-about-text {
	width: 88%;
	margin: 0 auto 1.32em;
	font-size: 1.06em;
	line-height: 1.64em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #303030;
}


.contact-nicole-note {
	width: 88%;
	margin: 0 auto 1.32em;
	border-top: 1px dashed #7a7a7a;
	padding-top: 1em;
	font-size: 1.02em;
	line-height: 1.52em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0.01em;
	color: #505050;
}

.contact-nicole-note a {
	color: inherit;
	font-weight: 700;	
}

.contact-nicole-note a:hover {
	background-color: #00f5ff;
}

.contact-nicole-ok {
	font-size: 0.88em;
	letter-spacing: initial;
	text-transform: uppercase;
}


.other-about-stuff {
	border: 1px solid #303030;
	padding: 1.2em 0 2em;
	margin-bottom: 2em;
}


.cdl-about-stuff {
	border: 1px solid #303030;
	padding: 1.8em 0 2em;
	background-color: #fffaf0;
	background-image: url('../images/str1020.png');
	background-size: 27px;
	background-repeat: repeat-x;
	background-position-x: center;
	background-position-y: bottom;
}


.other-about-header {
	width: 88%;
	margin: 0.44em auto 0.8em;
	font-size: 2em;
	line-height: 1.2em; 
/*	font-family: "elena-web-basic", serif;
	font-weight: 700; */
	letter-spacing: -0.04em;
	color: #000000;
	font-family: "cartograph-cf", monospace;
	font-weight: 600;
}

.other-about-intro {
	width: 88%;
	margin: 0 auto 1.32em;
	font-size: 1.06em;
	line-height: 1.64em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #303030;
}


.other-about-strategy {
	width: 88%;
	margin: 0 auto 1.32em;
	font-size: 1.02em;
	line-height: 1.66em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	letter-spacing: -0.01em;
	color: #303030;
}

.strategy-keyword {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	text-transform: uppercase;
	color: #000000;
	font-size: 1.18em;
}








#featured-specialty {
	margin-top: 3.8em;
	margin-bottom: 3em;
/*	background-color: #ffe600; */
}





.featured-specialty-banner {
	border-top: 6px solid #003f87; 
	border-left: 1px solid #003f87;
	border-right: 1px solid #003f87;
	background-image: url('../images/str1000.png');
	background-color: #bbffff;	
	background-size: 27px;
	padding-bottom: 1.4em;
}


.beyond-banner {
	border-top: 6px solid #303030; 
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	background-image: url('../images/str1000.png');
	background-color: #f0f0f0;	
	background-size: 27px;
	padding-bottom: 1.4em;
}



.featured-specialty-name {
/*	width: 80%; */
	overflow: hidden;
	margin: 0.4em auto 0;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 3.8em;
	letter-spacing: -0.06em;
	line-height: 1.18em;
	color: #303030;
}

#featured-specialty-mat {
	padding: 1.8em 0 1.6em;
	border-left: 1px solid #003f87;
	border-right: 1px solid #003f87;
	border-bottom: 1px solid #003f87;
	margin-bottom: 2em;
}


#beyond-mat {
	padding: 1.8em 0 4em;
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	margin-bottom: 2em;
}




#featured-specialty-description-zone {
/*	float: left; */
/*	background-color: #c1987f; */
}

.featured-specialty-description-triumph {
	float: left;
	width: 48%;
	min-width: 390px;
	margin-top: 0.8em;
	margin-bottom: 2em;
}

.featured-specialty-description-content {
	float: right;
	width: 40%;
	min-width: 360px;
	margin-top: 1.24em;
/*	border-left: 1px solid #303030; */
}


#featured-specialty-example-zone {

}



.featured-specialty-description-intro {
	margin: 0 auto 0.8em; 
	font-size: 3em;
	line-height: 1.54em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: -0.01em;
	color: #303030;
}

.featured-specialty-description-text {
	margin: 0 auto 1.5em;
	font-size: 1.2em;
	line-height: 1.84em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #303030;
}



.featured-specialty-description-examples {
/*	width: 80%; */
	margin: 1em auto 1.4em;
	font-size: 1em;
	line-height: 1.58em;
	font-family: "cartograph-cf", monospace;
	font-weight: 400;
	color: #003f87;
}


.featured-specialty-example-prelude {
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #575757;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 2.2em;
	width: 90%;
}

p.featured-specialty-example-prelude span.specialty-emphasis {
	font-weight: 700;
	text-transform: uppercase;
}

p.featured-specialty-example-prelude a {
	color: inherit;
}

p.featured-specialty-example-prelude a:hover {
	background-color: #00f5ff;
	font-weight: 700;
}


.same-clearance-card-ugh {
	width: 32.5%; 
	min-width: 350px; 
	height: 49em;    /* absolute fixed height no choice ugh */
	float: left;
}

/* achtung this is dicey css clauses above and below this comment */
/* original specs commented out below, wrapper div above */


.featured-specialty-example-square {
/*	width: 27.5%;      */
/*	min-width: 350px;  */
/*	may need fixed and or min height to minimize weird shuffling ugh yup see above ugh */
/*	float: left;  	*/
	margin: 1.2em 4em 3.2em 0;
	border-top: 10px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #003f87;
	box-shadow: 4px 4px 14px #333333; 
	padding-bottom: 1.6em; 
}

.featured-specialty-example-square img.project-snapshot {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ffffff;
}

.featured-specialty-project-emphasis {
/*	width: 84%;  */
	margin: 0 auto 0.28em;
	padding: 0.6em 8% 0.4em 8%;
	color: #ffffff;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 2.2em;
	letter-spacing: -0.06em;
	text-transform: uppercase;
	line-height: 1.18em;
	background-image: url('../images/str1030.png');
	background-size: 27px;
}

.featured-specialty-project-description {
	width: 83%;
	margin: 0 auto 0.9em;
	color: #f0f0f0;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.6em;
}


.beyond-text-intro {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.5em;
	margin-bottom: 1.08em;
	color: #303030;
}

.beyond-text-basic {
	font-family: "elena-web-basic", serif; 
	font-weight: 300;  
	font-size: 1.2em;
	line-height: 1.68em;
	margin-bottom: 1.6em;
	color: #303030;
}

.media-icon {
	float: right;
	width: 54%;
	min-width: 200px;
	margin: 0 0 1.4em 1.2em;
}


.media-icon-mo {
	display: none;
}



.haliwegian {
	float: right;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	color: #303030;
	text-align: right;
	width: 96%;
	margin-bottom: 1em;	
}

.hrm-transit {
	color: #003f87;
	font-weight: 900;
}




.hfx-lil-lnks img {
	width: 11.75%;
	min-width: 56px;
	float: right;
}

.hfx-lil-lnks img:hover {
	background-color: #00f5ff;
}



.beyond-spotlight {
	margin-top: 1.6em;
	border-top: 1px solid #303030;
	margin-bottom: 8em;
}




.beyond-text-spotlight-name {
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 3.5em;
	letter-spacing: -0.02em;
	margin: 0.26em 0 0.36em;
	color: #000000;
}


.beyond-text-spotlight-basic {
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.66em;
	margin-bottom: 1.42em;
	width: 78%;
	min-width: 360px;
	padding-left: 0.1em;
	color: #303030;
}

.beyond-text-spotlight-basic span.basic-ital {
	font-style: italic;
}

.beyond-text-spotlight-fullstrong {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.66em;
	margin-bottom: 1.42em;
	width: 78%;
	min-width: 360px;
	padding-left: 0.1em;
	color: #303030;
}



.beyond-text-spotlight-fullem {
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.66em;
	margin-bottom: 1.42em;
	width: 78%;
	min-width: 360px;
	letter-spacing: 0.02em;
	padding-left: 0.1em;
	color: #303030;
}





img.media-photo-gallery {
	float: right;
	display: block;
	width: 42%;
	min-width: 220px;
	margin: 0 0 2em 1em;
	border: 0;
}


.elena-basic-bold-max-italic {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-style: italic;
}


#skillbus-feature-zone {
	position: relative;  /* to position for abs overlay on image */
}

.skillbus-image-main {
	width: 100%;
	display: block;
}

.skillbus-image-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
}

#skillbus-feature-zone p a {
	display: block;
}



.integration-description-intro {
	margin: 0 auto 1.24em; 
	font-size: 2.2em;
	line-height: 1.48em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: -0.01em;
	color: #303030;
}


.integration-description-prelude {
	margin: 1.28em 0 2.4em;
	padding: 0 2.2em 1.2em 1.4em;
	font-size: 1.4em;
	line-height: 1.56em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.01em;
	color: #303030;
	border-bottom: 1px dashed #303030;
}

.integration-description-prelude span.hook-sentence {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-style: italic;
}


.inttbl {
	margin: 0.8em 0 4em;
	border-collapse: collapse;
}


table.inttbl .inttbl-head-row th {
	border-bottom: 2px solid #303030;
	font-family: "cartograph-cf", monospace;
	font-weight: 600;
	font-size: 1.4em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0.2em;
}

table.inttbl .inttbl-head-row th.inttbl-h-row-6 {
	width: 6%;
	text-align: center;
}

table.inttbl .inttbl-head-row th.inttbl-h-row-36 {
	width: 36%;
	padding-left: 1.68em;
}

table.inttbl .inttbl-head-row th.inttbl-h-row-58 {
	width: 58%;
	padding-left: 0.9em;
}




.inttbl-number-key {
	display: inline;
	width: 100%;
	min-width: 80px;
}

.inttbl-focus-item {
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 2.4em;
	line-height: 1.16em;
	letter-spacing: -0.02em;
	color: #003f87;
	margin-top: 0.26em;
	margin-bottom: 0.46em;
	padding-right: 1.13em;
	padding-left: 0.2em;
}

a.inttbl-spclnk {
/*	background-color: #003f87; */
	color: #003f87;
/*	color: #00f5ff; light blue */
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.2em;
	line-height: 2em;
	letter-spacing: 0.01em;
	padding: 0.02em 0.5em;
	border: 1px solid #003f87;
	margin-right: 0.6em;
	margin-left: 0.04em;
	text-decoration: none;
}

a.inttbl-spclnk:hover {
	background-color: #00f5ff;
	color: #000000;
	text-decoration: underline;	
}






table.inttbl tr.inttbl-reg-row td {
	padding: 1em 0 1.8em;
	vertical-align: top;
	border-bottom: 1px solid #7a7a7a;	
}





.inttbl-description {
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.48em;
	letter-spacing: -0.01em;
	color: #303030;
	margin-top: 0.6em;
	margin-bottom: 1.36em;
	padding-left: 1em;
	padding-right: 2.8em;
}

table.inttbl tr.inttbl-reg-row td.inttbl-spc-tag {
	padding: 1em 1em 0 1.76em;
}

.inttbl-emphasis {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	color: #003f87;
	margin: 0 0.2em;
	letter-spacing: -0.01em;
}

.inttbl-return {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.2em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #000000;
	text-align: right;
	padding-right: 1em;
	margin: 1.5em 0 0.8em;
}

.inttbl-return a {
	color: inherit;
	text-decoration: none;
}

.inttbl-return a:hover {
	background-color: #00f5ff;
	color: #000000;
	text-decoration: underline;	
}



.musictbl {
	margin: 1.8em auto 2em;
	width: 96%;
	border-collapse: collapse;
}



/*

table.musictbl .musictbl-h-row {
	border-bottom: 2px solid #303030;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.4em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0.4em;
}

we broke this out into more controls that enable mobile-friendly table cards, ok

*/


table.musictbl tr.musictbl-head-row th {
	border-bottom: 2px solid #303030;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0.4em;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-18 {
	width: 18%;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-16 {
	width: 16%;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-44 {
	width: 44%;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-22 {
	width: 22%;
}






table.musictbl tr.musictbl-reg-row td {
	padding: 0.6em 0 1.2em;
	vertical-align: top;
	border-bottom: 1px solid #7a7a7a;	
}


table.musictbl tr.musictbl-reg-row:hover td {
	background-color: #f7f7f7;
}



.playlist-city {
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: -0.02em;
}

.playlist-route {
	/* NEED IMAGE SPECS HERE */
	margin: 0 auto;
	width: 50%;
	min-width: 48px;
	display: block;
}


.playlist-song {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 0.18em;
	margin-right: 2em;
}

.playlist-artist{
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 1em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	margin-right: 2em;
}


a.musictbl-hearsee-lnk {
	color: #003f87;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1em;
	line-height: 2.08em;
	letter-spacing: 0.01em;
	padding: 0.02em 0.5em;
	border: 1px solid #003f87;
	margin-right: 0.6em;
	text-decoration: none;
/*	text-transform: uppercase; */
}

a.musictbl-hearsee-lnk:hover {
	background-color: #00f5ff;
	color: #000000;
	text-decoration: underline;	
}

.musictbl tr.musictbl-reg-row td.mtbl-d-city {
	padding-top: 0.92em;
}

.musictbl tr.musictbl-reg-row td.mtbl-d-song {
	padding-top: 0.7em;
}




img.mlnk-icon {
	width: 21%;
	min-width: 48px;
	margin-right: 0.4em;
}

img.mlnk-icon:hover {
	background-color: #00f5ff;
}


.hfx-highlight {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	text-transform: uppercase;
}

.sched-special {
	border: 1px dashed #8e6b23;
	background-color: #fffaf0;
	width: 72%;
}

.sched-love {
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	font-style: italic;
	font-size: 1.2em;
	color: #5a441b;
	line-height: 1.5em;
	letter-spacing: 0.01em;
	margin: 0.8em 1em 1.2em 1.4em;
}

.sched-star {
	margin: -1.25em 1.26em 0.4em -1.25em;
	float: left;
	width: 26%;
}


.cdl-pair-wrap {
/*	width: 88%; */
	margin: 0 2.4em;
/* width is not 88pct because it is a wide, two col div - so estimated semi-fixed margins declared above ok */
}

.cdl-flt-left {
	float: left;
	width: 66%;
}

.cdl-flt-right {
	float: left;
	width: 32%;
}


.cdl-about-header {
	font-family: "cartograph-cf", monospace;
	font-weight: 600;
	font-size: 1.6em;
	line-height: 1.28em;
/*	font-family: "elena-web-basic", serif;
	font-weight: 700; */
	letter-spacing: -0.04em;
	color: #000000;
	margin-bottom: 0.6em;
}




.cdl-certainly {
	font-size: 1.3em;
	line-height: 1.36em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	letter-spacing: -0.01em;
	color: #303030;
}


.cdl-sketch {
	width: 88%;
	min-width: 120px;
	max-width: 240px;
	float: right;
	margin-top: -0.6em;
	margin-right: -3.2em;
	margin-bottom: -0.8em;
}


.contact-about-top-shelf {
	margin-bottom: 2em;
}

.contact-about-next-shelf {
	border-top: 1px solid #303030;
	padding-top: 3em;
	margin-bottom: 2em;
}



ul.music-day-progression {
	margin-bottom: 1.6em;
	padding-left: 1.2em;
	list-style-type: disc;
	width: 70%;
	font-size: 1.1em;
	line-height: 1.4em;
}

ul.music-day-progression li {
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	color: #003f87;
	padding-left: 0.88em;
	margin-bottom: 1.06em;
}


.intra-carto-bold {
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	letter-spacing: -0.01em;
}







.specialty-inverted-section-head {
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 2.8em;
	color: #003f87;
	letter-spacing: -0.02em;
	margin: 1.6em 0 0.36em;
	border-top: 1px solid #003f87;
	padding-top: 0.28em;
}




.specialty-inverted-super-quick-intro {
	margin-bottom: 0.4em; 
	font-size: 2em;
	line-height: 1.5em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: -0.01em;
	width: 92%;
	color: #575757;
}

.super-quick-intro-punch {
	font-weight: 700;
}

.specialty-bottom-generic-pic {
	float: right;
	width: 85%;
	margin-bottom: 4em;
}




/* mobile stuff for 2026 update */


/* below here, pre-development for mobile compatibility */

div#dev-temp {
	background-color: #ffff00;
	display: none;
}

p.dev-flag {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0.5em auto;
	padding: 0em 0.2em;
}


div#mo-top-freeze {
	display: none;
}




/* quick width override for narrower screen view */


@media only screen and (min-width: 740px) and (max-width: 1199px) {

.main-width-wrap {
	width: 88vw;
	margin: 0 auto;
/*	background-color: #f96af9;   temp dev */
}


.wide-width-wrap {
/*	width: 69vw;
	margin: 0 auto; */
	width: 87.5vw;
}


.items-width-wrap {
/*	width: 68vw; 
	margin: 0 auto; */
	width: 96%;
}



#top-ridge {
/*	background-color: #003f87;
	height: 2.6em; 
	border-top: 4px solid #000000;
	position: absolute;
	top: 2.4em;
	width: 67vw;
	z-index: 8; */
	width: 88vw;
}


#ridge-links {
/*	background-color: #003f87;
	float: right;
	box-shadow: 2px 2px 4px #333333; 
	min-width: 400px; */
	min-width: initial;
	max-width: 54%;
}


.info-panel-left44 {
/*	width: 44%;
	float: left;
	min-width: 340px; */
	min-width: 440px;
	width: 53%;
}

.info-panel-right56 {
/*	width: 56%;
	float: left;
	min-width: 340px; */
	width: 47%;
}



.specialty-inverted-section-head {
	margin-bottom: 0.4em;
}



.featured-specialty-description-triumph {
/*	float: left;
	width: 48%;
	min-width: 390px;
	margin-top: 0.8em;
	margin-bottom: 2em; */
	width: 60%;
}

.featured-specialty-description-content {
/*	float: right;
	width: 40%;
	min-width: 360px;
	margin-top: 1.24em; */
	width: 36%;
}


.specialty-bottom-generic-pic {
/*	float: right;
	width: 80%;
	margin-bottom: 4em; */
	width: 88%;
}



}



/* EXTENSIVE format overrides for mobile view */

@media only screen and (max-width: 739px) and (-webkit-min-device-pixel-ratio: 0) {



div#dev-temp {
	display: block;
	position: absolute;
/*	position: fixed;  */
	top: 0;
	right: 0;
	z-index: 9;

}



div#mo-top-freeze {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	background-color: #000000;
	width: 100%;
	height: 4.8em;
}

img.logo-logo-mo-top-frozen {
	margin-left: 4px;
	height: 4.8em;
}

img.nav-nav-mo-top-frozen {
	height: 3em;
	border: 1px solid #8ed8f8;
	display: inline;
	margin-right: 0.1em;
	margin-left: 0.1em;
}

div.mo-top-nav-box {
/*	border: 1px solid #ffffff; */
/*	border moved to images  */
	float: right;
	margin: 0.88em 1.08em 0 0;
	height: 3em;
}






.main-width-wrap {
	width: 100vw;
	margin: 0 auto;
}

.wide-width-wrap {
	width: 100vw;
	margin: 0 auto;
}



#above-fold {
	background-size: 1650px 308px; 
	height: 440px;
	background-position: -670px 132px;  
	background-attachment: scroll;
}


.info-panel-left44 {
	width: 100%;
     /*	float: left; */
     /*	min-width: 340px; */
}

.info-panel-right56 {
	width: 100%;
     /*	float: left; */
     /*	min-width: 340px; */
}

#top-ridge {
	background-color: #000000;
/*	height: 2.6em; */
	border-top: 4px solid #000000;
	top: 0;
	width: 100%;
}


#logo-tab {
	float: none;
	box-shadow: none;
}

.logo-large {
	width: 80%;
/*	min-width: 360px; */
/*	max-width: 560px; */
/*	height: 160px; */
	display: block;
}

.ridge-mainline {
	text-align: left;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
/*	font-family: "elena-web-basic", serif; */
/*	font-weight: 300;  */
	font-size: 0.92em;
	line-height: 1.36em;
	color: #ffffff;
	padding-bottom: 0.75em;
	border-bottom: 1px dashed #ffffff;
	margin: 0.8em 1.2em 0.56em 1.2em;
}


.ridgname {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-style: normal;
}

p.ridge-subline {
	display: none;
}

#mo-nav {
	display: block;
	width: 100%;
	overflow: clip;
}


.mo-tagline-zone {
	width: 100%;
	background-color: #7f7f7f;
	border-bottom: 1px solid #000000;	
	background-image: url('../images/str1020.png');
	background-size: 27px;
	margin-bottom: 0.13em;
}


.mo-nav-wrap-96 {
	width: 96vw;
	margin: 0 auto;
}


#mo-nav p.mo-basic-tagline {
	width: 91.5%;
	color: #ffffff;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 auto 0;
	padding-top: 0.6em;
	padding-bottom: 0.7em;
}

#mo-nav p.mo-quick-option {
	display: block;
	border-bottom: 1px solid #000000;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 1.6em;
	line-height: 1.32em;
	padding: 0.28em 0.2em 0.35em 0.5em;
	overflow: clip;
}

#mo-nav p.mo-quick-option a {
	display: block;
	color: inherit;
	text-decoration: none;
}


#mo-nav p.mo-quick-option:hover {
	background-color: #e5f3fd;
}

span.lnk-arw {
	font-weight: 900;
	color: #003f87;
}

span.hvy-cxt-lnk {
	font-weight: 900;
}


#intro-floatover {
	width: 100%;
/*	min-width: 280px; */
/*	margin: 0 0 0 0; */
	padding: 3em 0 1.4em;
	background-color: #ffffff;
	position: relative; 
	top: 0; 
	box-shadow: none;
}


.mo-intro-que-bar {
	border-top: 2px solid #003f87;
	background-color: #00f5ff;
	padding-top: 2em;
	padding-right: 1.5em; 
	padding-bottom: 1.8em;
	margin-top: 1.8em;
	margin-bottom: 1.56em;
	overflow: clip; 
}

p.intro-prime {
	width: 90.4%;
	color: #003f87;
	font-size: 1.8em;
	line-height: 1.4em;
	letter-spacing: -0.06em;
	margin-bottom: 0;
	text-align: justify;
}


.mo-intro-mo-wrap {
	padding-left: 0.1em;
	padding-right: 3em; 
	overflow: clip;
}

p.intro-sub {
	width: 90%;
	font-family: "elena-web-basic", serif; 
	font-weight: 400;
	margin: 0 auto 1.28em;
	font-size: 1.1em;
	line-height: 1.56em;
	color: #333333;
	letter-spacing: -0.01em;
	text-align: justify;
}



p.intro-quick-links {
	width: 96%;
	border-top: 0;
	margin-top: 1.6em;
	border-top: 1px solid #000000;
	padding-top: 0; 
/*	margin: 2.8em auto 1.28em; */
	font-size: 1.16em;
	line-height: 2.36em;
	color: #000000;
}



p.intro-quick-links a {
	width: 96%;
	display: block;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #000000;
	border-left: 0;
	background-color: inherit;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	padding: 0.12em 0.2em 0.2em 0.5em;
	text-transform: none;
	letter-spacing: 0;
	color: #000000;
	overflow: clip;
}



p.intro-quick-links a:hover {
	background-color: #e5f3fd;
}



#feature-item-container {
/*	margin-bottom: 2.8em;
	min-width: 320px; */
	scroll-margin-top: 4em;
}




.feature-item-wrap {
	margin-top: 0.4em;
	float: none;
	width: 100%;
}



.feature-item-intro {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	width: 90.4%;
	color: #003f87;
	font-size: 1.6em;
	line-height: 1.32em;
	letter-spacing: -0.04em;
	margin: 0 0 0 4.4%;
/*	text-align: justify; */
	font-style: normal;
}




.feature-item-sub {
	margin: 0.2em auto;
	font-family: "cartograph-cf", monospace;
	font-size: 1.6em;
	line-height: 2em;
	padding-bottom: 0.08em;
	color: #141414;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 96%;
}

.feature-item-sub a {
	color: inherit;
	text-decoration: none;
	letter-spacing: -0.01em;
	font-weight: 100;
	text-transform: none;
	padding: 0.18em 0.2em 0.24em 0.5em;
}


.feature-item-sub:hover {
	background-color: #e5f3fd;
}


.feature-item-sub a:hover {
	background-color: transparent;
}




.section-banner-limits {
	border-top: 8px solid #000000; 
	border-left: 0;
	border-right: 0;
/*	background-image: url('../images/str1030.png'); */
	background-image: none;
	background-color: #003f87;	
	background-size: 27px;
}



.section-banner-name {
	margin: 0.22em auto 0.18em;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 3.6em;
	color: #ffffff;
/*	letter-spacing: 0.04em; */
	text-transform: uppercase;
	width: 90%;
/*	min-width: 320px; */
}

#blurb-container {
	margin-top: 0.4em;
	margin-bottom: 1em;
}

.section-banner-blurb {
	width: 85%;
	line-height: 1.56em;
	font-weight: 400;
}

.items-width-wrap {
	width: 100vw; 
/*	margin: 0 auto; keep from full */
}

#specialty-mat {
	padding: 2em 0 1.6em;
	background-color: #ffffff;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	margin-bottom: 2em;
}


.specialty-square {
	position: static;
/*	position: relative;  to anchor absolutes from bottom */
	float: none;
	width: 100%;
	height: auto;
	background-color: #ffffff;
	margin: 0; 
	box-shadow: none;
	border-top: 1px solid #003f87;
/*	border-radius: 14px; */
}

.specialty-square .spc-graphic {
	display: none;
}


.specialty-square p.specialty-name {
	width: 90%;
	height: auto;
	overflow: visible;
	margin: 0.56em auto 0.5em;
	font-size: 3em;
	line-height: 1.12em;
}


.specialty-square p.specialty-description {
	width: 90%;
	margin: 0.88em auto 1.18em;
	font-size: 1.1em;
	line-height: 1.56em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: -0.01em;
}


.specialty-square p.specialty-link {
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	width: 94%;
	font-size: 1.24em;
	border-top: 0;
/*	text-align: right;  by default */
	position: static; 
	margin: 0.7em 0 2.2em;
	padding-top: 0;
	color: #303030;
}






.subsection-header {
/*	background-image: url('../images/str1020.png'); */
	background-image: none;
	background-size: 0;
	background-color: #7a7a7a;
	padding: 1.06em 0 1em 0;
	margin-bottom: 1.4em;
}



.subsection-stuff-name {
	width: 88%;
}


.subsection-name {
	width: 88%;
}


#lets-do-this {
	border-top: 6px solid #000000;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	padding-bottom: 1em;
	margin-bottom: 1em;
	scroll-margin-top: 4.8em;
}





.lets-do-this-left {
	padding-top: 0.4em;
	width: 100%;
	min-width: initial;
	float: none;
	padding-bottom: 1em;
	border-bottom: 1px solid #7a7a7a;
	margin-bottom: 1em;
}

.lets-do-this-right {
	padding-top: 0.4em;
	width: 100%;
	min-width: initial;
	float: none;
	border-left: 0;
}



.subsection-half-header {
	width: 87%;
	margin: 0.1em auto 0.68em;
	font-size: 2em;
	line-height: 1.2em;
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #7a7a7a;
}


.subsection-text {
	width: 87%;
	margin: 0 auto 1.6em;
	font-size: 1.1em;
	line-height: 1.5em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #303030;
	text-align: justify;
}


p.subsection-major-link {
	width: 87%;
	padding-top: 0em;
	margin-bottom: 1.2em;
}



ul.beyond-the-specialties-inventory {
	width: 72%;
	padding: 0 2em 3em 3.4em;
	list-style-type: disc;
}

ul.beyond-the-specialties-inventory li {
	font-family: "cartograph-cf", monospace;
	font-weight: 400;
	color: #303030;
	padding-left: 0.88em;
	margin-bottom: 1em;
	line-height: 1.32em;
}



#detail-where {
/*	float: left;
	width: 48%;
	min-width: 380px;
	border-top: 6px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding-bottom: 2.4em; */

	float: none;
	width: 100%;
	min-width: initial;
	border-top: 6px solid #000000;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	padding-bottom: 2.4em;
	scroll-margin-top: 4.8em;

}






.subsection-intro {
/*	width: 80%;
	margin: 1.4em auto;
	font-size: 1.2em;
	line-height: 1.72em;
	font-family: "elena-web-basic", serif;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #303030;
	padding-bottom: 1.06em;
	border-bottom: 1px dashed #303030; */

	width: 87%;
	font-weight: 300;
	letter-spacing: 0;
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 1.6em;
}




.major-locations {
/*	list-style-type: none;
	width: 80%;
	margin: 1em auto 2.6em; */

	width: 87%;
	border-top: 1px solid #7a7a7a;
	margin-bottom: 2.4em;

}


.major-locations li {
/*	border-bottom: 1px solid #7a7a7a;
	padding: 0.06em 0 0.18em;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 2.2em;
	letter-spacing: -0.02em; */
}




#detail-tmm {
/*	float: right;
	width: 48%;
	min-width: 380px;
	border-top: 6px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding-bottom: 2.4em; */

	width: 100%;
	float: none;
	border-right: 0;
	padding-bottom: 1em;
	border-bottom: 0;
	border-left: 0;
	scroll-margin-top: 4.8em;
}


.tmm-intro {
/*	width: 80%;
	margin: 1em auto 1.36em;
	font-size: 1.6em;
	line-height: 1.6em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	color: #303030; */

	width: 87%;
	font-size: 1.4em;
	line-height: 1.56em;
}



.mini-gallery {
/*	width: 80%;
	margin: 2em auto 1em; */

	width: 100%;
	margin-bottom: 2em;
}

.mini-gallery img.preview-pic {
/*	width: 43%;
	min-width: 218px;
	float: left;
	display: block;
	margin: 0 4% 4% 0; */

	min-width: initial;
	width: 49%;
	margin: 1px;

}


#technical-details {
	margin-bottom: 1em;
}



#endcap-left {
/*	float: left;
	width: 44% */

	float: none;
	width: 88%;
	margin: 0 auto;
}

#endcap-right {
/*	float: right;
	min-width: 320px; */

	float: none;
	min-width: initial;
	width: 90.5%;
	margin: 0 auto;


}


p.outro-credit {
	max-width: 75%;
}

p.outro-disclaim {
	max-width: 88%;
	text-transform: none;
	line-height: 1.36em;
	margin-bottom: 2.6em;
}



.endcap-links {
/*	list-style-type: none;
	margin-top: 2.4em; */
	margin: 3em auto 0.3em;
	width: 98%;
}


.endcap-links li {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 900;	
	text-align: right;
	font-size: 1.48em;
	line-height: 1.4em;
	color: #7a7a7a; */
	text-align: left;
	font-size: 1.2em;
	line-height: 1.36em;
}





.outro-logo {
/*	margin-top: 1.2em;
	margin-bottom: 2em;
	width: 484px;
	float: right;
	position: relative;
	right: -88px;
	border: 0;                 
	text-decoration: none;   */

	float: none;
	position: static;
	width: 67%;
	right: 0;
	margin: 1.2em 0 2em 0.5em;
}


#bottom-cap {
	padding-bottom: 1em;
}


/* stuff for speciality pages below */


#above-fold-secondary {
	background-size: 1500px 200px; 
	height: 360px;
	background-position: -670px 160px;  
	background-attachment: scroll;
}



.narrow-width-wrap {
	width: 100%;
/*	width: 65vw; */
/*	margin: 0 auto; */
}



p.intra-page-quick-links {
/*	font-family: "cartograph-cf", monospace; 
	color: #000000;
	line-height: 3.5em; */
	margin: 2.1em auto 6em;
	width: 94%;
	font-weight: 100; 
	border-bottom: 1px solid #000000;
}

p.intra-page-quick-links a {
/*	font-size: 1.5em;
	border: 1px solid #003f87;
	padding: 0.1em 0.5em;
	margin-right: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background-color: #00f5ff; 
	color: #003f87;  */
	font-size: 2em;
	letter-spacing: -0.02em;
	background-color: initial;
	display: block;
	margin: 0;
	text-transform: none;
	border-top: 1px solid #000000;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	color: #000000;
	margin: 0 auto 0;
	padding: 0.11em 0 0.22em 2%;
	overflow: clip;
}

p.intra-page-quick-links a:hover {
	background-color: #e5f3fd;
}






#ng-specialties {
/*	margin-bottom: 3em; */
/*	background-color: #ffe600; */
	scroll-margin-top: 4.2em;
}




#featured-specialty {
	margin-top: 0;
	margin-bottom: 3em;
/*	background-color: #ffe600; */
}



#featured-specialty-mat {
/*	padding: 1.8em 0 1.6em;
	border-left: 1px solid #003f87;
	border-right: 1px solid #003f87;
	border-bottom: 1px solid #003f87;
	margin-bottom: 2em; */
	border: 0;
}


.featured-specialty-banner {
	border-top: 0; 
	border-left: 0;
	border-right: 0;
	background-image: url('../images/str1000.png');
	background-color: #bbffff;	
	background-size: 27px;
	padding-top: 1.5em;
	padding-bottom: 1.8em;
}


.featured-specialty-name {
	width: 90%;
	overflow: hidden;
	margin: 0.18em auto 0.12em;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 3.8em;
	letter-spacing: -0.06em;
	line-height: 1.1em;
	color: #303030;
}


.specialty-inverted-super-quick-intro {
/*	margin-bottom: 0.4em; 
	font-size: 2em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	color: #575757;
	letter-spacing: -0.01em; */
	font-size: 1.8em;
	line-height: 1.4em;
	width: 90%;
	margin: -0.1em auto 0.4em;
	text-align: justify;
}


#featured-specialty-example-zone {
	border-top: 1px solid #003f87;
	scroll-margin-top: 4.1em;
}

#featured-specialty-description-zone {
	border-top: 1px solid #003f87;
	scroll-margin-top: 4.1em;
}


.specialty-inverted-section-head {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 2.8em;
	color: #003f87;
	letter-spacing: -0.02em;
	margin: 1.6em 0 0.36em;
	border-top: 1px solid #003f87;
	padding-top: 0.28em; */
	font-weight: 900;
	border: 0;
	width: 89%;
	margin: 0.66em auto 0.75em;
	line-height: 1.1em;
}

.featured-specialty-example-prelude {
/*	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #575757;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 2.2em; */
	width: 88%;
	margin: 0 auto 2.2em;
	text-align: justify;
}


.featured-specialty-description-triumph {
/*	float: left;
	width: 48%;
	min-width: 390px;
	margin-top: 0.8em;
	margin-bottom: 2em; */
	float: none;
	width: 90%;
}

.featured-specialty-description-content {
/*	float: right;
	width: 40%;
	min-width: 360px;
	margin-top: 1.24em;
	border-left: 1px solid #303030; */
	float: none;
	width: 100%;
	min-width: initial;
}




.featured-specialty-description-text {
/*	margin: 0 auto 1.5em;
	font-size: 1.2em;
	line-height: 1.84em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #303030; */
	width: 88%;
	margin: 0 auto 1.48em;
	text-align: justify;
	line-height: 1.7em;
}


.specialty-bottom-generic-pic {
/*	float: right;
	width: 80%;
	margin-bottom: 4em; */
	float: none;
	width: 100%;
	margin-top: 1em;
	margin-bottom: -1em;
}




.same-clearance-card-ugh {
/*	width: 32.5%; 
	min-width: 350px; 
	height: 49em;    
	float: left;  */
	width: 100%; 
	min-width: initial; 
	height: initial;    
	float: none;
}


.featured-specialty-example-square {
/*	width: 27.5%;      
	min-width: 350px;  
	may need fixed and or min height to minimize weird shuffling ugh yup see above ugh 
	float: left;  	
	margin: 1.2em 4em 3.2em 0;
	border-top: 10px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #003f87;
	box-shadow: 4px 4px 14px #333333; 
	padding-bottom: 1.6em;  */
	width: 92%;
	min-width: initial;
	float: none;
	box-shadow: none;
	margin: 0 auto 3em;
	border-top: 8px solid #003f87;
	border-right: 1px solid #003f87;
	border-bottom: 1px solid #003f87;
	border-left: 1px solid #003f87;
	background-color: initial;
	padding-top: 1em;
}


.featured-specialty-example-square img.project-snapshot {
/*	display: block;
	width: 100%;
	border-bottom: 1px solid #ffffff; */
	width: 100%;
	margin: 0 auto;
	object-fit: cover;
	object-position: 0 0;
	height: 260px;
	border-top: 1px solid #003f87;
}




.featured-specialty-project-emphasis {
/*	width: 84%; 
	margin: 0 auto 0.28em;
	padding: 0.6em 8% 0.4em 8%;
	color: #ffffff;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 2.2em;
	letter-spacing: -0.06em;
	text-transform: uppercase;
	line-height: 1.18em;
	background-image: url('../images/str1030.png');
	background-size: 27px; */
	padding: 0.36em 0 0 0;
	margin: 0.64em auto 0.56em;
	width: 90%;
	color: #003f87;
	border-top: 1px dashed #003f87;
	background-image: none;
	font-weight: 900;
	font-size: 1.8em;
	letter-spacing: -0.01em;
}

.featured-specialty-project-description {
/*	width: 83%;
	margin: 0 auto 0.9em;
	color: #f0f0f0;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.6em; */
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	color: #303030;
	width: 89.5%;
	font-size: 0.9em;
	line-height: 1.4em;
	letter-spacing: -0.02em;
}






#inner-nav-zone {
/*	margin-top: 6em;
	margin-bottom: 4em; */
	width: 92%;
	margin: -1em auto 3em;
}


.nav-zone-horizontal-link {
/*	background-color: #1e90ff;
	border: 1px solid #000000;
	padding: 0.12em 0.6em 0.14em;
	color: #ffffff;	 */
}


.mini-nav-bar {
/*	text-align: right;
	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.6em;
	text-transform: uppercase;	*/
	text-align: initial;
	font-size: 0.2em;
}

.mini-nav-bar a {
/*	color: #ffffff;
	text-decoration: none; */
	display: block;
	font-size: 8em;
}

.mini-nav-bar a:hover {
	background-color: #003f87;
}





#main-info-blowout .info-panel-left50 {
/*	width: 50%;
	float: left;
	min-width: 400px; */
	width: 100%;
	float: none;
	min-width: initial;
}

#main-info-blowout .info-panel-right50 {
/*	width: 50%;
	float: left;
	min-width: 360px; */
	width: 100%;
	float: none;
	min-width: initial;
}


.contact-about-top-shelf {
/*	margin-bottom: 2em; */
	margin-bottom: 0;
}




.ng-contact-deets {
/*	width: 88%;
	margin: 0 auto 8em; */
	width: 87.5%;
	margin-bottom: 4.8em;
}


.contact-intro {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 3.1em;
	line-height: 1.06em;
	margin: 1.06em auto 0.56em;
	letter-spacing: -0.06em;
	color: #000000; */
	margin-top: 0.72em;
	margin-bottom: 0.48em;
}

.contact-basic {
/*	font-family: "elena-web-basic", serif; 
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #333333;
	letter-spacing: 0.02em;
	margin-bottom: 1.48em; */
	width: 99%;
	margin: 0 auto 1.51em;
}


.contact-ng {
/*	font-family: "elena-web-basic", serif; 
	font-weight: 700;
	font-size: 2.4em;
	color: #000000;
	letter-spacing: 0.02em;
	margin-bottom: -0.08em; */
	font-size: 2.12em;
}


.contact-detail {
/*	font-family: "elena-web-basic", serif; 
	font-weight: 300;
	font-size: 2.2em;
	line-height: 1.16em;
	color: #000000;
	letter-spacing: 0.02em; */
	font-size: 1.8em;
}


.why-sp {
/*	margin-top: 3.2em;
	background-color: #f7f7f7;
	padding: 0.8em 0 2.88em;
	background-image: url('../images/str1000.png');
	background-size: 27px; */
	border-top: 1px solid #505050;
	padding: 1em 1.4em 2.8em 0;
	overflow: clip;
}


.why-sp-header {
/*	width: 88%;
	margin: 0.44em auto 0.76em;
	font-size: 1.8em;
	line-height: 1.28em;
	font-family: "elena-web-basic", serif;
	letter-spacing: -0.01em;
	color: #505050;
	font-family: "cartograph-cf", monospace;
	font-weight: 100; */
	width: 87.5%;
	line-height: 1.2em;
	font-weight: 900;
}

.why-sp-text {
/*	width: 88%;
	margin: 0.44em auto 1.02em;
	font-size: 1.06em;
	line-height: 1.76em;
	font-family: "elena-web-basic", serif;
	font-weight: 400;
	color: #575757; */
	width: 87%;
	margin-bottom: 1.24em;
	line-height: 1.66em;
}


.contact-about-next-shelf {
/*	border-top: 1px solid #303030;
	padding-top: 3em;
	margin-bottom: 2em; */
	padding-top: 0em; 
}


.other-about-header {
	margin-top: 1em;
}



.other-about-stuff {
/*	border: 1px solid #303030;
	padding: 1.2em 0 2em;
	margin-bottom: 2em; */
	border: 0;
	padding-top: 0;
	width: 98%;
	margin: 0 auto 2em;
	overflow: clip;
}



.contact-photobox {
/*	padding: 1.2em 0 1em;	
	border: 1px solid #7a7a7a;
	background-color: #bbffff;
	background-image: url('../images/str1000.png');
	background-size: 27px;
	margin-bottom: 1.6em; */
	border-top: 1px solid #7a7a7a;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	overflow: clip;
	padding-bottom: 3em;
	margin-bottom: -2em;
}


.profile-pic-onboard {
/*	float: right;
	width: 45%;
	min-width: 196px;
	margin: 0.6em 1.5em 1.8em 3em; */
	min-width: initial;
	max-width: 260px;
	margin: 0.6em 1.5em 1em 1.6em;
}



.cdl-about-stuff {
/*	border: 1px solid #303030;
	padding: 1.8em 0 2em;
	background-color: #fffaf0;
	background-image: url('../images/str1020.png');
	background-size: 27px;
	background-repeat: repeat-x;
	background-position-x: center;
	background-position-y: bottom; */
	background-image: none;
	padding-top: 0.8em;
	padding-bottom: 4em;
	border: 0;
	overflow: clip;
}


.cdl-pair-wrap {
	width: 90%;
	margin: 0 auto;
/* weird but it works, see original */
}



.cdl-about-header {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 600;
	font-size: 1.6em;
	line-height: 1.28em;
	font-family: "elena-web-basic", serif;
	font-weight: 700; 
	letter-spacing: -0.04em;
	color: #000000;
	margin-bottom: 0.6em;  */
	margin-top: 0.6em;
}


.cdl-sketch {
/*	width: 88%;
	min-width: 120px;
	max-width: 240px;
	float: right;
	margin-top: -0.6em;
	margin-right: -3.2em;
	margin-bottom: -0.8em; */
	margin: -0.4em -1em 0 0;
}



#tmm-photo, #tmm-video, #tmm-illustration, #tmm-music {
	scroll-margin-top: 4.8em;
}






.beyond-banner {
/*	border-top: 6px solid #303030; 
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	background-image: url('../images/str1000.png');
	background-color: #f0f0f0;	
	background-size: 27px;
	padding-bottom: 1.4em; */
	border: 0;
	padding-top: 1em;
	padding-bottom: 1.6em;
}



#beyond-mat {
/*	padding: 1.8em 0 4em;
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	margin-bottom: 2em; */
	border: 0;
	width: 100%;
	margin: 0 auto 2em;
}


#beyond-mat .info-panel-left60 {
/*	width: 60%;
	float: left; */
	width: 90%;
	margin: 0 auto;
	float: none;
}

#beyond-mat .info-panel-right40 {
/*	width: 40%;
	float: left; */
	width: 100%;
	float: none;
}


.beyond-intro .media-icon {
	display: none;
}

.media-icon-mo {
	display: initial;
	float: right;
	width: 36%;
	min-width: 200px;
	margin: 0 0 1.4em 1.8em;
}



#beyond-mat p.intra-page-quick-links {
	width: 100%;
	padding: 0.06em 0 0.1em;
	line-height: 2.48em;
/* mods on mods on mods with this one... */
}


.beyond-text-spotlight-name {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 3.5em;
	letter-spacing: -0.02em;
	margin: 0.26em 0 0.36em;
	color: #000000; */
	font-size: 3.2em;
	width: 90%;
	margin: 0.26em auto 0.36em;
}

.beyond-text-spotlight-basic {
/*	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.66em;
	margin-bottom: 1.42em;
	width: 78%;
	min-width: 360px;
	padding-left: 0.1em;
	color: #303030; */
	text-align: justify;
	width: 94%;
}



img.media-photo-gallery {
/*	float: right;
	display: block;
	width: 42%;
	min-width: 220px;
	margin: 0 0 2em 1em;
	border: 0; */
	display: initial;
	width: 49%;
	float: none;
	margin: 0 0 0 0;

}



.beyond-text-spotlight-fullstrong {
	width: 93%;
	margin-bottom: 2em;
	text-align: justify;
}


.beyond-text-spotlight-fullem {
	width: 93%;
	text-align: justify;
}



#mo-hfx-feature {
	width: 86%;
	margin: 2.2em auto 2.4em;
	border: 2px solid #003f87;
	background-color: #e5f3fd;
	background-image: url('../images/str0980.png');
	background-size: 27px;
}

#mo-hfx-thumb {
	margin: 1.8em 0 1em 1.4em;
	width: 90%;
	max-width: initial;
	border: 1px solid #303030;
}

p.haliwegian {
/*	float: right;
	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	color: #303030;
	text-align: right;
	width: 88%;
	margin-bottom: 1em;	*/
	width: 90%;
	float: none;
	text-align: left;
	margin: 0 auto 1.4em;
}


.hfx-lil-lnks {
	margin: 1em 0 1.8em 1em;
}

.hfx-lil-lnks img {
/*	width: 11.75%;
	min-width: 56px;
	float: right; */
	width: 16%;
	float: none;
	margin-right: 0.2em;
	background-color: #ffffff;
}

.hfx-lil-lnks img:hover {
	background-color: #00f5ff;
}






/* whoo here we go with music table */

table.musictbl {
	width: 87%;
	margin: 0 auto;
}

table.musictbl td {
	display: block;
/* this is the magic trick to convert rows to cards it works yea */
}


.musictbl tr.musictbl-head-row {
	display: none;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-18 {
	width: 100%;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-16 {
	width: 100%;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-44 {
	width: 100%;
}

table.musictbl tr.musictbl-head-row .musictbl-h-row-22 {
	width: 100%;
}


table.musictbl tr.musictbl-reg-row {
	border: 1px solid #7a7a7a;
}


table.musictbl tr.musictbl-reg-row td {
/*	padding: 0.6em 0 1.2em;
	vertical-align: top;
	border-bottom: 1px solid #7a7a7a;  */
	border: 0; 
}


.playlist-city {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: -0.02em; */
	font-size: 2.2em;
	margin: 0.1em 0 -0.28em 0.6em;
}



table.musictbl .playlist-route {
/*	margin: 0 auto;
	width: 50%;
	min-width: 48px;
	display: block; */
	margin: 0 0 0 1em;
	width: 30%;
}


.playlist-song {
/*	font-family: "elena-web-basic", serif;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 0.18em;
	margin-right: 2em; */
	margin-top: -0.4em;
	margin-right: 1em;
	margin-bottom: 0.1em;
	margin-left: 1em;

}

.playlist-artist {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 1em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	margin-right: 2em; */
	margin-left: 1.6em;
	margin-right: 1em;
}

.playlist-link {
	margin-left: 1.2em;
	margin-bottom: 1.8em;
}

img.mlnk-icon {
/*	width: 21%;
	min-width: 48px;
	margin-right: 0.4em; */
	width: 16%;
	margin-right: 0.2em;
}


/* one bus many features stuff and table */


#skillbus-feature-zone {
	scroll-margin-top: 4.8em;
}


.integration-description-intro {
/*	margin: 0 auto 1.24em; 
	font-size: 2.2em;
	line-height: 1.48em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	letter-spacing: -0.01em;
	color: #303030; */
	width: 87.5%;
	margin: 0 auto 1em;
	font-size: 1.28em;
	text-align: justify;
}


.integration-description-prelude-mo-mat {
	background-color: #003f87;
	margin-top: -1.6em;
	padding-top: 1.4em;
}


.integration-description-prelude {
/*	margin: 1.28em 0 2.4em;
	padding: 0 2.2em 1.2em 1.4em;
	font-size: 1.4em;
	line-height: 1.56em;
	font-family: "elena-web-basic", serif;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.01em;
	color: #303030;
	border-bottom: 1px dashed #303030; */
	color: #ffffff;
	text-align: justify;
	line-height: 1.48em;
	padding-bottom: 1.8em;
}



.inttbl {
/*	margin: 0.8em 0 4em;
	border-collapse: collapse; */
	width: 87%;
	margin: 0 auto;
}


table.inttbl .inttbl-head-row {
	display: none;
}


table.inttbl tr.inttbl-reg-row td {
/*	padding: 1em 0 1.8em;
	vertical-align: top;
	border-bottom: 1px solid #7a7a7a;	*/
	border: 0;
}

table.inttbl tr.inttbl-reg-row {
	border: 1px solid #7a7a7a;
	background-image: url('../images/str0980.png');
	background-size: 36px;
	background-repeat: repeat-x;
	background-position-x: center;
	background-position-y: top;
	scroll-margin-top: 2.2em;
}




table.inttbl td {
	display: block;
/* this is the magic trick to convert rows to cards it works yea */
}


table.inttbl .inttbl-h-row {
/*	border-bottom: 2px solid #303030;
	font-family: "cartograph-cf", monospace;
	font-weight: 600;
	font-size: 1.4em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0.2em; */
}

table.inttbl td.inttbl-number-disc {
	width: 90%;
	margin: 0 auto;
}

.inttbl-number-key {
/*	display: inline;
	width: 100%;
	min-width: 80px; */
	width: 28%;
	margin-top: 3em;
}

.inttbl-focus-item {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 100;
	font-size: 2.4em;
	line-height: 1.16em;
	letter-spacing: -0.02em;
	color: #003f87;
	margin-top: 0.26em;
	margin-bottom: 0.46em;
	padding-right: 1.13em;
	padding-left: 0.2em; */
	margin-top: -0.88em;
	margin-bottom: 0.64em;
	margin-left: 0.36em;
}

.inttbl-specialty-linx {
	width: 98%;
	margin: 0 auto 0.72em;
	border-bottom: 1px dashed #003f87;
	padding-bottom: 1.88em;
	padding-left: 1em;
	overflow: clip;
}


.inttbl-description {
/*	font-family: "elena-web-basic", serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.48em;
	letter-spacing: -0.01em;
	color: #303030;
	margin-top: 0.6em;
	margin-bottom: 1.36em;
	padding-left: 1em;
	padding-right: 2.8em;  */
	width: 76%;
	margin: 0 auto 1.52em;
	padding-right: 1.2em;
	overflow: clip;
	font-size: 1.06em;
	line-height: 1.6em;
	text-align: justify;
}



.inttbl-return {
/*	font-family: "cartograph-cf", monospace;
	font-weight: 900;
	font-size: 1.2em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #000000;
	text-align: right;
	padding-right: 1em;
	margin: 1.5em 0 0.8em; */
	padding-right: 1.4em;
	margin-top: 1.56em;
	margin-bottom: 1.2em;
	overflow: clip;
	color: #003f87;
}





}   /* end media query */