html
{
    overflow: scroll;
    overflow-x: auto;
}

body
{
    background-color: #ffffff;
    width: 772px;
    text-align: center;
    margin: 30px auto;
}

html > body
{
    max-width: 950px;
    min-width: 772px;
    width: auto;
}

body.frontpage
{
    background-color: #999999;
    width: 852px;
}

#navigation
{
    background-color: #ffffff;
    text-transform: lowercase;
    display: none;
}

body.frontpage #navigation
{
    display: block;
    width: 320px;
    float: left;
    padding: 90px 20px 20px;
    font-family: 'Century gothic';
    height: 660px;
}

html > body.frontpage #navigation
{
    width: 360px;
    height: 450px;
}

#navigation ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 160%;
}

body.frontpage #navigation #contact
{
    font-family: "Bitstream Vera Sans", "Verdana", "Helvetica";
    margin-top: 2em;
    text-align: center;
    text-transform: none;
}

body.frontpage #navigation #contact h1
{
    display: none;
}

body.frontpage #navigation ul
{
    text-align: center;
}

#navigation ul li
{
    display: inline;
    padding-right: 1em;
}

body.frontpage #navigation ul li
{
    display: block;
    padding: 0;
}

body.frontpage #breadcrumb
{
    display: none;
}

#container
{
    text-align: left;
}

body.frontpage #container
{
    background-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    padding: 10px 20px;
}

body.frontpage #branding
{
    position: absolute;
    padding-top: 70px;
    width: 390px;
    text-align: center;
}

#content
{
    background-color: #ffffff;
}

body.frontpage #content
{
    width: 400px;
    float: left;
    margin-left: 10px;
    padding: 20px 0;
}

body.frontpage #content-text p.date
{
    margin-bottom: 0;
}

body.frontpage #slideshow
{
    height: 435px;
}

body.frontpage #slideshow div
{
    position: absolute;
    width: 400px;
    height: 400px;
    text-align: center;
    cursor: pointer;
}

#container,
#container a
{
    color: #888888;
}

#siteinfo
{
    margin-top: 2em;
    clear: both;
}

#siteinfo div.back
{
    clear: both;
    padding-top: 2em;
    text-align: center;
}

body.frontpage #siteinfo div.back
{
    display: none;
}

#container #thumbnails
{
    margin-bottom: 20px;
    text-align: center;
}

body.jacques_coelho #container #thumbnails
{
    height: 50px;
}

body.jacques_coelho #container #thumbnails a
{
    display: block;
    float: left;
}

#container #thumbnails a img
{
    border-style: solid solid none;
    border-width: 4px 2px 2px;
    border-color: #ffffff;
}

#container #thumbnails a:hover img
{
    border: solid 2px #888;
}

#container #thumbnails a.selected img,
#container #thumbnails a.selected:hover img
{
    border: solid 2px #000000;
    cursor: default;
}

#show_picture
{
    float: right;
    width: 400px;
    height: 400px;
    margin-left: 20px;
}

#show_picture div.container
{
    position: absolute;
    width: 400px;
    text-align: center;
}

#show_picture img
{
    line-height: 350px;
    margin: 0 auto;
    vertical-align: center;
}

#language-selector
{
    position: absolute;
    margin-left: -425px;
}

body.artists #container #thumbnails,
body.artists #container div.content
{
    width: 540px;
}

#language_change
{
    float: right;
    margin-top: 0;
}

.error
{
    color: red;
}

div.news-image
{
    float: right;
    width: 400px;
}

div.news-image ul
{
    margin: 0;
    padding: 0;
    height: 104px;
    list-style: none;
}

div.news-image ul li
{
    display: block;
    float: left;
    margin-right: 10px;
}

#container div.news-image ul.thumbnails li img
{
    border: solid 2px white;
    display: block;
    margin-bottom: 10px;
}

#container div.news-image ul li:hover img
{
    border-color: #888888;
}

#container div.news-image ul li.selected img
{
    border-color: black;
}

div.news-image > img
{
    display: block;
    clear: both;
}