/* container for slides */

.images {

	border:1px solid #666;

	position:relative;	

	height:350px;

	

	width:420px;

	float:left;	

	margin:15px;

	cursor:pointer;

	

	/* CSS3 tweaks for modern browsers */

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-moz-box-shadow:0 0 25px #666;

	-webkit-box-shadow:0 0 25px #666;	

}



/* single slide */

.images div {

	display:none;

	position:absolute;

	top:0;

	left:0;		

	margin:7px;

	padding:15px 30px 15px 15px;

	height:256px;

	font-size:12px;

}

.images span.legend

{

    display:block; border-bottom:1px solid #666666; margin-bottom:10px; font-weight:bold;

}

.images span.imagebox

{

    width:380px; height:150px; display:block;

}

.images span.imagebox .right

{

    width: 175px; float:right; display:block;

}

.images span.imagebox .left

{

    width: 175px; float:left; display:block;

}

.images span.imagebox

{

    display:block; margin-bottom:2px; 

}

.images span.imagebox img

{

    width:170px;border:1px solid #666666;

}



/* header */

.images h3 {

	font-size:22px;

	font-weight:normal;

	margin:0 0 20px 0;

	color:#456;

}



/* tabs (those little circles below slides) */

.tabs {

	clear:both;

	margin-left:245px;

}



/* single tab */

.tabs a {

	width:8px;

	height:8px;

	float:left;

	margin:3px;

	background:url(../images-last-version/navigator.png) 0 0 no-repeat;

	display:block;

	font-size:1px;		

}



/* mouseover state */

.tabs a:hover {

	background-position:0 -8px;      

}



/* active state (current page state) */

.tabs a.current {

	background-position:0 -16px;     

} 	





/* prev and next buttons */

.forward, .backward {

	float:left;

	margin-top:140px;

	background:transparent url(../images-last-version/hori_large.png) no-repeat;

	display:block;

	width:30px;

	height:30px;

	cursor:pointer;

	font-size:1px;

	text-indent:-9999em;	

}



/* 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;		

}