/* Reset styles
*******************************/
html, body, div, span,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins,strong,ol, ul, li, dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* Main styles
*******************************/
html {
    overflow-y: scroll;
}
body {
    text-align: center;
    color: #7e7e7e;    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    background: #111111;
}

/* Text elements
*******************************/
h1 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0.5em 0;
    padding-top: 0.5em;
    text-align: center;
}
#logo {
    text-indent: -999em;
    background: transparent url(pbweb-logo.png) no-repeat center center;
    width: 312px;
    height: 102px;
    margin: 0.5em auto;
}
h3 {
    margin: 1.5em 0 0.5em 0;
    font-weight: bold;
    color: #333333;
    font-size: 1.1em;
}
p {
    margin: 1.5em 0;
    line-height: 1.7em;
    text-align: center;
}
a {
    text-decoration: none;
    color: #004CA4;
}
a:hover, a:active {
    text-decoration: underline;
}
strong {
    line-height: 1em;
    font-size: 4em;
    color: #0077ff;
}
em {
    font-style: italic;
}
ul {
    text-align: center;
}
li {
    display: inline;
    margin: 0 1em;
    color: #505050;
}


/* Layout
*******************************/
#wrapper {
    margin: 30px auto 10px;
    width: 50em;
    text-align: left;
}