/* @group HTML GENERAL */



/* /* ---------------------------------------------------- */

/* SLIDESHOW

/* ---------------------------------------------------- */

#slideshow {

	width: 300px;

	_width: 300px;

	height: 291px;

	margin: 0px !Important;

	position: relative;

	float: left;

	z-index: 100;
	
}



#slideshow ul:after {

	content: ".";

	clear: both;

	display: block;

	height: 0;

	visibility: hidden;

}            



/* ---------------------------------------------------- */

/* SLIDESHOW > SLIDES

/* ---------------------------------------------------- */

#slideshow .slides {

	overflow: hidden;

	color: #c2bfbf;

	width: 581px;

	margin: 0 0px 0 0px;

	height: 291px;

}



#slideshow .slides ul {

	width: 2700px;

}



#slideshow .slides li {

	width: 597px;

	padding: 0px 0 0 0;

	float: left;

	display: none;

}



#slideshow .slides h2 {

	letter-spacing:-1px;

	display: none;

}





#slideshow .slides a {

	color: #c2bfbf;

}



#slideshow .slides img {

	float: left;

	}



/* ---------------------------------------------------- */

/* 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: 295px;

	width: 41px;

	position: absolute;

	left: 0px;

	top: 0px;

	background-image: url(http://englishyou.com//images/img_shleft.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	cursor: pointer;

	margin-top: -2px;

}



.js #slideshow #cycle_next{

	height: 295px;

	width: 41px;

	position: absolute;

	right: 0px;

	top: 0px;

	background-image: url(http://englishyou.com/images/img_shright.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	cursor: pointer;

	margin-top: -2px;

}



.js #slideshow #cycle_pause{

	margin: -12px 0 0 490px;

	color: #FFF;

	cursor: pointer;

	float: left;

}



.js #slideshow #cycle_resume{

	margin: -12px 0 0 10px;

	color: #FFF;

	cursor: pointer;

	float: left;

}












