a,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
img,
p,
span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

header {
    display: block
}

body {
    line-height: 1
}

::-webkit-input-placeholder {
    color: #333
}

:-moz-placeholder {
    color: #333
}

::-webkit-selection {
    background: #1777af;
    color: #fafafa;
    text-shadow: none
}

::-moz-selection {
    background: #1777af;
    color: #fafafa;
    text-shadow: none
}

::selection {
    background: #1777af;
    color: #fafafa;
    text-shadow: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    width: auto
}

.clear {
    clear: both
}

html {
    overflow-y: scroll;
    background: url(./images/bodybg.jpg) 632px 425px no-repeat
}

body {
    font: 14px/1.143 "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    background: url(./images/bg.jpg) top left repeat-x;
    color: #333
}

.wrap,
body,
html {
    /*height: 100%*/
}

.wrap {
    min-width: 895px
}

h1,
h2 {
    line-height: 1;
    color: #0082b7
}

h1 {
    font-size: 2.143em;
    line-height: 1.192em;
    margin: 0 0 .5em 0
}

p {
    font-size: 1em;
    margin: 0 0 1.462em 0
}

a {
    text-decoration: none;
    color: #0082b7;
    font-weight: 700
}

a:hover {
    color: #333
}

a:active,
a:hover {
    outline: 0
}

body {
    width: 100%;
    clear: both;
    min-width: 1050px
}

.wrap {
    margin: 0 auto;
    width: 90%;
    padding: 0 5%
}

body>.wrap {
    height: auto;
    min-height: 100%
}

.header {
    min-width: 800px;
    width: 100%;
    color: #999;
    height: 121px;
    margin: 0 0 25px 0
}

.content {
    width: 100%;
    padding: 0 0 70px 0
}

html.notification {
    background: #fff;
    background: url(./images/bg.jpg) top left repeat-x #fcfcfc
}

.notification body {
    background: 0 0
}

.notificationbox {
    border: 1px solid #fff;
    margin: 10% auto 0 auto;
    width: 74%;
    box-shadow: 0 -8px 19px rgba(0, 0, 0, .125);
    padding: 1% 7% 1.5% 7%;
    background: url(./images/logo.png) bottom right no-repeat, url(./images/gradient.jpg) top left repeat-x #dcdcdc;
    overflow: hidden;
    position: relative;
    min-width: 820px
}

.notificationbox h1 {
    margin-top: 1.5em
}

.notificationbox a {}

.logo {
    display: block;
    float: left;
    width: 405px;
    margin: 11px 0 0 0
}

.mini-member {
    float: right;
    position: relative;
    font-size: .8em;
    line-height: 1.5em;
    padding: 0 0 0 123px;
    margin: 20px 0 0 0
}

@media screen and (min-width:1075px) {
    html {
        background: url(./images/bodybg.jpg) right 425px no-repeat
    }
    .wrap {
        max-width: 1280px;
        width: 90%
    }
}