body {
    font-family: "Lucida Grande", "Helvetica Nueue", Arial, sans-serif;
    background: #333333;
    color: #222222;
    padding: 0 0 50px 0;
    font-size: 85%;
}
div.container {
    position: absolute;
    top: 0;
    margin: 0;
    border: 0.1em solid #f7f7f7;
    border-radius: 1em;
    padding: 2em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    color: #333333;
    -webkit-box-shadow: 0.1em 0.5em 1.75em -0.5em rgba(0,0,0,0.54);
    -moz-box-shadow: 0.1em 0.5em 1.75em -0.5em rgba(0,0,0,0.54);
    box-shadow: 0.1em 0.5em 1.75em-0.5em rgba(0,0,0,0.54);
}

@media (min-width: 800px) {
    body {
        font-size: 95%;
    }
    div.container {
        margin: 0 10% 2em 10%;
    }
}
@media (min-width: 1200px) {
    body {
        font-size: 100%;
    }
    div.container {
        margin: 0 15% 2em 15%;
    }
}
@media (min-width: 1600px) {
    div.container {
        margin: 0 20% 2em 20%;
    }
}
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
    img#logo {
        width: 442px;
        height: 226px;
    }
    body {
        font-size: 125%;
    }
}
header {
    position: relative;
    top: -3.75em;
    margin: 0 -2.4em -1em -2.4em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background-color: #222222;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */


    border: 0.1em solid #3d3d3d;
    padding: 1.5em 2em 0.5em 2em;
    border-radius: 0.15em;
    border-bottom-left-radius: 2.5em;
    border-bottom-right-radius: 2.5em;
    color: #FFFFFF;

}
header p {
    text-align: center;
    color: #cfcfcf;
    line-height: 1.5em;
    font-size: 0.9em;
}
header span.phone-number {
    line-height: 1.4em;
    font-size: 1.6em;
    font-weight: bold;
}
hr {
    border: 0.1em solid #222222;
}
h1 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    margin: 0.5em 0 0.5em 0;
}
h1 img.logo {
    margin: 0.8em 0 0 0;
}
h2 {
    border-top: 0.1em dotted #cfcfcf;
    border-bottom: 0.1em dotted #cfcfcf;
    padding: 0.5em 0.5em 0.5em 0.5em;
    line-height: 1.3em;
    font-size: 1.3em;
    text-align: center;
    margin: 0 0 0.5em 0;
    color: #cfcfcf;
}
h3 {
    font-size: 2.0em;
    /*font-weight: bold;*/
    padding: 0 0 0.3em 0;
    color: #3c3c3c;
    border-bottom: 0.13em solid #3c3c3c;
    margin: 0 0 0.8em 0;
}
h4 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 0.6em 0;
}
ul {
    margin: 0 0 1em 0.8em;
}
li {
    color: #920000;
    margin: 0 0 0 1.5em;
    padding: 0 0 0.4em 0.2em;
    list-style: disc;
    line-height: 1.2em;
    font-size: 1em;
}
p.temp-data {
    text-align: center;
    font-size: 1em;
    margin: 1em 0 0.5em 0;
}
p {
    line-height: 1.8em;
    font-size: 1em;
    margin: 0 0 1em 0;
}
form {
    color: #FFFFFF;
    padding: 0.5em;
    border-radius: 0.5em;
    border: 0.1em solid #999999;
    margin: 1em 0 0 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e8e8e+1,707070+100 */
    background: rgb(142,142,142); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(142,142,142,1) 1%, rgba(112,112,112,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(142,142,142,1) 1%,rgba(112,112,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(142,142,142,1) 1%,rgba(112,112,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#707070',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
form div.form-field {
    margin: 0.7em 0 0 0
}
form div.form-field label {
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin: 0 0 0.5em 0;
}
form div.form-field input {
    height: 3em;
    display: block;
}
form div.form-field input, form div.form-field textarea {
    width: 99%;
    display: block;
}
form div.form-field textarea {
    height: 8em;
}
form div.form-field button {
    width: 50%;
    text-align: center;
    height: 2em;
    font-size: 1.5em;
}
footer {
    padding: 1.5em;
    border-top: 0.1em dotted #cfcfcf;
    margin: 1.5em 0 1.5em 0;
    text-align: center;
}