#gallerybox { 
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
}


/* The containing box for the gallery. */ 
#gallerycontainer { 
position:relative; 
width:700px; 
height:410px; 
margin:20px auto 0 auto; 
border:1px solid #555; 
} 

/* Removing the list bullets and indentation */ 
#gallerycontainer ul { 
padding:0; 
margin:0; 
list-style-type:none; 
} 

/* Remove the images and text from sight */ 
#gallerycontainer a.gallery span { 
position:absolute; 
width:1px; 
height:1px; 
top:-1px; 
left:-1px; 
overflow:hidden; 
} 

/* Adding the thumbnail images */ 
#gallerycontainer a.gallery, #gallerycontainer a.gallery:visited { 
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
margin:1px 2px 1px 2px; 
text-align:left; 
cursor:default; 
} 

#gallerycontainer a.slidea { 
background:url(images/gallery_steeltube1_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slideb { 
background:url(images/gallery_steeltube2_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidec { 
background:url(images/gallery_steeltube3_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slided { 
background:url(images/gallery_steeltube4_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidee { 
background:url(images/gallery_steeltube5_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidef { 
background:url(images/gallery_steeltube6_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slideg { 
background:url(images/gallery_steeltube7_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slideh { 
background:url(images/gallery_steeltube8_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidei { 
background:url(images/gallery_steeltube9_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidej { 
background:url(images/gallery_steeltube10_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidek { 
background:url(images/gallery_steeltube11_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidel { 
background:url(images/gallery_steeltube12_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidem { 
background:url(images/gallery_steeltube13_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.sliden { 
background:url(images/gallery_steeltube14_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slideo { 
background:url(images/gallery_steeltube15_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidep { 
background:url(images/gallery_steeltube16_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slideq { 
background:url(images/gallery_steeltube17_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slider { 
background:url(images/gallery_steeltube18_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slides { 
background:url(images/gallery_steeltube19_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slidet { 
background:url(images/gallery_steeltube20_t.jpg); 
width:80px; 
height:53px; 
} 

#gallerycontainer a.slideu { 
background:url(images/gallery_steeltube21_t.jpg); 
width:80px; 
height:53px; 
} 

/* set the size of the unordered list to neatly house the thumbnails */ 
#gallerycontainer ul { 
width:260px; 
} 

#gallerycontainer li { 
float:left; 
} 

/* move the thumbnails into the correct position */ 
#gallerycontainer ul { 
margin:5px; 
float:right; 
} 

/* change the thumbnail border color */ 
#gallerycontainer a.gallery:hover { 
border:1px solid #6dcff6; 
} 

/* styling the :hover span */ 
#gallerycontainer a.gallery:hover span { 
position:absolute; 
width:320px; 
height:376px; 
top:10px; 
left:20px; 
color:#000; 
} 

#gallerycontainer { 
background:url(images/gallery_steeltube1.jpg) 20px 10px no-repeat; 
}