* {margin: 0; padding: 0}
body {font-family: sans-serif; color: #333; list-style-position: inside}
#header {background: url("/images/header.jpeg") no-repeat; background-size: 100% auto; padding-top: 12.245%}
header, article, nav, footer {margin: 0 8pt}
header {text-align: right}
article {float: right; width: calc(100% - 272pt)}
nav {float: left; width: 240pt}
footer {clear: both; text-align: center}
h1 {color: royalblue; font-size: 2em; font-weight: bold; margin-top: 1em}
h1:first-child {margin-top: 0}
h2 {font-size: 1.5em; font-weight: bold; margin-top: 1em}
h3 {font-size: inherit; font-weight: bold; margin-top: 0.5em}
ul {list-style: inside disc url("/images/bullet.gif")}
#products {margin-bottom: 2ex; list-style: inside disc url("/images/arrow.gif"); line-height: 1.5}
#products > * > * {vertical-align: top}
.text, p, ol > li {text-indent: 1.5em; text-align: justify; margin: 0.5em 0}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0.5em; border-width: 1pt; border-color: gray; border-style: solid; vertical-align: top}
th, em {font-weight: bold; font-style: normal}
dfn {font-weight: bold; font-style: normal; text-transform: capitalize}
q {color: inherit; font-family: inherit; font-size: inherit}

a {color: #C00; font-weight: bold; text-decoration: underline}
a.global {color: royalblue; font-size: 1.25em; text-decoration: none}
.menu {color: dimgray; font-size: 1.25em; text-decoration: none}
#sel {color: darkorange}
a:hover, a.global:hover, .menu:hover, #sel:hover {color: orange}

article td.gallery {padding: 4pt; white-space: nowrap}
article td.gallery img {margin: 4pt}

div.under {text-align: right}
div.description {font-weight: bold; margin-bottom: 1em}

table.small {font-size: smaller}
table.small > * > * > td, table.small > * > * > th {padding: 0.125em}

@media only screen and (max-width: 1280px) {
body {font-size: 75%}
header, article, nav, footer {margin: 0 6pt}
article {width: calc(100% - 204pt)}
nav {width: 180pt}
}

@media only screen and (max-width: 640px) {
header, article, nav, footer {float: none; margin: 0 4pt; width: auto}
}