/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family:"Montserrat", Helvetica, Arial, sans-serif;
}
a{
	text-decoration:none;
	color:#C8102E;
}
a:link{}
a:visited{}
img{
	border:none;
}
div {
	margin:0px;
	padding:0px;
}
blockquote {
	margin:0px 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height:1.5;
}
p {
	font-size:14pt;
	line-height:1.5;
}
.editorsnote {
	color: #373;
	font-style: italic;
	text-align: left;
	font-size: 14pt;
}
.editorsnote::before {
	content: "NOTE: "
}

#wrapper {
	width:100%;
	height:100%;
	text-align:center;
	display:inline-block;
}
#header {
	position:fixed;
	height:78px;
	width:100%;
	background-color:#F9F9F9;
	border-bottom: 1px solid #CCC;
}
#header .h-nav #logo {
	position:fixed;
	left:9px;
	top:11px;
	line-height:0px;
}
#header #logo img {
	width:396px;
	height:54px;
	background-repeat:no-repeat;
}
#header #logo .svg {
	background-image:url(../images/tdlogo-flat_54.svg);
	background-size:396px 54px;
}
#header .hnav {
	display: flex;
	width: 100%;
	padding: 0;
	min-width: 850px;
	font-size: 14pt;
}
#header .hnav #logo {
	margin: 11px 0 0;
	padding-left: 9px;
}
#header .hnav .links1 {
	display: flex;
	width:94%;
	margin-right:3%;
	margin-left:3%;
}
#header .hnav .links1 > div {
	width:20%;
	padding: 18px 0 14px;
}
#header .hnav .links1 > div > a {
	display: block;
	width: 94%;
	padding:9px 3%;
	text-align: center;
}
#header .hnav .links1 div a {
	color: #444;
}
#header .hnav .links1 div a:hover {
	color: #C8102E;
	font-weight: 600;
}
#header .hnav .links1 .links2 {
	position: absolute;
	right:36px;
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	width: 70%;
	min-width: 600px;
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	padding: 9px 0;
}
#header .hnav .links1 > div:hover .links2 {
	display: flex;
}
#header .hnav .links1 .links2 > div {
	background-color: #F9F9F9;
	text-align: center;
	padding: 9px 27px;
}

/* content */

.content-area {
	font-size: 14px;
	padding-top: 79px;
	min-height: 800px;
}
.content-inner {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	content: " ";
	clear: both;
	max-width:2000px;
}

.home {
	text-align: center;
	min-width: 750px;
	padding-right:36px;
}
.home h1 {
	max-width: 800px;
	margin: 240px auto 72px;
	font-size: 36pt;
	font-weight: normal;
	color: #E9E9E9;
}
.home .portal {
	display: flex;
	max-width: 800px;
	margin: 72px auto 0;
}
.home .portal div {
	width: 25%;
}
.home .portal div a {
	padding: 9px 36px;
	margin: 0;
	border: 2px solid #E9E9E9;
	border-radius: 20px;
	font-weight: 700;
	color: #E9E9E9;
}


