/* GENERAL */
body {
    margin: 0;
    padding: 112px 0 0 0;
    font: 18px Georgia, "Times New Roman", Times, serif;
    color: #663;
    text-align: center;
    background: white url(../_img/bg-top.gif) center top no-repeat;
}
:focus { /* Mozilla dotted-border fix */
    -moz-outline-style: none;
}
a:link, a:visited, a:active {
    color: #44365f;
}
p {
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 30px;
}
sub, sup {
    line-height: 0;
}
img {
    border-width: 0;
}
p.date {
    font: bold 10px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 11px;
    margin-bottom: 1px;
}
p.caption {
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica, sans-serif;
    margin-top: 2px;
    margin-bottom: 20px;
}

/* FORMS */
form {
    font: 12px Arial, Helvetica, sans-serif;
}
form, fieldset {
    margin: 0;
    padding: 0;
}
form, form p {
    line-height: 16px;
    color: #666;
}
fieldset {
    border-width: 0;
}
label {
    display: block;
}
label span {
    display: block;
}

/* LOGO */
h1 {
    margin: 0 0 16px 172px;
    padding: 0;
}
h1 a {
    display: block;
    text-indent: -3000px;
    background: url(../_img/logo.gif) top left no-repeat;
    width: 171px;
    height: 20px;
}

/* STRUCTURE */
#root {
    margin: auto;
    width: 772px;
    text-align: left;
}
#nav {
    width: 132px;
    float: left;
}
#content {
    padding-top: 20px;
}
#content, #footer {
    width: 600px;
    margin-left: 172px;
}
#nav, #content, #footer {
    border-top: 1px solid #e0e0a5;
}

/* NAV */
#nav, #nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav {
    padding-top: 32px;
}
#nav li a {
    display: block;
    text-indent: -3000px;
    height: 10px;
    margin: 0 0 16px 0;
    background-position: right -20px;
    background-repeat: no-repeat;
}
#nav li a:hover {
    background-position: right 0;
}
#nav .active a {
    background-position: right -10px;
}
#nav .home a {
    background-image: url(../_img/nav-home.gif);
}
#nav .news a {
    background-image: url(../_img/nav-news.gif);
}
#nav .about a {
    background-image: url(../_img/nav-about.gif);
}
#nav .whitepaper a {
    background-image: url(../_img/nav-technology.gif);
}
#nav .contact a {
    background-image: url(../_img/nav-contact.gif);
}

/* CONTENT */
#content p span {
    /* Our JavaScript color blender splits paragraphs into lines using span elements. */
    display: block;
}

/* FOOTER */
#footer {
    color: #555531;
    font: bold 11px Arial, Helvetica, sans-serif;
    padding-top: 6px;
    margin-top: 50px;
    line-height: 14px;
    clear: both;
}
#footer span {
    display: block;
}

/* TERMS AND CONDITIONS BLOCK */
#content .terms {
    border: 1px solid #e0e0a5;
    padding: 15px;
    margin-bottom: 1em;
    height: 200px;
    overflow: auto;
}
#content .terms p {
    font: 12px/16px Arial, Helvetica, sans-serif;
}

/* HOMEPAGE */
#Home img {
    margin-top: 11px;
}

/* NEWS */
#News img {
    margin-top: 11px;
}
#News h2 {
    border-bottom: 1px solid #e0e0a5;
    text-indent: -3000px;
    background: url(../_img/nav-news.gif) left -20px no-repeat;
    height: 10px;
    padding: 0 0 10px 0;
    margin: 30px 0 20px 0;
}

/* WHITEPAPER PAGE */
#Whitepaper form p {
    margin-bottom: 20px;
}
#Whitepaper form p strong {
    color: #9e0b0f;
}
#Whitepaper fieldset {
    clear: left;
    margin-bottom: 15px;
}
#Whitepaper label {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    height: 40px;
}
#Whitepaper input.text {
    width: 225px;
}
#Whitepaper .state input.text, #Whitepaper .zip input.text {
    width: 102px;
}
#Whitepaper form div {
    clear: left;
}
#Whitepaper form div span {
    display: block;
}
#Whitepaper form div input.text {
    width: 50px;
    margin-right: 10px;
}
#Whitepaper .submit {
    padding-top: 2px;
}
#Whitepaper form input.error {
    border: 3px solid #9e0b0f;
    position: relative;
    top: -3px;
}
#Whitepaper .errors, #Whitepaper .errors li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#Whitepaper .errors {
    margin-bottom: 23px;
    color: #9e0b0f;
    font-weight: bold;
}
#Whitepaper #summary {
    margin-top: 40px;
}

/* DOWNLOAD PAGE */
.button {
    float: left;
    margin-right: 20px;
}