.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 */

#gallery #wrap {
    padding-top: 60px;
}

#gallery #menu {
    top: 0;
}

#gallery_ipad, #gallery_iphone {
    width: 742px;
    height: 600px;
    padding: 0 29px 0;
    margin-bottom: 30px;
    position: relative;
    left: 50%;
    margin-left: -406px;
    border: 6px solid #fff;
    background: #1d1d1d url('../img/gallery/gallery_bg.png') repeat-y top left;
}

*{margin:0;padding:0}
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{color:#888;position:absolute;top:250px;left:3px;width:200px;}
.demo{position:relative;margin-top:2em;}
.gallery {width:229px;float:left; margin-top: 24px;}
.gallery li{width:91px; height:91px; margin: 2px 19px 19px 0; position: relative; z-index: 300; background: #000;}
span#thumb {display: block; width: 110px; height: 112px; position: absolute; top: 21px; left: 20px; background: transparent url('../img/gallery/gallery_thumb_bg.png') no-repeat center center;}

span.one {top:61px !important; left:20px !important;}
span.two {top:61px !important; left:130px !important;}
span.three {top:173px !important; left:20px !important;}
span.four {top:173px !important; left:130px !important;}
span.five {top:285px !important; left:20px !important;}
span.six {top:285px !important; left:130px !important;}

.gallery li.active{border-color:transparent;}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.galleria_container {margin:0 0 60px 0; height:320px; width:480px; float: right;}
#gallery_iphone .galleria_container {margin:0 0 60px 0; height:360px; width:480px; float: right; margin-top: 22px; margin-right: 4px;}

.nav {padding-top:15px;clear:both;}

.info {text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p {margin-top:1.6em;}

.nav {position:absolute;top:410px;left:0;}

#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img{margin-bottom:10px;}

.galleria_container {
    margin-top: 22px;
    margin-right: 4px;
}

.galleria_container img{
    border: 2px solid #000;
}