/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {
	width:600px;
	display:block;
	position:relative;
	background-color: #EDEDE5;
	background-image: url(../images/design_images/galleryStripRotate.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
	display:block;
	position:absolute;
	cursor:pointer;
	width:25px;
	height:200px;
	bottom:0px;
	right:5px;
	background-image: url(../images/design_images/slideitmoo_forward.png);
	background-repeat: no-repeat;
	background-position: center;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px;
	background:url(../images/design_images/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{
	position:relative;
	overflow:hidden;
	width:600px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 130px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
	display:block;
	position:relative;
	height: 100px;
	margin-top: 13px;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	position:relative;
	float:left;
	width:140px;
	height: 100px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 9px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
#SlideItMoo_items a {
	padding:0px;
	margin:3px 0px 3px;
	clear:both;
	display:block;
	padding:2px;
	background-color: #CCCCCC;
}
#SlideItMoo_items a img{ border:none; }

/* an outer container */
#GalleryOuter {
	background-color: #EDEDE5;
	width: 635px;
}