/* National Trustee - Exact Reproduction Stylesheet */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}

/* ── Site wrapper: fixed 1200px, original design width ── */
.site-wrapper {
    width: 1200px;
    margin: 0 auto;
}

/* ── Header ── */
.site-header {
    background-image: url('images/motifback.jpg');
    background-repeat: repeat-x;
    background-color: #000000;
    display: block;
    width: 1200px;
    line-height: 0; /* remove gap under inline images */
}

.header-top {
    display: block;
    line-height: 0;
}

.header-top img {
    display: inline-block;
    vertical-align: top;
}

.header-bottom {
    display: flex;
    align-items: center;
    background-color: #ffffff;
}

.header-bottom img:first-child {
    display: block;
    flex-shrink: 0;
}

.header-bottom .nav-spacer {
    flex: 1;
    background-color: #ffffff;
    height: 14px;
}

.header-bottom img:last-child {
    display: block;
    flex-shrink: 0;
}

/* ── Middle: sidebar + content ── */
.site-middle {
    display: flex;
    align-items: stretch;
    width: 1200px;
    min-height: 400px;
}

/* ── Left Sidebar ── */
.site-sidebar {
    width: 160px;
    flex-shrink: 0;
    background-image: url('images/motifback.jpg');
    background-repeat: repeat-x;
    background-color: #000000;
    display: flex;
    align-items: flex-end;
    padding-bottom: 0;
}

.site-sidebar img {
    display: block;
    width: 160px;
    height: 233px;
}

/* ── Main Content ── */
.site-content {
    flex: 1;
    background-color: #ffffff;
    padding: 5px 10px 5px 5px;
    max-width: 600px;
}

.content-title {
    font-family: "Times New Roman", Times, Serif;
    color: maroon;
    font-size: 24pt;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-bottom: 8px;
}

.site-content p {
    font-family: Arial, Verdana, sans-serif;
    font-size: 13pt;
    font-style: italic;
    color: #000000;
    margin-bottom: 1em;
    padding: 5px;
}

.contact-block {
    text-align: center;
    padding: 5px 0 10px 0;
}

.contact-block .company-name {
    font-family: "Times New Roman", Times, Serif;
    color: maroon;
    font-size: 24pt;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    padding: 0;
}

.contact-block .contact-line {
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

/* ── Footer ── */
.site-footer {
    background-image: url('images/footerback.jpg');
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 1200px;
    height: 122px;
    display: flex;
    align-items: flex-end;
}

.footer-inner {
    width: 760px;
    height: 122px;
    display: flex;
    align-items: flex-end;
}

.footer-left {
    width: 318px;
    height: 122px;
    display: flex;
    align-items: flex-end;
}

.footer-right {
    flex: 1;
    height: 122px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

/* ── Heading / typography resets ── */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; font-style: italic; }
h6 { font-size: 10pt; }

a:link    { font-size: 10pt; font-family: Arial, Verdana, sans-serif; color: blue;    text-decoration: none; }
a:hover   { font-size: 10pt; font-family: Arial, Verdana, sans-serif; color: navy;   text-decoration: none; }
a:visited { font-size: 10pt; font-family: Arial, Verdana, sans-serif; color: #3D99F5; text-decoration: none; }