.galleria {
    list-style: none;
    width:      200px;
}

.galleria li {
    display:  block;
    width:    80px;
    height:   80px;
    overflow: hidden;
    float:    left;
    margin:   0 10px 10px 0;
}

.galleria li a {
    display: none;
}

.galleria li div {
    position: absolute;
    display:  none;
    top:      0;
    left:     180px;
}

.galleria li div img {
    cursor: pointer;
}

.galleria li.active div img, .galleria li.active div {
    display: block;
}

.galleria li img.thumb {
    cursor:  pointer;
    top:     auto;
    left:    auto;
    display: block;
    width:   auto;
    height:  auto;
}

.galleria li .caption {
    display:      block;
    padding-top: .5em;
}

* html .galleria li div span {
    width: 400px;
} /* MSIE bug */

#navbar {
    list-style-type: none;
    padding:         0;
    margin:          0;
    position:        absolute;
    top:             2em;
    left:            1em;
    width:           5em;
}

#navbar li {
    margin:  0.5em 0;
    padding: 0.3em;
}

#navbar a {
    color:           #fff;
    text-decoration: none;
    text-transform:  uppercase;
}

body {
    padding:    0 180px;
    background: black;
    color:      #bba;
    font:       80%/140% georgia,serif;
}

div.gallery {
    text-align: center;
}

h1,h2 {
    font:           bold 80% 'helvetica neue', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

a {
    color:           #348;
    text-decoration: none;
    outline:         none;
}

a:hover {
    color: #67a;
}

.caption {
    font-style: italic;
    color:      #887;
}

.gallery_demo {
    width:  702px;
    margin: 0 auto;
}

.gallery_demo li {
    width:      68px;
    height:     50px;
    border:     3px double #111;
    margin:     0 2px;
    background: #000;
}

.gallery_demo li div {
    left: 240px;
}

.gallery_demo li div .caption {
    font: italic 0.7em/1.4 georgia,serif;
}

#main_image {
    margin:     0 auto 100px auto;
    height:     438px;
    width:      700px;
    background: black;
}

#main_image img {
    margin-bottom: 10px;
}

.nav {
    padding-top:    15px;
    clear:          both;
    font:           80% 'helvetica neue',sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}
