/*Global CSS Declarations, Version 2012, Copyright (c) Analogue Web Design, LLC. All rights reserved.*/

/*GLOBAL RESET*/
html, body, address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, dl, dt, dd, ol, ul, li, table, caption, thead, tfoot, tbody, tr, td, th, form, fieldset, legend, label, a, img, object, q, span, abbr, acronym, del, dfn, em, ins, strong {
    background: transparent;
    border: none;
    font-size: 100%;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: baseline;
}

a {
    outline: none;
    text-decoration: none;
}

abbr:hover, acronym:hover {
    border-bottom: 1px dotted #9e9e9c;
    cursor: help;
}

address {
    font-style: normal;
}

blockquote, q {
    quotes: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: normal;
}

html {
    overflow-y: scroll;
}

fieldset, img {
    border: medium none;
}

input, button, select, textarea {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 1em;
}

label {
    cursor: pointer;
}

ol, ul {
    list-style: none;
}

:focus {
    outline: none;
}

/*LAYOUT*/
body {
    background: #fff;
    color: #30455f;
    font: 10px/1.5 Verdana,Geneva,sans-serif;
    height: 100%;
    margin: 0 auto;
    min-width: 980px;
    text-transform: lowercase;
}

header, nav, section.content, section.contact, footer {
    margin: 0 auto;
    overflow: hidden;
}

/*HEADER*/
header {
    background: #fff url(/assets/img/header.jpg) no-repeat;
    color: #000;
    font-family: Corbel, Arial, Helvetica, sans-serif;
    height: 90px;
    padding: 70px 30px 0 30px;
    position: relative;
    width: 900px;
}

header h1 {
    background: url(/assets/img/logo.jpg) no-repeat;
    height: 73px;
    float: left;
    overflow: hidden;
    text-indent: -999em;
    width: 391px;
}

header h2 {
    font-size: 18px;
    font-style: italic;
    float: right;
    margin: 44px 0 0;
}

header h2 strong {
    color: #6693e9;
    font-style: normal;
    text-transform: uppercase;
}

/*NAV*/
nav {
    border-bottom: 3px solid #d4d5d4;
    width: 960px;
}

nav a {
    background: url(/assets/img/nav.jpg) repeat-x;
    color: #fff;
    display: block;
    float: left;
    font: normal 400 21px/46px Corbel, Arial, Helvetica, sans-serif;
    text-align: center;
    width: 240px;
}

nav a:hover {
    background-position: 0 100%;
}

nav a b {
    color: #dce9ff;
    font-weight: 400;
}

nav a i {
    font-size: 12px;
    line-height: 0;
    margin: 0 0 0 3px;
}

nav a small {
    display: none;
}

nav li {
    display: inline;
}

/*SECTION.CONTENT*/
section.content {
    background: url(/assets/img/section.content.jpg) repeat-y 0 0;
    width: 960px;
}


/*ARTICLE*/
article {
    background: url(/assets/img/article.jpg) no-repeat;
    float: left;
    padding: 30px;
    width: 660px;
}

article a {
    color: #6693e9;
}

article a:hover {
    color: #000;
    text-decoration: underline;
}

article h3 {
    font: normal 400 21px/1.5 Corbel, Arial, Helvetica, sans-serif;
    margin: 0 0 12px;
}

article h4 {
    font: normal 400 18px/1.5 Corbel, Arial, Helvetica, sans-serif;
    margin: 0 0 12px;
}

article p {
    font-size: 11px;
    margin: 0 0 12px;
}

article ul {
    font-size: 11px;
    list-style: disc;
    margin: 0 0 12px 30px;
}

/*ASIDE*/
aside {
    float: right;
    padding: 15px;
    width: 210px;
}

/*SECTION.CONTACT*/
section.contact {
    background: #accbfe;
    border-bottom: 3px solid #d4d5d4;
    color: #000;
    font: normal 400 18px/72px Arial, Helvetica, sans-serif;
    width: 960px;
}

section.contact a {
    color: #000;
}

section.contact a:hover {
    color: #fff;
}
section.contact a:hover strong {
    color:#0b4889;
}
section.contact em {
    color: #fff;
    font: italic 400 18px/72px Corbel, Arial, Helvetica, sans-serif;
}

section.contact li {
    float: left;
    text-align: center;
    width: 240px;
}

section.contact li.email {
    background: #85a9ed;
    width: 480px;
}

section.contact li.tel {
    background: #0b4889;
    color: #fff;
    width: 240px;
}

/*FOOTER*/
footer {
    background: #fff;
    color: #89b5fe;
    padding: 9px 30px;
    width: 900px;
}

footer a {
    color: #89b5fe;
}

footer a:hover {
    color: #000;
}

footer li {
    border-left: 1px solid #89b5fe;
    display: inline;
    padding: 0 6px;
}

footer li:first-child {
    border: 0;
}

/*USER*/
#user {
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 9px;
}

#user a {
    color: #6693e9;
}

#user a:hover {
    color: #000;
    text-decoration: underline;
}

form.user {
    font-size: 11px;
    margin: 0 0 12px;
}

form.user button {
    background: url(/assets/img/button.jpg) no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    font: normal 700 18px/24px Corbel, Arial, Helvetica, sans-serif;
    float: right;
    height: 24px;
    vertical-align: baseline;
    width: 80px;
}

form.user button:hover {
    background-position: 0 100%;
}

form.user fieldset.fields, form.user fieldset.files {
    margin: 0 0 12px;
    overflow: hidden;
    width: 660px;
}

form.user fieldset.fields input {
    border: 1px solid #dce9ff;
    display: block;
    padding: 2px;
}

