/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {
	width:650px;
	display:block; 
	position:relative;
	background-image: url(../images/bkg_slider.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 350px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
	display:block;
	position:absolute;
	cursor:pointer;
	width:30px;
	height:250px;
	bottom:0px;
	right:5px;
	background-image: url(../images/slideitmoo_forward.png);
	background-repeat: no-repeat;
	background-position: center;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../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:590px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
	display:block;
	position:relative;
	float:left;
	margin:0px 15px 0px;
	font-size:10px;
	width:260px;
	text-align:center;
	color:#FFFFFF;
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; }
#SlideItMoo_items a img{ border:none; }