/* body {margin:0; background:#111; padding:5px; font:11px Verdana,Arial} */
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper1 {width:580px; margin:10px auto; display:none;} /*    set width of the overall display, six px more than photo size in this case... redo of Web sites at Pointed.com  456 here, 450 pics  */
#wrapper1 * {margin:0; padding:0;}
#fullsize {position:relative; width:572px; height:378px; padding:2px; border:4px solid #000; background:#000}  /*  set width for full size of photos... was 572x378 for Poorvu Apartments; added wider border for whole area... from 1 to 4  */
#information {position:absolute; bottom:0; width:572px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);} /*  repeat full width size here for info display width  */
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px; color:#FFFFFF;}
#image {width:572px;}  /*  repeat full width size here of photo  */
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:15%; height:378px; cursor:pointer; z-index:150;}  /*  set height of photo actual size -- 378 was web height in Pointed  */
#imgprev {left:0; background:url(images/left.gif) no-repeat left center;}
#imgnext {right:0; background:url(images/right.gif) no-repeat right center;}
#imglink {position:absolute; height:378px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}   /*  another repeat of photo size height  */
.linkhover {background:url(images/link.gif) no-repeat center center;}
#thumbnails {margin-top:15px; background-color:#000; height:89px;}   /* set height of thumbnail images  89 was Web site height in Pointed.com  */
#slideleft {float:left; width:20px; height:89px; background:url(images/scroll-left.gif) no-repeat center center; background-color:#222;}   /*  repeat height of photos in thumbs  */
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:89px; background:url(images/scroll-right.gif) no-repeat center center; background-color:#222;}   /*  repeat height of photos in thumbs  */
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:524px; margin-left:5px; margin-right:5px; height:89px; overflow:hidden; background-color:#000;}  /*  width here was 405 (???) where pic was 450 or 456 from PointedWebs plus height of thumbs  */
#slider {position:absolute; left:0; height:89px;}    /* again, use height of thumbs  */
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}