/* Main Container Styles */
#gallery {width:850px; height:500px; position:relative; border:1px solid #ddd; background:#f8f8f8;}

/* Thumbnail Section List Attributes */
#gallery ol {list-style:none; padding:5px; margin:0; width:195px; float:right; height:250px; overflow:auto;}

/* Thumbnail Section List Attributes */
#gallery ol li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}

/* Small Thumbnail Images */
#gallery ol li img {display:block; width:50px; height:50px;}

/* Text Section */
#gallery ol li span {display:none; position:absolute; left:647px; top:280px; width:200px; font-family: Tahoma, Geneva, sans-serif; color:#009; font-size:12px; line-height:15px; text-align:justify;}
/* Bold Text in Text Section */
#gallery ol li span b {color:#006;}

/* ============================================================================= */

/* required for IE5.x and IE6 to display the start image size correctly */

/* Main Image Displayed by Default */
#gallery ol li.click i img.default {margin:5px auto 0 auto; width:620px; height:490px; border:1px solid #fff;}

#gallery ol li.off {display:none;}

#gallery ol li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ol li.click i {position:absolute; left:0; top:0; width:645px; height:455px;}

/* Main Image Displayed Once the Thumbnail Has Been Clicked */
#gallery ol li.click i img {margin:5px auto 0 auto; width:620px; height:490px; border:1px solid #fff;}

#gallery ol li.click span {display:block;}