/**
 * Galleria (http://monc.se/kitchen)
 *
 * Galleria is a javascript image gallery written in jQuery. 
 * It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. 
 * It will create thumbnails for you if you choose so, scaled or unscaled, 
 * centered and cropped inside a fixed thumbnail box defined by CSS.
 * 
 * The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence 
 * of obtrusive design elements. Use it as a foundation for your custom styled image gallery.
 *
 * MAJOR CHANGES v.FROM 0.9
 * Galleria now features a useful history extension, enabling back button and bookmarking for each image.
 * The main image is no longer stored inside each list item, instead it is placed inside a container
 * onImage and onThumb functions lets you customize the behaviours of the images on the site
 *
 * Tested in Safari 3, Firefox 2, MSIE 6, MSIE 7, Opera 9
 * 
 * Version 1.0
 * Februari 21, 2008
 *
 * Copyright (c) 2008 David Hellsing (http://monc.se)
 * Licensed under the GPL licenses.
 * http://www.gnu.org/licenses/gpl.txt
 *

CSS Edited By:
**********************************
Jessica Dooley
email: jessica.dooley@rezstream.com
website:http://www.rezstream.com
**********************************
*/

#galleria_container{
text-align:center;
width:612px;
}

#main_image{
margin:0 0 18px 0;
width:612px;
height:400px;
background:#E0E8EF;
}

#main_image img{
margin-bottom:0px;
}

.galleria_avv{
/*float:left;*/
margin:0 auto 0 28px;
list-style:none;
width:570px;
}

.galleria_avv li{
float:left;
display:block;
width:50px;
height:45px;
margin:0px 5px 0px 0px;
overflow:hidden;
}

.galleria_avv li a{
display:none;
}

.galleria_avv li div{
position:absolute;
display:none;
top:0;
}

.galleria_avv li div img{
cursor:pointer;
}

.galleria_avv li.test div img,
.galleria_avv li.test div {
display:block;
}

.galleria_avv li.active div img,
.galleria_avv li.active div {
display:block;
}

.galleria_avv li img.thumb{
cursor:pointer;
top:auto;
display:block;
width:auto;
height:auto;
}

#galleria_container .galleria_avv li span.caption{
/*display:block;*/
height:30px;
padding-top:.5em;
margin-left:28px;
background:#00FF00;
}

* html .galleria_avv li div span{
width:400px;
} /* MSIE bug */

.galleria_nav{
clear:both;
text-align:center;
padding-top:15px;
letter-spacing:1px;
}

