/* ---------------------------------------------------- */

/* SLIDESHOW

/* ---------------------------------------------------- */

#slideshow {

	width: 327px;

	height: 200px;

	margin: 2px 0 0 0;

	padding: 10px 125px 0 100px;

	background-color: #99B0A0; /*utk tulisan artikel*/

	background-image: none;
	/*background-image: url(http://joomla.jansangill.dk/images/slideshow/slideshow_bg.gif);*/

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	float: left;

	z-index: 100;

}



#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 > SLIDES

/* ---------------------------------------------------- */

#slideshow .slides {

	overflow: hidden;
	
	width: 450px;

	color: #ffffff; /*tdk berpengaruh*/

}



#slideshow .slides ul {

	width: 2700px;

}



#slideshow .slides li {

	width: 300px;

	padding: 10px 0 0 0;

	float: left;

}



#slideshow .slides h2 {

	margin: 0 0 20px 0;

	font: 24px Georgia, "Times New Roman", Times, serif;

 	color:#ccc;

  	letter-spacing:-1px;

}



#slideshow .slides p {

	width: 400px; /*tinggi tulisan berita, makin besar malah makin kecil*/

}



#slideshow .slides a {

	color: #c2bfbf; /*tdk berpengaruh*/

}



#slideshow .slides img {

	float: left;

	margin: 0 15px 0 0;

}



/* ---------------------------------------------------- */

/* SLIDESHOW > NAVIGATION

/* ---------------------------------------------------- */

#slideshow .slides-nav {

	margin: 10px 0 0 0;

	padding: 10px 0 10px 0;

	border-top: 1px solid #FFF;



}



#slideshow .slides-nav li {

	margin: 0 6px 0 0;

	border: 1px solid #FFF;

	float: left;

}



#slideshow .slides-nav li a {

	display: block;

	padding: 1px 4px 1px 4px;

	color: #FFF;

	text-decoration: none;

}



.js #slideshow .slides-nav li.on,

.js #slideshow .slides-nav li.on a {

	background-color: #252525;}



.js #slideshow .slides-nav li.on a {



}



.js #slideshow #cycle_prev{

	height: 20px;

	width: 19px;

	position: absolute;

	left: 5px;

	top: 100px;

	background-image: url(http://www.naramamandiri.com/images/M_images/arrow_rtl.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	cursor: pointer;

}



.js #slideshow #cycle_next{

	height: 20px;

	width: 19px;

	position: absolute;

	right: 5px;

	top: 100px;

	background-image: url(http://www.naramamandiri.com/images/M_images/arrow.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	cursor: pointer;

}



.js #slideshow #cycle_pause{

	margin: -12px 0 0 200px;

	color: #FFF;

	cursor: pointer;

	float: left;

}



.js #slideshow #cycle_resume{

	margin: -12px 0 0 250px;

	color: #FFF;

	cursor: pointer;

	float: left;

}



#cycle_resume.resume,#cycle_pause.pause {

	text-decoration: underline;

}