/* ----------------------------------------------------------------
 haelodesign.com
 Stylesheet:	slides.css
 Author:  	Parker Selbert for Haelo Design
 Version:	2003.10.29 
---------------------------------------------------------------- */

#slideshowBox { width:376px; height:236px; background:url(../images/layout/slideshow_frame.png) no-repeat 0 0 #fff; display:block; padding:12px; }

/* Classes */
.mooshow { position:inherit; display:none; }
.mooshow_outerContainer { position:relative; background:#fff; color:inherit; width:20px;height:1px; margin:0 auto; display:table; } 

.dropShadowBorder { border:1px solid #d5d5d5; }
	
.mooshow_loading { position:absolute; top:0; left:0; display:none; }

.mooshow_topNav { float:right; display:block; margin:10px 0 0 0; }
.mooshow_topNav ul { list-style:none; }
.mooshow_topNav ul li { float:left; display:inline; }
.mooshow_topNav ul li a, .mooshow_topNav ul li.active { width:12px; height:17px; border:0; display:block; padding:0 0 0 5px; }
.mooshow_topNav ul li.active { background:url(../images/layout/show_nav_frame.png) no-repeat; }
.mooshow_topNav ul li a:hover, .mooshow_topNav ul li  a:active  { background:url(../images/layout/show_nav_frame.png) no-repeat; }
.active { color:#b5e945; }

.mooshow_extras { margin:0 auto; text-align:left; color:#666666; background-color:inherit; }
.mooshow_captions { background-color:#fff; color:#999999; margin:0 auto; text-align:left; line-height:140%; height:35px; width:100%; }
.mooshow_contentContainer { background-color:#fff; color:inherit; position:relative; text-align:center; line-height:0; }
	
.mooshow_overlayNav { position:absolute; top:0; left:0; height:100%; width:100%; margin:0 auto; }

.mooshow_prevLink, .mooshow_nextLink { width:30%; height:100%; background:transparent url(../images/slideshow/blank.gif) no-repeat; /* Trick IE into showing hover */ outline:none; border:0; }
.mooshow_prevLink { left:0; float:left; outline:none; -moz-outline:none;}
.mooshow_nextLink { right:0; float:right; outline:none; -moz-outline:none;}
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background:url(../images/slideshow/prev.gif) left 100% no-repeat; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background:url(../images/slideshow/next.gif) right 100% no-repeat; }