#SlideItMoo_outer { width:600px; height:155px; margin:0px 0 0 1px; margin-top:1px; display:block; position:relative; padding:0px;border:#999999 1px solid; }

/* create custom forward-backward buttons for this container */
div#SlideItMoo_forward,
div#SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width:32px; height:155px; top:0px;  right:0px; background-image: url(../images/gal-right.jpg); no-repeat center left; background-repeat:no-repeat }
div#SlideItMoo_back { left:0px; background:url(../images/gal-left.jpg) no-repeat center left; width:32px; height:155px; }

div#SlideItMoo_forward:hover {  display:block; }
div#SlideItMoo_back:hover {  display:block; }

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ position:relative ; overflow:hidden ; width:500px ; margin-left:30px; margin-top:20px; margin-right:10px; }
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { display:block; position:relative; }
#SlideItMoo_outer #SlideItMoo_items a:hover img{ border:1px solid #AFE34C; }
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { display:block; position:relative; float:left; text-align:center; width:135px; margin-right:2px; margin-top:2px; }
#SlideItMoo_items a { padding:0px; display:block; }
#SlideItMoo_items a img{ border:1px solid #D9D9D9; }

#SlideItMoo_outerPortf { width:520px; margin:4px 0 25px -4px; display:block; position:relative; padding:0px; }
#SlideItMoo_outerPortf div#SlideItMoo_forward,
#SlideItMoo_outerPortf div#SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width:14px; height:413px; bottom:0px; right:0px; background:url(../images/gal-arrow-r.jpg) no-repeat left center; }
#SlideItMoo_outerPortf div#SlideItMoo_back { left:0px; background:url(../images/gal-left.jpg) no-repeat left center; }
#SlideItMoo_outerPortf div#SlideItMoo_forward:hover {  display:block; }
#SlideItMoo_outerPortf div#SlideItMoo_back:hover {  display:block; }

#SlideItMoo_items div.SlideItMoo_element .black { width:206px; text-align:left; background-color:#000000; padding:10px 10px 3px 10px; margin-left:3px; display:block; cursor:pointer; text-decoration:none; }
#SlideItMoo_items div.SlideItMoo_element:hover .black {width:206px; text-align:left; background-color:#252525; padding:10px 10px 3px 10px; margin-left:3px; cursor:pointer; }
#SlideItMoo_outerPortf #SlideItMoo_items div.SlideItMoo_element:hover img { border:3px solid #626262; }

#SlideItMoo_outerPortfDet { width:475px; margin:4px 0 25px -4px; display:block; position:relative; padding:0px; }
#SlideItMoo_outerPortfDet div#SlideItMoo_forward,
#SlideItMoo_outerPortfDet div#SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width:14px; height:41px; bottom:0px; right:6px; background:url(../images/gal-arrow-r.jpg) no-repeat center left; }
#SlideItMoo_outerPortfDet div#SlideItMoo_back { left:4px; background:url(../images/gal-arrow-l.jpg) no-repeat center left; }
#SlideItMoo_outerPortfDet div#SlideItMoo_forward:hover {  display:block; }
#SlideItMoo_outerPortfDet div#SlideItMoo_back:hover {  display:block; }

#SlideItMoo_outerPortfDet #SlideItMoo_items div.SlideItMoo_element { display:block; position:relative; float:left; text-align:center; width:55px; margin-right:1px; }
#SlideItMoo_outerPortfDet #SlideItMoo_items a img{ border:2px solid #D9D9D9; }
#SlideItMoo_outerPortfDet #SlideItMoo_items a:hover img{ border:2px solid #626262; }
img.off { border:2px solid #626262; }
#SlideItMoo_outerPortfDet #SlideItMoo_inner{ position:relative ; overflow:hidden ; width:475px ; margin:0 0 0 25px; padding:0px; }

#SlideItMoo_outerGall { width:868px; margin:4px 0 25px -4px; display:block; position:relative; padding:0px; }
#SlideItMoo_outerGall div#SlideItMoo_forward,
#SlideItMoo_outerGall div#SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width:14px; height:445px; bottom:0px; right:0px; background:url(../images/gal-arrow-r.jpg) no-repeat left center; }
#SlideItMoo_outerGall div#SlideItMoo_back { left:0px; background:url(../images/gal-arrow-l.jpg) no-repeat left center; }
#SlideItMoo_outerGall div#SlideItMoo_forward:hover {  center; display:block; }
#SlideItMoo_outerGall div#SlideItMoo_back:hover {  center; display:block; }
#SlideItMoo_outerGall #SlideItMoo_items div.SlideItMoo_element img { margin-bottom:12px; }
#SlideItMoo_outerGall #SlideItMoo_items a:hover img{ border:3px solid #009900; }

