html, body {
    padding: 0;
    margin: 0;
    background-color: #454545;
    background-image: url('../images/background.jpg');
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
}

body {
    background-color: #454545;
    background-image: url('../images/background.jpg');
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    color: #d8d8d8;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Verdana', 'Arial', helvetica, sans-serif;
    font-size: 0.925em;
    text-align: center;
    line-height: 1.6em;
}

#container {
    width: 800px;
    margin: 0 auto 0 auto
}

#header {
    position: relative;
    height: 104px
}

#logo {
    position: absolute;
    left: 0px;
    top: 26px
}

#strap_line {
    font-style: italic;
    color: #BFAF9B;
    font-size: 1.4em;
    position: absolute;
    right: 64px;
    top: 40px;
    letter-spacing: -0.05em
}

#horizontal_menu {
    position: absolute;
    left: 273px;
    top: 36px;
    width: 528px
}

#horizontal_menu a {
    display: block;
    float: left;
    color: #d8d8d8;
    margin: 0 4px 0 4px;
    font-size: 1.2em;
    letter-spacing: -0.075em;
    width: 67px;
    font-weight: normal;
}

#horizontal_menu a:hover {
    color: #FFF;
    text-decoration: none
}

#horizontal_menu span {
    display: none;
    visibility: hidden;
}

/*
 
 #vertical_menu
 {
 text-align: left;
 background: #FEFEFE;
 border: 1px solid #000;
 padding: 8px;
 margin: 0 0 0 38px;
 float: left;
 width: 18.3em;
 position: relative;
 top: 7px
 }
 
 #vertical_menu a
 {
 display: block;
 width: 100%;
 float: left
 }
 
 #vertical_menu a:hover
 {
 background: #BFAF9B;
 color: #FFF;
 text-decoration: none
 }
 */
#page_content {
    text-align: justify;
    /*
     margin: 0 38px 0 38px;
     */
    height: 1%;
}

#footer {
    font-size: 0.8em;
    padding: 32px 0 12px 0;
    clear: both;
    width: 100%;
}

a:link {
    color: #86C0EF;
    text-decoration: none;
    font-weight: bold
}

a:visited {
    color: #A6A3C5;
    text-decoration: none;
    font-weight: bold
}

a:hover, a:active {
    color: #EEE;
    text-decoration: underline;
    font-weight: bold
}

/*
 a:active
 {
 font-size: 1.5em
 }
 */
.spacer {
    clear: both;
    width: 100%;
    height: 1px
}

.print_spacer {
    display: none;
    visibility: hidden;
}

p {
    margin-top: 0
}

img {
    border: 0px
}

h1 {
    margin: 32px 0 24px 0;
    color: #d8d8d8;
    font-size: 2.4em;
    letter-spacing: -0.05em;
    font-weight: normal
}

label {
    display: block;
    font-weight: bold;
    font-size: 1em;
    margin: 16px 0 0 0;
    color: #CCC;
}

input, textarea {
    width: 240px;
    color: #6a6a6a;
    font-family: 'Trebuchet MS', 'Arial', helvetica, sans-serif;
}

textarea {
    height: 114px;
    font-size: 1em
}

#contact1, #contact2 {
    width: 47%;
    float: left;
    margin: 0 12px 0 0;
}

#contact1 input, #contact2 input, #contact1 textarea, #contact2 textarea {
    width: 98%
}

.buttonbar {
    clear: both;
    background: #7E7E7E;
    padding: 8px;
    margin: 32px 0 0 0;
    position: relative;
    top: 16px
}

button {
    color: #454545;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Verdana', 'Arial', helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2em
}

button:hover {
    color: #777
}

.success {
    background: #BFFF8F;
    font-weight: bold;
    padding: 8px;
    color: #2F3F23
}

.problem {
    background: #FF6A5F;
    font-weight: bold;
    padding: 8px;
    color: #3F2D2B
}

img.float_left {
    float: left;
    margin: 8px 28px 8px 0px
}

img.float_right {
    float: right;
    margin: 8px 0px 8px 28px
}

#fader, .fader, #fader img {
    width: 800px;
    height: 400px;
}

#fader {
    background: #000
}

#viewer {
    width: 800px;
    /*height: 400px;*/
    height: 532px;
    background-color: #545454;
    text-align: center;
    overflow: hidden;
    background-image: url('../images/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

#thumbs {
    width: 100%;
    margin: 28px 12px 8px 0;
    text-align: center;
}