.content-area .content-inner .section {
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 90px;
}
.content-area .content-inner .section::before {
	display: block;
	content: " ";
	margin-top: -100px;
	height: 100px;
	visibility: hidden;
}
.content-area .content-inner .section > h3,
.content-area .content-inner .section > h1 {
	padding: 0 9px 2px;
	margin: 9px 0;
}
.content-area .content-inner .section .section-head {
	border-radius: 5px 50px;
	margin-top: 3px;
	font-weight: 800;
	margin-bottom: 9px;
	color: #444;
	background-color: #E9E9E9;
	padding:7px 9px 9px;
	border: solid 1px #444;
}
.content-area .content-inner .section .section-body {
	color: #444;
	padding: 9px 18px;
	margin-bottom: 18px;
	font-weight: normal;
}
.content-area .content-inner .section .section-body > h1 {
	font-weight: normal;
	font-size: 36pt;
	padding: 18pt;
}
.content-area .content-inner .section .section-body > h2 {
	font-weight: 600;
	font-size: 22pt;
}
.content-area .content-inner .section .section-body > p {
	margin: 36pt 0;
}
.content-area .content-inner .section .section-body h3,
.content-area .content-inner .section .section-body p {
	font-size: 16pt;
}
.content-area .content-inner .section .section-body ul {
	list-style-type: none;
	padding: 0px;
	text-align: left;
}
.content-area .content-inner .section .section-body ul  li {
	background-position: left 12.5px;
	background-repeat: no-repeat;
	background-image: url(../images/squarebull.png);
	line-height: 1.5;
	font-size: 16pt;
	margin: 5px 0;
	padding: 0 0 0 18px;
}
.content-area .content-inner .section .section-body ul li b {
	font-weight: 600;
}
.content-area .content-inner .section .flex-container {
	display: flex;
	width: 100%;
	padding: 0;
}
.content-area .content-inner .section .thirds > div,
.content-area .content-inner .section .thirds > p,
.content-area .content-inner .section .thirds > h4 {
	width: 30.333333%;
	padding: 9px 1.5%;
}
.content-area .content-inner .section .halves > div {
	width: 47%;
	padding: 3px 1.5%;
}
@media screen and ( max-width: 900px ) {
	.content-area .coating .section .flex-container {
		display: block;
	}
	.content-area .coating .section .halves > div {
		width: 97%;
	}
}

.content-area .content-inner .section .halves h1 {
	font-weight: normal;
	font-size: 32pt;
	line-height: 1;
	margin: 0;
}
.content-area .content-inner .section .flexhead {
	margin-bottom: 0px;
}
.content-area .content-inner .section .flexhead > p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.content-area .contact .superheading {
	padding: 72px 0;
	margin-bottom:0;
}
.content-area .contact .map {
	background-image: url(../images/googlemap0003.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.content-area .contact .section .cardcontainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 0;
	margin: 18px 0 0;
}
.content-area .contact .section .cardcontainer .card {
	text-align: left;
	padding: 9px;
	border: solid 1px #CCC;
	margin: 18px;
	width: 300px;
}
.content-area .contact .section .cardcontainer .card h3,
.content-area .contact .section .cardcontainer .card p {
	padding: 0 9px;
	margin: 9px 0;
}
.content-area .contact .section .cardcontainer .card h3 {
	font-size: 14pt;
}
.content-area .contact .section .cardcontainer .card p {
	font-size: 12pt;
}
.content-area .careers .section .jobmenu {
	max-width: 850px;
	margin: 0 auto;
	text-align: left;
}
.content-area .careers .section .jobmenu li div {
	border: solid #CCC 1px;
	padding: 0 27px 18px;
	margin: 18px 0;
}

/* Footer */
.footer-area {
	width: 100%;
	color: #999;
	background-color: #222;
	padding: 36px 0 72px;
}
.footer-area .linksetcontainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 98%;
	padding: 0 1%;
	margin: 0;
}
.footer-area .linkset {
	display: block;
	width: 100%;
	min-width: 250px;
}
@media screen and (min-width: 600px) {
	.footer-area .linkset {
		width: 50%;
	}
}
@media screen and (min-width: 1100px) {
	.footer-area .linkset {
		width: 25%;
		max-width: 500px;
	}
}

.footer-area .linkset h3 {
	padding: 27px 0 18px;
	margin: 0 9px;
	font-size: 12pt;
	color: #8E0B21;
	font-weight: 600;
	text-transform: uppercase;
}
.footer-area .linkset h3 a {
	color: #8E0B21;
	font-weight: 600;
}
.footer-area .linkset p {
	padding: 3px 0;
	margin: 0 9px;
	border-bottom: solid 1px #444;
	line-height: 1.5em;
	font-size: 11pt;
	color: #999;
	font-weight: normal;
}
.footer-area .linkset p a{
	color: #999;
}
.section-head-sub {
	border-radius: 5px 20px;
	margin-top: 5px;
	font-weight: 800;
	margin-bottom: 9px;
	color: #444;
	background-color: #E9E9E9;
	padding:7px 9px 9px;
	border: solid 1px #444;
}