div#gallery {
margin-left: 160px;
position: relative;
}

div#gallery h3 {
margin-bottom: 30px;
}

#show {
position:relative; 
height: 460px;
width: 550px;
margin-top: 30px;
padding: 10px 10px 10px 0; 
}

#show b.default {
position:absolute; 
left: 0;
top:10px; 
height: 327px;
width: 402px;
background: #938e83 url(../images/galback.jpg);
border: 1px solid;
border-color: #a9a396 #666 #666 #a9a396;
}

#show b.default img {
display:block;  auto; 
border:1px solid #000; 
border-color: #555 #333 #eee #333;
/*margin:0 auto auto auto;*/
}

#show b.default span {
display:block;
position: absolute; 
top: -1px;
left: 400px;
height: 319px;
width: 137px;
font: 11px normal verdana, arial, geneva, helvetica, sans-serif;
color: #000;
text-align: left;
margin:0 auto;
padding: 4px 5px 4px 12px;
border: 1px solid;
background: #dbd3c8;
border-color: #a9a396 #666 #666 #666;
}

em { 
display: block;
margin: 7px 0;
font-style: normal;
}

i {
font-style: italic;
}

/*POSITION OF THUMBNAILS*/

#show ul {
list-style:none; 
padding:0; 
margin:0; 
position:relative; 
top: 340px;
height: 119px;
width: 540px;
background: #e3dbcf;
border: 1px solid;
border-color: #a9a396 #666 #666 #a9a396;
padding-left: 15px;
}

#show ul li {
display:inline; 
width:52px; 
height:52px; 
float:left; 
margin:3px 0 5px 5px;
}

#show ul li a {
display:block; 
width:50px; 
height:50px; 
text-decoration:none; 
border:1px solid #000; 
border-color:#eee #555 #333 #ddd;
}

#show ul li a span {
display:none;}

#show ul li a img {
display:block; 
width:50px; 
height:50px; 
border:0;
font-weight: normal;
color: #666;
}

#show ul li a:hover {
white-space:normal;
background:#777; 
}

#show ul li a:hover b {
z-index:20;
position:absolute; 
left: -1px;
top: -341px;
height: 327px;
width: 402px;
background: #938e83 url(../images/galback.jpg);
border: 1px solid;
border-color: #a9a396 #666 #666 #a9a396;
}

/* PAN */

#show ul li.pan a:hover b {
z-index:20;
position:absolute;
left: -1px;
top: -341px; 
height: 327px;
width: 555px;
border: 1px solid #333;
background: #938e83 url(../images/galback.jpg);
}

#show ul li a:hover span {
display: block;
position:absolute; 
z-index:20;
top: -1px;
left: 402px;
width: 135px;
height: 319px;
font: 11px normal verdana, arial, geneva, helvetica, sans-serif;
color: #000;
text-align: left;
padding: 4px 5px 4px 12px;
border: 1px solid;
background: #dbd3c8;
border-color: #a9a396 #666 #666 #666;
}


#show ul li a:hover span.autospan {
height: auto;
}



/* PAN */

#show ul li.pan a:hover span {
/*display: block;
z-index:20;
position:absolute; */
top: 250px; 
left: 5px;
height: 50px;
width: 491px;
padding: 4px 5px;
margin: 0 20px;
/*color: #000;
text-align: left;
border: 1px solid #000;
background: #dbd3c8;*/
}


#show ul li a:hover img {
/*margin:0 auto 10px auto; */
width:auto; 
height:auto; 
border:1px solid; 
border-color: #555 #333 #eee #333;
margin:0 auto auto auto;
}

/* PAN */

#show ul li.pan a:hover img {
width:auto; 
height:auto; 
/*margin:0 auto auto auto;*/
border:1px solid;
border-color: #555 #333 #eee #333;
margin: 8px auto 8px auto;
}


#show ul li a:active, #show ul li a:focus {
white-space:normal;
background:#777;
}

/*  PAN */ 

#show ul li.pan a:active, #show ul li.pan a:focus {
/*white-space:normal;
background:#777; 
border-color:#555 #ddd #eee #333;
border-color: #555 #ddd #eee #333;
border-color: #555 #333 #eee #333;*/
}

#show ul li a:active b, #show ul li a:focus b {
z-index:10;
position:absolute; 
left: -1px;
top: -341px;
height: 327px;
width: 402px;
text-align: left;
background: #938e83 url(../images/galback_down.jpg);
border: 1px solid;
border-color: #908b80 #000 #000 #8c877c;
}

/* PAN */

#show ul li.pan a:active b, #show ul li.pan a:focus b {
/*z-index:10;
position:absolute; 
left: -1px;
top: -341px;
height: 327px; */
width: 555px;
text-align: left;
/*background: #938e83;
background: #938e83 url(../graphics/galback_down.jpg);*/
border: 1px solid #000;
}

#show ul li a:active span, #show ul li a:focus span {
display:block; 
position: absolute;
top: -1px;
left: 402px;
height: 319px;
width: 135px;
font: 11px normal verdana, arial, geneva, helvetica, sans-serif;
color: #000;
margin:0 auto;
padding: 4px 5px 4px 12px;
background: #dbd3c8;
border: 1px solid;
border-color: #a9a396 #000 #000 #8c877c;
}


/* PAN */

#show ul li.pan a:active span, #show ul li.pan a:focus span {
/*display:block; 
position: absolute;*/
top: 250px;
left: 5px;
width: 491px;
height: 50px;
/*font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px;
color: #000; */
/*margin:0 auto;*/
margin: 0 20px;
padding: 4px 5px;
/*border: 1px solid #000;*/

/*background:#d0c8bd;
background: #dbd3c8;*/
}

#show ul li a:active img, #show ul li a:focus img{
margin:0 auto auto auto; 
width:auto; height:auto; 
border: 1px solid;
border-color: #555 #333 #eee #333;
}


/* PAN */

#show ul li.pan a:active img, #show ul li.pan a:focus img{
/*margin:0 auto auto auto; */
margin: 8px auto 8px auto;
width:auto; height:auto;
/*border: 1px solid;
border-color: #555 #ddd #eee #333;
border-color: #555 #333 #eee #333;*/
}

div#gallerylinks { /*IE*/
margin-top: 2px;
margin-left: 1px;
width: 546px;
background: #d0c8bd;
border: 1px solid #000;
padding: 10px 4px;
}

#gallerylinks h4 {
margin: 5px 0 0 5px;
padding: 0;
font-size: 1em;
}

#gallerylinks p {
padding: 0;
margin: 0 0 0 5px;
}

#gallerylinks ul {
margin: 0 24px;
padding: 7px 0;
}

#gallerylinks li a, #gallerylinks li a:visited, #gallerylinks p a, #gallerylinks p a:visited {
color: #4a4842;
padding-right: 16px;
}

#gallerylinks p a, #gallerylinks p a:visited {
padding-right: 0;
}

#gallerylinks li a:hover, #gallerylinks p a:hover {
color: #000;
background: url(../graphics/links_over.gif) no-repeat bottom right;
}

#gallerylinks p a:hover {
color: #000;
background-image: none;
}

#gallerylinks em {
display: inline;
font-style: italic;
}