form.user fieldset.fields select {
    border: 1px solid #dce9ff;
    display: block;
    padding: 1px 1px 1px 3px;
}

form.user fieldset.fields input:focus, form.user fieldset.fields select:focus {
    border-color: #002a6b;
}

form.user fieldset.fields label {
    float: left;
}

form.user fieldset.one label {
    width: 660px;
}

form.user fieldset.one input {
    width: 654px;
}

form.user fieldset.two label {
    width: 330px;
}

form.user fieldset.two input {
    width: 320px;
}

form.user fieldset.three label {
    width: 220px;
}

form.user fieldset.three input, form.user fieldset.three select {
    width: 210px;
}

form.user fieldset.four label {
    width: 165px;
}

form.user fieldset.four input, form.user fieldset.four select {
    width: 155px;
}

form.user input.signature {
    border: 1px solid #dce9ff;
    padding: 2px;
    width: 160px;
}

form.user input.signature:focus {
    border-color: #002a6b;
}

form.user legend {
    background: #dce9ff;
    display: block;
    font-size: 15px;
    margin: 0 0 12px;
    padding: 3px 6px;
    width: 648px;
}

fieldset.optional {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

a.toggle {
    float: right;
    margin: 9px 0 0;
}

/*UPLOAD*/

#upload label {
    background: url(/assets/img/button.jpg) no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    font: normal 700 18px/24px Corbel, Arial, Helvetica, sans-serif;
    height: 24px;
    text-align: center;
    vertical-align: baseline;
    width: 80px;
}

#upload label:hover {
    background-position: 0 100%;
}

#upload fieldset.upload {
    line-height: 24px;
    margin: 0 0 12px;
    position: relative;
}

#upload fieldset.upload label {
    display: block;
    float: left;
    margin: 0 6px 0 0;
}

#upload fieldset.upload label input {
    cursor: pointer;
    height: 24px;
    left: -1em;
    opacity: 0.0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 80;
}

#upload a.add_file {
    float: right;
}


/*TWITTER*/
#home .twitter-follow-button {
    margin:12px 0 0;
}
ul.tweets a {
    color:#6693e9;
}
ul.tweets a:hover {
    color:#000;
}

ul.tweets a.tweet {
    color:#b2b2b2;
    margin:0 6px 0 0;
}
ul.tweets a.tweet:hover {
    color:#666;
}
a.tweet b {
    background:url(/assets/img/twitter_spritev2.png) no-repeat 0 50%;
    display: inline-block;
    height:16px;
    margin:0 3px -2px 0;
    width:16px;
}
a.tweet:hover b.reply {
    background-position:-16px 50%;
}
a.tweet b.retweet {
    background-position:-80px 50%;
}
a.tweet:hover b.retweet {
    background-position:-96px 50%;
}
a.tweet b.favorite {
    background-position:-32px 50%;
}
a.tweet:hover b.favorite {
    background-position:-48px 0;
}
/*SOCIAL*/
ul.social a {
    background:url(/assets/img/social.png) no-repeat;
    color:#6693e9;
    display:block;
    height:32px;
    line-height:32px;
    margin:0 0 6px;
    text-indent:40px;
}
ul.social a.facebook:hover {
    color:#224a87;
}
ul.social a.twitter {
    background-position:0 -32px;
}
ul.social a.twitter:hover {
    color:#30b4d6;
}
ul.social a.youtube {
    background-position:0 -64px;
}
ul.social a.youtube:hover {
    color:#db3634;
}
ul.social a.linkedin {
    background-position:0 -96px;
}
ul.social a.linkedin:hover {
    color:#006895;
}
ul.tweets {
    background:url(/assets/img/twitter.png) no-repeat;
    font-size:11px;
    margin:0 0 30px;
    padding:36px 0 0;
}

ul.tweets cite {
    color:#0b488a;
    display:block;
}
ul.tweets li {
    border-top:1px solid #89b5fe;
    margin:0 0 15px;
    padding:15px 0 0;
}
ul.tweets li:first-child {
    border:0;
    padding:0;
}

#home ul.tweets li {
    min-height:102px;
}

/*HOME*/
#home nav {
    height: 220px;
}

#home nav a {
    font: normal 400 48px/1.5 Corbel, Arial, Helvetica, sans-serif;
    padding: 48px 0 55px;
    width: 480px;
}

#home nav a i {
    font-size: 25px;
    margin: 0 0 0 6px;
}

#home nav a small {
    color: #6693e9;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    width: 216px;
}

#home nav a:hover small {
    color: #fff;
}

#home nav a span {
    font-size:12px;
}


#home nav li.home, #home nav li.fast {
    display: none;
}

#home nav li.start a {
    background: #0b4889 url(/assets/img/start.jpg) no-repeat 0 -220px;
}

#home nav li.start a:hover {
    background-position: 0 0;
}

#home nav li.account a {
    background: #3563a0 url(/assets/img/account.jpg) no-repeat 0 -220px;
}

#home nav li.account a:hover {
    background-position: 0 0;
}
#home article {
    display:none;
}
#home aside {
    background: url(/assets/img/article.jpg) no-repeat;
    float:none;
    padding:0;
    width:960px;
}
#home ul.social {
    float:right;
    padding: 15px;
    width: 210px;
}
#home ul.tweets {
    background-position:30px 15px;
    float: left;
    overflow:hidden;
    padding: 51px 30px 0px;
    width: 660px;
}
#home ul.tweets li {
    border:0;
    float:left;
    margin:0 18px 0 0;
    padding:0;
    width:202px;
}