@charset "UTF-8";
/* CSS Document */

/* container for slides */
#images_wrapper	{
	position:relative;
	height:360px;
	width:518px;	
	margin-bottom:30px;
}
.images {
	border:1px solid #ffffff;
	position:relative;	
	height:360px;
	width:518px;
	cursor:default;
	z-index:50;
	/* CSS3 tweaks for modern browsers */
	/*-moz-border-radius:1px;
	-webkit-border-radius:1px;*/
	/*-moz-box-shadow:0 0 25px #101010;
	-webkit-box-shadow:0 0 25px #101010;	*/
}
/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:256px;
	font-size:12px;
	z-index:75;
}
/* tabs (those little circles below slides) */
.tabs {
	1clear:both;
	position:absolute;
	left:-15px;
	bottom:0;
	width:7px;
	z-index:75;
}
/* single tab */
.tabs a {
	display:block;
	width:7px;
	height:7px;
	margin-top:7px;
	/*float:left;*/
	background-color:#6b6b6b;
}
/* mouseover state */
.tabs a:hover {
	background-color:#ffffff;
}
/* active state (current page state) */
.tabs a.current {
	background-color:#ffffff;     
} 	
/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	display:block;
	width:30px;
	height:30px;
	font-size:1px;		
}
/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 			{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 
/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  		{ background-position:-60px 0; }
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;
}
#play, #stop	{
	float:right;	
	margin-top:10px;
	padding:2px 10px;
}
#stop	{
	margin-right:20px;
	border-left:1px solid grey;	
}
#play:hover, #stop:hover	{
	cursor:pointer;	
}
#you_tube_vid	{
	1z-index:90;
}