*{
margin:0;
padding:0
}

/* Gallery container */
.image_gallery{
position:relative;
margin-top:1em;
z-index: 0;
}

/* Gallery title */
#galleryheader{
margin-bottom: 2em;
}

#galleryheader h1{
font-family: Helvetica, Arial;
font-size: 140%;
font-weight: normal;
float: left;
}

/* Container that holds links to the gallery index */
#backlinks {
margin-left: auto;
margin-right: auto;
font-size: 120%;
float:right;
padding-right: 1em;
}

/* SELF CLEARING FIX */
#galleryheader:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*Container that holds the previous image button, thumbnails, and next image button */
.image_gallery table {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 3em;
}

/* Manipulate the list of thumbnails */
.jcarousel-skin-steve{
display: block;
list-style: none;
text-align: center;
}

/* Manipulate the thumbnail container */
.jcarousel-skin-steve li{
float:left;
height: 4em;
width: 5.5em;
overflow: hidden;
border: solid #101010 0.2em;
}

/* Manipulate the thumbnail image itself */
.jcarousel-skin-steve li img {
}

/* Links within the thumbnail item */
.jcarousel-skin-steve li a{
display:none;
}

/* Button controls */
.previousbutton{
color: #BDBEB0;
padding-top: 1em;
padding-bottom: 1em;
padding-right: 0.4em;
background: url(../images/prev-arrow.png) no-repeat left;
}

.nextbutton{
color: #BDBEB0;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0.4em;
background: url(../images/next-arrow.png) no-repeat right;
}

.previousbutton:hover{
color: white;
background: url(../images/prev-arrow-lit.png) no-repeat left;
}

.nextbutton:hover{
color: white;
background: url(../images/next-arrow-lit.png) no-repeat right;
}

#bottomnav .previousbutton {
float: left;
padding-left: 2em;
}

#bottomnav .nextbutton {
float: right;
padding-right: 2em;
}

/* SELF CLEARING FIX */
#bottomnav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Not sure what these do - leave them alone */
.jcarousel-skin-steve li div{
position:absolute;
display:none;
}

.jcarousel-skin-steve li div img{
cursor:pointer;
}

.jcarousel-skin-steve li.active div img,.galleria li.active div{
display:block;
}

.jcarousel-skin-steve li img.thumb{
cursor:pointer;
top:auto;
left:auto;
display:block;
height: auto;
width: auto;
}

/* The caption below the main image */
.caption{
display:block;
padding-top:1em;
padding-bottom: 0;
text-align: center;
font-size: 125%;
}


/* works */
#main_image{
margin:0 auto 0 auto;
text-align: center;
min-height: 680px;
}

/* works */
#main_image img{
max-width: 68em;
height: auto;
max-height: 640px;
margin-left: auto;
margin-right: auto;
}


/* works */
.nav{
clear:both;
}

* html .galleria li div span{width:68em} /* MSIE bug */