#thumbs a {
    display: block;
    background-image: url('../images/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    width: 184px;
    height: 100px;
    float: left;
    margin: 8px;
    padding: 0px;
    border: 0px;
    overflow: hidden
}

#thumbs a img {
    width: 200px
}

#thumbs a:hover {
    padding: 0px;
    border: 0px solid #AAA
}

/*
 #page_wrapper
 {
 width: 335px;
 float: left;
 }
 */
#regular_content {
    margin: 0 0 0 0;
    clear: both
}

span#loading {
    color: #888;
    font-weight: bold;
    font-size: 2.8em;
    position: relative;
    top: -18px;
    left: 16px
}

.pager_bar {
    clear: both;
    text-align: right;
    height: 40px;
    margin: 8px auto 0 auto;
    width: 800px;
    background: #454545;
}

.pager_bar span {
    display: none
}

#thumbs .pager_bar a {
    width: 16px;
    height: 24px;
    background: #454545;
    display: block;
    text-align: center;
    color: #FFF
}

#thumbs .pager_bar a.selected {
    background: #5E5E5E;
    text-decoration: underline
}

#thumbs .pager_bar strong {
    float: left;
    margin: 6px 8px 0 12px;
    color: #888
}

.preload, #print_logo {
    display: none;
    visibility: hidden;
}

ul#contact_footer {
    clear: both;
    list-style-type: none;
    padding: 0 0 0 12px;
    margin: 40px auto 0 auto;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: -0.05em;
}

ul#contact_footer li {
    float: left;
    margin: 0 19px 0 0;
    padding: 0px
}

ul#contact_footer li img {
    margin: 0 8px 0 0;
    position: relative;
    top: 5px
}

ul#contact_footer li a, ul#contact_footer li a:hover, ul#contact_page li a, ul#contact_page li a:hover {
    color: #D8D8D8;
    text-decoration: none
}

ul#contact_footer li a:hover, ul#contact_page li a:hover {
    color: #FFF
}

ul#contact_page {
    list-style-type: none;
    padding: 0 0 0 32px;
    margin: 16px auto 16px auto;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: -0.05em;
}

ul#contact_page li {
    margin: 0 0 19px 0;
    padding: 0px
}

ul#contact_page li img {
    margin: 0 8px 0 0;
    position: relative;
    top: 5px
}

.viewer_arrow span {
    display: none;
    visibility: hidden
}

a.viewer_arrow {
    display: block;
    width: 42px;
    height: 129px;
    background-image: url('../images/viewer_arrows.png');
    background-repeat: no-repeat;
    background-position: top left;
}

a.viewer_arrow:hover {
    background-image: url('../images/viewer_arrows_hover.png');
    background-repeat: no-repeat;
    background-position: top left;
}

a.prev {
    position: absolute;
    /*
     top: 136px;
     */
    top: 200px;
    left: 34px
}

a.next {
    position: absolute;
    /*
     top: 136px;
     */
    top: 200px;
    right: 34px;
    background-position: top right;
}

a.next:hover {
    background-position: top right;
}

table {
    background-color: #717171
}

th, td {
    border-bottom: 1px solid #5F5F5F;
    padding: 8px;
    text-align: left
}

th {
    background-color: #5F5F5F;
    border-bottom: 1px solid #545454;
    color: #FFF;
    font-weight: bold
}

p.quote {
    background-image: url('../images/quotes.gif');
    background-position: 0px 6px;
    background-repeat: no-repeat;
    padding: 0 0 24px 72px;
    font-size: 1.25em;
    margin: 32px 16px 32px 16px;
    line-height: 1.7em;
    color: #e9e9e9;
    font-weight: bold;
    font-style: italic;
    letter-spacing: -0.01em;
    clear: both;
    border-bottom: 1px dotted #6f6f6f;
}

p.quote span {
    font-style: normal;
    color: #FFF;
    display: block;
    font-size: 0.8em;
    margin: 8px 0 0 16px
}

h2 {
    font-weight: normal;
    font-size: 1.6em;
    margin: 32px 0 24px 0
}

.viewer_loader {
    margin-top: 220px
}

#viewer a {
    color: #545454;
    font-size: 1.2em
}