/* ----------------------------------------------------
The Photo Gallery
Updated: 7/10/2009
Author: Eric Watson
Website: http://www.VisibilityInherit.com
------------------------------------------------------- 
Image size: 470px x 350px
Image Quality: 55% 
---------------------------------------------------- */
#gallery {
width:570px;
height:500px;
margin:0 auto 30px;
background:url(images/gallery.gif);
position:relative;
text-align:center;
font-family:georgia, serif;
font-size:18px;
}
#photos {
width:470px;
height:350px;
overflow:hidden;
position:absolute;
left:49px;
top:49px;
background:#000; /* kill IE6/7/8 bug */
border:1px solid;
border-color:#01274c #fff #fff #01274c;
}
#photos b {
position:absolute;
top:0;left:0;
display:none;
}
#controls {
position:absolute;
left:81px;
bottom:35px;
}
#controls a {
float:left;
width:52px;
height:52px;
margin:0 8px;
text-decoration:none;
color:#000;
}
#controls #number {
background:url(images/number.png); 
width:120px;
line-height:48px;  
}
#controls #first {background:url(images/first.png);}
#controls #first:hover {background-position:0 -56px;}
#controls #first:active {background-position:2px -108px;}

#controls #last {background:url(images/last.png);}
#controls #last:hover {background-position:0 -56px;}
#controls #last:active {background-position:2px -108px;}

#controls #previous {background:url(images/previous.png);}
#controls #previous:hover {background-position:0 -56px;}
#controls #previous:active {background-position:2px -108px;}

#controls #next {background:url(images/next.png);}
#controls #next:hover {background-position:0 -56px;}
#controls #next:active {background-position:2px -108px;}
/* --------- noscript -------- */
#photos p {
margin:130px auto 0;
width:380px;
line-height:1.3;
color:#fff;
}
/* ------- loading gif ------- */
.hidden {
display:none;
}
.visible {
display:block;
position:absolute;
top:24px;left:251px;
z-index:1;
font-size:12px;
font-weight:bold;
padding-bottom:5px; /* IE6/7 fix */
}