body, table { width: 98%; font-size: 18px; font-family: Tahoma, Arial, Geneva, Consolas, Courier, sans-serif; }
body { height: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
a:link, a:visited { text-decoration: none; color: #0000C8; }
a:hover, a .current { text-decoration: underline; color: #D11524; }
noscript { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }

#hdr { height: 9.5em; padding: 0; position: absolute; top: 0; right: 0; left: 0; }

#logo { padding: 0; height: 100%; position: absolute; left: 0; }
#logo img { width: 8.5em; height: 8.5em; position: absolute; top: 0; left: 3.5em; }
#logo a { text-decoration: none; }

#menu { padding: 0; height: 8.5em; position: absolute; right: 1em; top: 1.25em; font-size: 22px; }
#menu ul { padding: 0; display: table; position: absolute; top: -2em; right: 0; }
#menu ul li { display: table-cell; list-style: none; height: 3em; width: 1em; }
#menu ul li a {
    color: black;
    font-size: 1.5em;
    height: 4.7em;
    padding: 0 0.75em 0 0.75em;
    display: table-cell;
    text-align: center; vertical-align: middle; text-decoration: none; }
#menu a.current, #menu ul li a:hover { color: #D11524; }

#info {
    position: absolute; top: 8.5em; left: 0; right: 0;
    padding-top: 0.5em;
    font-size: 1.1em;
    height: 3.2em;
    text-align: center;
    background-image: linear-gradient(to bottom, #FF8C8C, #D11524); 
}
#info a { color: white; }
#info a:hover { text-decoration: none; color: #2841CF; }

#content { position: absolute; top: 13.4em; height: 100%; right: 0; left: 0; }
#content #adinfo {
    position: relative; width: 100%;
    height: 15em;
    padding-top: 1em;
    background-color: black;
}
#content #adinfo #image {
    position: absolute; top: 0; right: 0; left: 0; bottom: 0;
    background-image: url('austin-texas-1756159_1920.jpg');
    background-repeat: no-repeat;
    background-size: 100% 16em;
    opacity: 0.45;
}
#content #adinfo #text {
    position: absolute; top: 0; right: 0; left: 0; bottom: 0;
    text-align: center;
    color: white;
    font-size: 1.5em;
    padding-top: 1.5em;
    padding-left: 2.5em;
    margin: auto;
    width: 50%;
}
#content #data {
    position: relative;
    font-size: 1.5em;
    padding: 0 2em 2em 2em;
}
#content #data a:hover { text-decoration: none; color: #D11524; }
#content #data #service {
    list-style-type: none;
    padding: 0;
}
#content #data #about {
    text-align: center;
}
#content #data #about img {
    width: 35%; height: 35%; border-radius: 6px;
}

#content #foot {
    padding: 0; height: 3em;
    position: relative; width: 100%;
    font-size: 12px;
    background-image: linear-gradient(to bottom, #777777, black); 
}
#content #social {
    position: absolute; bottom: 0.2em; left: 0.25em;
}
#content #foot ul {
    padding-top: 0.75em;
    margin: auto; width: 50%;
    display: table;
}
#content #foot ul li { display: table-cell; list-style: none; }
#content #foot ul li a {
    color: white;
    font-size: 1.25em;
    padding: 0 0.75em 0 0.75em;
    display: table-cell;
    text-align: center; vertical-align: middle; text-decoration: none; }
#content #foot a.current, #content #foot ul li a:hover { color: #D11524; }