/* GALLERIFFIC STYLESHEET 

Browser Compatibility:IE 6,7,8, FIREFOX, SAFARI, CHROME 

Color Scheme:
------------------------------------------------------------------

------------------------------------------------------------------
*************************************
Edits:Jessica Dooley
Email:jessica.dooley@rezstream.com
Created:05-10-2010
Website:www.gloryinn.com
*************************************
------------------------------------------------------------------*/
#gallerifficContainer{
margin:0 auto;
width:650px;
text-align:center;
}

div#container{
}

#gallery{
padding:0 0 0 0;
}

div.content{
display:none;
clear:both;
margin:12px auto 0 auto;
padding:0;
width:650px;
min-height:420px;
}

div.content a, 
div.navigation a{
text-decoration:none;
}

div.content a:hover, 
div.content a:active{
text-decoration:underline;
}

div.navigation a.pageLink{
}

div.controls{
height:23px;
}

div.controls a{
padding:2px;
text-decoration:none !important;
}

div.controls a:hover{
text-decoration:underline !important;
}

div.ss-controls{
float:left;
}

div.nav-controls{
float:right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link{
width:650px; /* > the width of largest image + padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container{
height:456px; /* > height of the largest image + padding */
min-height:456px;	
}

div.slideshow-container{
position:relative;
clear:both;
float:left;
height:500px;
}

div.loader{
position:absolute;
top:0;
left:0;
width:576px;
background:url(http://www.gloryinn.com/images/loadingAnimation.gif) center no-repeat;
}

div.slideshow span.image-wrapper{
display:block;
position:absolute;
top:30px;
left:0;
}

div.slideshow a.advance-link{
display:block;
line-height:456px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
text-align:center;
text-decoration:none !important;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited{
text-decoration:none;
}

div.slideshow{
clear:both;
}

div.slideshow span.image-wrapper{
padding-bottom:4px;
width:100%;
}

div.slideshow img{
max-width:600px;
padding:2px;
}

div.thumbs,
div.navigation{
margin:0 0 0 2px;
padding:0 0 12px 0;
width:650px !important;
}

div.navigation{
margin:0 auto;
width:650px;
}

ul.thumbs{
}

ul.thumbs li{
float:left !important;
margin:3px 4px !important;
list-style:none;
}

ul.thumbs li a.thumb{
float:left !important;
margin:0;
padding:1px;
width:44px;
height:30px;
background:rgb(55, 37, 17);
border:1px solid rgb(193, 83, 32);
overflow:hidden !important;
}

a.thumb img{
margin:-60px 0 0 -80px;
width:300px;
}

a.thumb:focus{
outline:none;
}

div.pagination{
display:block;
text-align:left;
padding:6px 0 0 4px;
width:600px;
}

div.navigation div.top{
margin:0 0 6px 0;
}

div.navigation div.bottom{
clear:both;
margin:12px 0 0 0;
}

div.pagination a{
padding:0 4px 0 0;
}

div.pagination a:hover{
text-decoration:underline;
}

div.pagination span.current{
color:#8EAFA0;
padding:0 3px 0 0;
}