/* Containers */
#gallery { margin:0 auto; width:588px; }
#viewer  { width:520px; height:550px; padding-top:12px; margin-bottom:10px; border:1px solid #454545; }
#ribbon  { width:520px; height:130px; margin-bottom:10px; border:1px solid #454545; overflow:auto; }
#thumbs  { width:5300px }   /* 100px wide + ( 4px padding + 2px borders + 5px margin ) X 43 Imagess  */

/* Visible Element Properties */
#gallery h1  { color:#ccc; font:bold 18pt/24pt "Trebuchet MS", Helvetica, Arial, sans-serif; }
#gallery img { margin:0; border:1px solid #ccc; }
#viewer p { height:48px; padding:8px; margin:0 8px; text-align:left; font:italic 9pt Helvetica,Arial,sans-serif; background:#333; }
#thumbs a { float:left; padding:2px; margin:5px; border:1px solid #000; }
#thumbs a img { width:100px; height:95px; }
#thumbs a:hover { background-color:#778899; }

/* Next/Prev Arrows */
#viewer { position:relative; }
#viewer a { color:#ccc; font:bold 10pt/32px Helvetica,Arial,sans-serif; text-decoration:none; }
#viewer a.prev { position:absolute; left:0; top:220px; width:63px; height:32px; background:url('../gallery/prev.png') no-repeat; }
#viewer a.next { position:absolute; right:0; top:220px; width:63px; height:32px; background:url('../gallery/next.png') no-repeat; }
#viewer a.prev:hover { color:#fff; } 
#viewer a.next:hover { color:#fff; } 

#gallery h2 { color:#000000; padding:15px 0px 25px 0px; margin:0;}