.galleria{
    list-style:none;
}
.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
}

h1{
    text-align: center;
}
.caption{
    font-style:italic;
    color:#887;
}
.demo{
    position:relative;
    margin-top:2em;
}
div.gallery{
    width:502px;
    margin:0 auto;
}
ul.gallery{
    position: absolute;
    top: 40px;
    left: 800px;
    width: 250px;

}
.gallery li{
    display: block;
    width:70px;
    height:55px;
    border:3px double #111;
    margin: 10px;
    background:#000;
}
.gallery li div .caption{
    font:italic 0.7em/1.4 georgia,serif;
}

#main_image{
    margin:0 auto 6px auto;
    height:500px;
    width:500px;
    background:black;
}
#main_image img{
    margin-bottom:10px;
}

.nav{
    width: 250px;
    clear:both;
    position: absolute;
    top: 20px;
    left: 820px;
    font:80% 'helvetica neue',sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
}

.nav a{
    color: #FF9900;
    text-decoration: none;
}

.nav a:hover{
    color: #3366cc;
    text-decoration: none;
}

.info{
    text-align:left;
    width:700px;
    margin:30px auto;
    border-top:1px dotted #221;
    padding-top:30px;
}
.info p{
    margin-top:1.6em;
}


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