/* Colours from http://colorschemedesigner.com/#1q11N7TWqtgQa */

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body, p, ul, h1, h2, h3, h4, textarea {
    font-family: "Lucida Grande", Tahoma, sans-serif;
    font-size: 0.9em;
}

pre, code, tt {
    font-family: Inconsolata, "Lucida Console", monospace;
    font-size: 1.1em;
}

p, li {
    line-height: 150%;
}

h1, h2, h3 {
    margin: 0;
}

#header img {
    margin-top: 0.3em;
}

h2 {
    font-size: 1.1em;
}
h3 {
    font-size: 1.0em;
}
h4 {
    margin: 1em 0;
}

ul {
    padding-left: 1em;
}

acronym {
    cursor: help;
}

img {
    border: none;
}

sup {
    font-size: 0.7em;
}

.dark {
    background-color: #FFFCEF;
}

#header {
    padding: 0 1em;
}
#header h1, #header p {
    display: none;
}
#header img#banner {
    float: left;
}
#header img#phone-us {
    float: right;
}
#header img {
    padding: 0.3em 0;
    margin-bottom: 0.3em;
}

.center {
    margin: 0 auto;
    max-width: 60em;
}

#links {
    clear: both;
    background: url("/images/links-bg.png");
    height: 42px; /* needed so it is rendered */
    width: 100%;
}

#links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#links ul li {
    display: inline;
    line-height: 100%;
}

#links ul li a span {
    border-left: 1px solid #E0E0E0;
    color: #000000;
    height: 27px; /* stop one pixel short so borders don't overflow */
    padding: 15px 1.5em 0 1.5em; /* 15px centers it verticially */
    display: block;
    float: left;
}

#links ul li.far-right {
    float: right;
    border-right: 1px solid #E0E0E0;
}

.right {
    border-right: 1px solid #E0E0E0;
}

#links a span:hover {
    background: url("/images/links-bg-hover.png");
}

#links a {
    text-decoration: none;
}

#content {
    clear: both;
    padding: 0.5em 1em 16em 1em;
}

#container {
    position: relative;
    height: 100%; /* IE */
    min-height: 100%;
    height: auto;
}
html>body #container {
    /* IE hack */
    height: auto;
}

#footer {
    background: url('/images/footer.png') repeat-x;
    position: absolute; bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0.5em 0 0.25em 0;
}
#footer p {
    font-size: 0.7em;
    margin: 0;
    line-height: 100% !important;
}
#footer a.gap {
    padding-left: 0.5em;
}
#footer img {
    margin-top: 0.75em;
    padding: 0 0.2em;
}
#footer .copyright {
    clear: both;
    padding-top: 0.25em;
}
#footer .copyright p {
    margin: 0.75em 0;
}

/* Footer links */
#footer div#bottom-links {
    margin-top: 0.75em;
}
#footer div#bottom-links h2 {
    margin-bottom: 0.5em;
    font-size: 1.0em !important;
}
#footer div.links-left {
    float: left;
    width: 50%;
    text-align: right;
}
#footer div.links-left div.list {
    padding-right: 1.5em;
    border-right: 1px solid #E0E0E0;
}
#footer div.links-right {
    float: right;
    width: 50%;
    text-align: left;
}
#footer div.links-right div.list {
    padding-left: 1.5em;
}
#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer ul li {
    padding-bottom: 0.25em;
}

p.title {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    margin: 0;
}

.highlight {
    border: 1px solid #E0E0E0;
    margin: 1em auto;
    padding: 1.25em 0.75em;
    overflow: auto;
}

.table {
    display: table;
    margin: 0 auto;
    width: 100%;
}
.col2, .col3 {
    display: table-cell;
    padding: 0 1.5em;
    vertical-align: top;
}
.col2 {
    width: 50%;
}
.col3 {
    width: 33%;
}

.rightborder {
    border-right: 1px solid #E0E0E0;
}

.noborder {
    border: none;
    padding-right: 0;
}

.middle {
    vertical-align: middle;
}

div.order {
    padding: 1em 0;
}
div.order a.order-button {
    padding: 0.5em;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #004165;
}

#contact p {
    clear: both;
}
#contact p label, #contact p input.submit {
    float: left;
}
#contact p input {
    float: right;
}

label {
    font-weight: bold;
}

textarea {
    width: 100%;
}

.warning {
    background: url("../images/warning.png") no-repeat 1em 45%;
    background-color: #FFDDDD;
    border: 1px solid #E5E5E5;
    margin: 1em 0;
    padding: 0.25em 0;
}
.warning p {
    padding-left: 4em;
}

table.config {
    font-size: 0.9em;
    margin-bottom: 1em;
}
table.config th {
    padding-right: 1em;
    text-align: right;
}

div.meta {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}
div.meta p.breadcrumbs {
    font-size: 0.9em;
    margin: 0;
}

.hentry h3.entry-title, .hentry p.published {
    display: inline;
}
.hentry h3.entry-title {
    margin-right: 2em;
}
.hentry p.published {
    font-weight: bold;
}

/* Table for hosting */
table.features {
    width: 75%;
    font-size: 0.9em;
}
table.features th.feature {
    text-align: left;
}
table.features th.group {
    border-top: 1px #777777 dotted;
}
table.features td {
    text-align: center;
}
th.header {
    border-bottom: 1px #777777 solid;
}
th.feature {
    text-align: left;
    width: 15em;
}

h3.package {
    margin-bottom: 1em;
    display: none;
}