/*OUTSIDE DIV TAG SETTINGS &INFORMATION FONT COLOR IN DESIGN VIEW*/
#slideshow {list-style:none; color:#000}
#slideshow span {display:none}

/*WIDTH OF ENTIRE CONTAINER AND MARGINS*/
#wrapper {width:606px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}

/*LARGE IMAGE POSITION, DIMENSION AND BORDERS*/
#fullsize {position:relative; width:600px; height:400px; padding:10px; border:1px solid #333; background:#000}

/*TITLE AND DESCRIPTION BOX*/
#information {position:absolute; bottom:0; width:600px; height:0; background:#ccc; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}

/*TITLE AND DESCRIPTION TEXT STYLES*/
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}

/*LARGE IMAGE*/
#image {width:600px}
#image img {
	position:absolute;
	z-index:25;
	width:auto;
	vertical-align: middle;
}

/*LARGE IMAGE ARROWS LOCATION AND IMAGE REFERENCES*/
.imgnav {position:absolute; width:25%; height:400px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(slideshow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(slideshow/right.gif) right center no-repeat}

/*IF LARGE IMAGE LINKS TO A PAGE OR URL*/
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url() center center no-repeat}

/*DISTANCE BETWEEN THUMBS AND BOTTOM OF LARGE IMAGE*/
#thumbnails {margin-top:2px}

/*THUMBNAIL ARROWS LOCATION, IMAGE REFERENCES, ARROW BACKGROUND AND ARROW BACKGROUND HOVER COLORS*/
#slideleft {float:left; width:20px; height:115px; background:url(slideshow/scroll-left.gif) center center no-repeat; background-color:#}
#slideleft:hover {background-color:#fff}
#slideright {float:right; width:20px; height:115px; background:url(slideshow/scroll-right.gif) center center no-repeat; background-color:#}
#slideright:hover {background-color:#fff}

/*THUMBNAIL SCROLLING AREA*/
#slidearea {float:left; position:relative; width:560px; margin-left:5px; height:119px; overflow:hidden}
#slider {position:absolute; left:0; height:119px}

/*BORDER AROUND THUMBNAILS*/
#slideshow img {cursor:pointer; border:3px solid #fff; padding:2px}
