#buttons {
    position:absolute;
    bottom:20px;
    right:20px;
    z-index:5; }

#buttons ul {
    margin:0 5px 5px 0; }

#buttons ul li {
    float:left;
    display:block;
    margin:5px 0 0 5px; }

#buttons ul li a {
    cursor:pointer;
    display:block;
    width:15px;
    height:15px;
    background-color:#f8d404; }

#buttons ul li a:hover,
#buttons ul li a.selected {
    background-color:white; }

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

    Supersized Styles

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

* {
    margin:0;
    padding:0; }


img {
    border:none; }

#supersized-loader {
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px;
    text-indent:-999em;
    background:url(img/progress.gif) no-repeat center center; }

#supersized {
    display:block;
    position:fixed;
    left:0;
    top:0;
    overflow:hidden;
    z-index:-999;
    height:100%;
    width:100%; }

#supersized img {
    width:auto;
    height:auto;
    position:relative;
    display:none;
    outline:none;
    border:none; }

#supersized.speed img {
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:-moz-crisp-edges; }

#supersized.quality img {
    -ms-interpolation-mode:bicubic;
    image-rendering:optimizeQuality; }

#supersized li {
    display:block;
    list-style:none;
    z-index:-30;
    position:fixed;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#111; }

#supersized a {
    width:100%;
    height:100%;
    display:block; }

#supersized li.prevslide {
    z-index:-20; }

#supersized li.activeslide {
    z-index:-10; }

#supersized li.image-loading {
    background:#111 url(img/progress.gif) no-repeat center center;
    width:100%;
    height:100%; }

#supersized li.image-loading img {
    visibility:hidden; }

#supersized li.prevslide img,
#supersized li.activeslide img {
    display:inline; }

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

    Index Styles

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

ol,
ul {
    list-style:none; }

blockquote,
q {
    quotes:none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content:none; }

:focus {
    outline:0; }

ins {
    text-decoration:none; }

del {
    text-decoration:line-through; }

* html {
    overflow:auto; }

*:first-child+html {
    overflow:auto; }

*:first-child+html body {
    overflow:auto; }

#container {
    overflow:auto;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    height:100%;
    width:100%; }

#page {
    position:relative;
    padding:0;
    margin:0;
    height:100%; }

* html #header {
    height:auto;
    padding-bottom:20px; }

#header h1 {
    padding:0;
    margin:0; }

#header h1 a {
    cursor:pointer;
    background-image:url(img/kraft.png);
    text-indent:-1000px;
    overflow:hidden;
    display:block;
    height:115px;
    width:231px; }

* html #header h1 a {
    background-image:url(img/kraft.gif); }

#content {
    padding:20px 20px 20px 271px;
    width:500px;
    z-index:4; }

#wrapper {
    background-image:url(img/background2.png);
    padding:20px; }

* html #wrapper {
    background-image:url();
    background-color:black; }

#footer {
    position:absolute;
    left:20px;
    bottom:20px; }

#footer p {
    padding:0;
    margin:0; }

div.clear {
    height:1px;
    width:1px;
    margin:0 0 -1px 0;
    padding:0;
    visibility:hidden;
    overflow:hidden;
    clear:both; }

#fader {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-position:20px 0;
    background-repeat:no-repeat;
    background-color:white;
    background-image:url(img/fader.png);
    text-indent:-1000px;
    z-index:10000; }

* html #fader {
    background-image:url(img/fader.gif); }

#gallery {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:3; }

#gallery ul {
    background:orange;
    position:relative;
    height:100%;
    width:100%; }

#gallery ul li {
    position:absolute;
    left:0;
    top:0; }

ul,
li {
    padding:0;
    margin:0;
    list-style:none; }

ul#menu {
    width:231px; }

ul#menu a {
    color:#fff;
    text-decoration:none;
    padding-right:10px; }

ul#menu a:hover,
ul#menu a.selected:hover {
    background:#f8d404;
    color:#000; }

ul#menu li a {
    padding-left:41px;
    display:inline;
    font-size:12px;
    line-height:16px;
    margin-left:-20px; }

ul#menu li ul li a {
    padding-left:62px;
    display:inline; }

ul#menu li ul li ul li a {
    padding-left:83px;
    display:inline; }

ul#menu li ul li ul li ul li a {
    padding-left:104px;
    display:inline; }

ul#menu a.selected {
    background:#fff;
    color:#000; }

div#legal {
    position:absolute;
    left:20px;
    bottom:20px;
    font-size:9px;
    line-height:11px;
    z-index:2; }

#content p,
#content a,
#content i,
#content em,
#content b,
#content strong {
    font-size:12px;
    line-height:16px;
    text-align:justify; }

#content img {
    float:left;
    padding:4px;
    display:inline;
    margin-top:0;
    margin-right:15px;
    margin-bottom:2px;
    margin-left:0; }

#content a {
    color:#f8d404;
    text-decoration:none; }

#content a:hover {
    background-color:#f8d404;
    color:black; }

#content .person-links {
    color:black;
    letter-spacing:3px;
    margin-top:-15px;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center; }

p.person {
    padding:0 0 20px 0; }

body.projects #buttons {
    display:none; }

body.projects-child #content {
    width:300px; }

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

    End of All Styles

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