/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow { height:352px; margin:0 0 35px 0; position:relative; }

#slideshow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 1%; /* IE fix */
}

#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > TITLE
/* ---------------------------------------------------- */
#slideshow-title { 
	position:absolute; 
	width:300px; 
	height:67px; 
	top:9px; 
	left:6px; 
	z-index:8;
	padding:10px 0 0 7px;
	background:transparent url(../Images/slideshow/home-title-bg.png) no-repeat;
}
h2.welcome-to-muvizu { background-image:url(../Images/image-replacement/welcome-to-muvizu.gif); height:42px; }
h2.what-is-muvizu { background-image:url(../Images/image-replacement/what-is-muvizu.gif); height:42px; }        
#slideshow-title p { color:#fff; margin:0 0 0 3px; }

/* ---------------------------------------------------- */
/* SLIDESHOW > FOOT
/* ---------------------------------------------------- */
.slideshow-foot {
	position:absolute; 
	width:290px; 
	height:124px; 
	top:222px; 
	left:0px; 
	z-index:1;
	padding:6px 0 0 10px;
	background:transparent url(../Images/slideshow/pink-box.png) no-repeat;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	width: 624px;
	height:354px;
	margin:0 0 0 6px;
}

#slideshow .slides ul { width: 624px; height:354px; }

#slideshow .slides ul li {
	width: 624px;
	height:354px;
	float: left;
	display:none;
	background:none !important; 
	/*background-image: url(/images/clear.gif);
	filter:alpha(opacity=10);*/
}
#slideshow .slides img { margin-left:6px; }
#slideshow .slides h3 { color:#fff; margin:13px 0 4px; width:266px; }
#slideshow .slides p { color:#fff; margin:0; width:266px; }

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav  {
	position:absolute;
	top:328px;
	left:17px;
	height:12px;
	z-index:20;
}

#slideshow .slides-nav li { float: left; }

#slideshow .slides-nav li a {
	display: block;
	width:12px;
	height:12px;
	outline: none;
	text-indent:-99999px;
	margin-right:6px;
	background:transparent url(../Images/slideshow/nav-sprite.gif) no-repeat 0 -12px;
}

.js #slideshow .slides-nav li.on a {
	background-position:0 0;
}