/* Base layout */
body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;

    font-family: "Bookman Old Style", Verdana, sans-serif;
    color: #444444;
    background-color: #f5f5f5;

    text-align: center; /* for IE */
}

a {
    color: #444444;
    text-decoration: none;
}

#floater {
    float: left;
    height: 50%;
    width: 100%;
    margin-bottom: -310px;
}

#site-frame {
    width: 1020px;
    height: 600px;
    overflow: visible;

    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    position: relative;
    clear: both;
}

#site-header {
    width: 100%;
    margin: 0px auto;
}

#site-header-table {
    width: 100%;
}

#site-title {
    width: 16.5em;
    padding: 0em 2.3em 0em 0em;
    vertical-align: bottom;
    text-align: right;
}

#site-title div {
    /* for some reason this is required for webkit */
    width: 16.5em;
}

#site-title h1 {
    margin: 0px;
    padding: 0px;
    font-size: 1.80em;
    font-weight: normal;
    font-style: italic;
}

#site-title h2 {
    margin: -0.2em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    font-size: 0.8em;
    font-weight: normal;
}

#site-selected-works {
    vertical-align: middle;
    text-align: center;
}

#site-info-pages {
    padding: 0em 0em 0em 0em;
    vertical-align: middle;
    text-align: center;
}

#site-folders {
    vertical-align: middle;
    text-align: center;
}

#site-folder-selected-works {
    font-weight: bold;
}

.site-folder-info-page {
    font-weight: bold;
    margin: 0em 0.5em;
}

.site-folder {
    font-weight: bold;
    margin: 0.5em;
}

.site-folder-current {
    color: #000000;
}

#site-spacer {
    width: 3.0em;
}

#site-lang {
    padding-left: 2.3em;
    padding-right: 10em;
    text-align: right /*center*/;
    font-size: x-small;
}

.site-lang-current {
    font-weight: bold;
}

#site-content {
    margin: 0.5em 0em;
    padding: 0px;
    width: 100%;
}

#site-footer {
    margin: 0.5em 0em 0em 0em;
    padding: 0px;
    text-align: center;
    font-size: x-small;
}

#site-social {
    margin: 0em 0em 0.5em 0em;
    padding: 0px;
    text-align: center;
    font-size: x-small;
    height: 20px;
}

/******************************/

#photo-container {
    margin: 0px;
    padding: 5px 0px;
    width: 1000px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
}

#photo-table {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    height: 100%;
}

.photo-td {
    height: 450px;
    margin: 0px;
    border: 0px;
    padding: 0px 5px 0px 0px;
    text-align: center;
    vertical-align: middle;
}

.photo {
    display: block;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

#photo-td-last {
    padding: 0px 0px 0px 0px;
}

#photo-navigation {
    margin: 0.2em auto 0em auto;
}

#navigation-arrows {
    float: right; margin-top: 180px;
}

#navigation-arrow-prev {
    margin: 0px 0px 3px 0px;
    padding: 0px;
    border: 0px;
}

#navigation-arrow-next {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    border: 0px;
}

.navigation-arrow-inactive {
    opacity:0.4; filter:alpha(opacity=40);
}

#navigation-prev {
    width: 8em;
    padding-right: 0.5em;
    text-align: right;
}

#navigation-next {
    width: 8em;
    padding-left: 0.5em;
    text-align: left;
}

/******************************/
.clients-files-td {
    height: 450px;
}

#clients-no-files {
    margin: 3em auto;
}

#clients-login {
    margin: 100px auto;
}

#clients-login-table {
    margin: 5px auto;
}

/******************************/
#message-table {
    width: 100%;
    height: 100%;
}

#message-table td {
    text-align: center;
    vertical-align: middle;
}

/******************************/
#portfolio-table {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#portfolio-img-td {
    width: 1%;
    text-align: center;
    vertical-align: middle;
}

#portfolio-prev-td {
    text-align: right;
    vertical-align: middle;
}

#portfolio-next-td {
    text-align: left;
    vertical-align: middle;
}

.portfolio-link {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#portfolio-img {
    vertical-align: middle;
    border: 0px;
    margin: 0px 0px;
    padding: 0px;
}

#portfolio-prev img {
    vertical-align: middle;
    border: 0px;
    margin: 0px 7px;
    padding: 0px;
}

#portfolio-next img {
    vertical-align: middle;
    border: 0px;
    margin: 31px 7px 0px 7px;
    padding: 0px;
}

#portfolio-play img {
    vertical-align: middle;
    border: 0px;
    margin: 6px 0px 0px 7px;
    padding: 0px;
}

/******************************/
#info-page-container {
    height: 450px;
    padding: 5px 0px;
}