/* container for slides */
.images { height:450px; margin:5px 0;}
.grid_11 .images {height:328px; margin:5px;}

/* single slide */
.images div {position: absolute;margin:0px;}

/* header */
.images h3 { color:#FFF; background:url(../images/h3bg.png) repeat;  margin:0px auto; position: absolute; top: 15px; right:10px; padding: 0px 10px; font-family: “Trebuchet MS”, sans-serif; font-size: 44px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -3px;
line-height: 1.2em;}


/* tabs (those little circles below slides) */
.tabs { position:absolute; top:430px; left:400px;}
.grid_11 .tabs{top:304px; left:290px;}

.controls{ position:absolute; bottom: 30px; right:10px;}

/* single tab */
.tabs a {
	width:20px;
	height:20px;
	float:left;
	margin:0px;
	background: transparent url(../images/dots.png) no-repeat 0 0;
	display:block;
	color:
	
}

/* mouseover state */
.tabs a:hover {
	background-position:0 0;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -23px;     
} 	


/* prev and next buttons */
.forward, .backward {
	position:absolute;
	top:200px;
	background: #0F3;
	display:block;
	width:48px;
	height:48px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
	z-index:99;
}
.grid_11 .forward, .grid_11 .backward {top:145px;}

/* next */
.forward 	{ right:5px; background:url(../images/rightarrow.png) no-repeat; }
.grid_11 .forward {right:10px;}




/* prev */
.backward{ background:url(../images/leftarrow.png) no-repeat; left: 5px;}
.grid_11 .backward {left:10px;}


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


.play{ background:transparent url(../images/play.png) no-repeat; width: 24px; height:24px; border:none; cursor:pointer; }
.pause{ background:transparent url(../images/pause.png) no-repeat; width: 24px; height:24px; border:none; cursor:pointer; text-indent:-9999px; overflow:hidden;}