/* CSS Document */
body {font-size:12px; color:#333333; font-family:"Trebuchet MS", helvetica,sans-serif; margin:0; padding:0; }
a {color:#348; text-decoration:none; font-weight:bold;}
a:hover {color:#67a;}
.wrapper { background: url(/img/wrap-bg.jpg) left top no-repeat; width:1200px; height:750px; padding-left:30px;}
.about {width:880px; height:410px; background: url(/img/intro-bg.png) left top no-repeat; padding:20px 60px 20px 40px; line-height:18px; margin-top:10px;}
.contact {float:left; width:150px; height: 375px; border-right:#ccc solid 1px; margin-right:20px;}
.footer {font-size:10px; text-align:center; width:auto; padding-right:150px;}

.galleria {list-style:none; width:200px;}
.galleria li {display:block; width:80px; height:80px; overflow:hidden; float:left;}
.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 */

.caption { color: #333333; position:relative; top:30px; }
.slide { position:relative; }
.gallery_slide { width:150px;   }
.gallery_slide li { width:55px; height:70px; border:2px solid #eee; background:#eee; margin: 0 5px 5px 0;;}
.gallery_slide li.hover { border-color:#ccc;}
.gallery_slide li.active { border-style:solid; border-color: #ccc; }
.gallery_slide li div { float:left; }
.galleria_container { width:700px; height:438px; float:right; margin-right: 300px; border: #ccc solid 2px;}