/*
	zoetropecarousel
	_copyright:: Rob Lone.
*/
		#main{
			text-align:left;
		}
		
		.zoetropemenu{
			margin:0;
			padding:0;
			margin-left: 20px;
			margin-bottom: 20px;			
			overflow:hidden;
		}
		
		.zoetropemenu li{
			float:left;
			list-style-type:none;
			margin-right:10px;
		}
		
		.zoetropemenu li a{
			color:#ffffff;
			
		}
		.zoetropemenu li.selected a{
			color:grey;
		}
				
		.zoetropeCarosuel{
			overflow:hidden;
			position:relative;
			width: 860px;
			height: 597px;
		}
		
		.zoetropeCarosuel a img{
			outline:none;
			border:0;
		}
		
		.zoetropeCarosuel .arrow{

		}
		
		.zoetropeCarosuel .arrow.prev{
			
		}
		.zoetropeCarosuel .arrow.prev.hover{
		}		
		
		.zoetropeCarosuel .arrow.next{
			
		}
		.zoetropeCarosuel .arrow.next.hover{
		}		
		
		.pane.zoetrope{
			overflow:hidden;
			width:100000px;
		}
		
		.pane.zoetrope .panewrapperinner{
			position: relative;
			overflow: hidden;
			width: 100000px;
		}
		
		.pane.zoetrope .panewrapperinner .element{
			float:left;
			height:615px;
			width:860px;
		}	
		
		.zoetropeCarosuel .pane.central{	
			position: absolute;
			top:0;
			left: 20px;
			text-align:left;
			width: 819px;
		}	

		.pane.left.zoetrope{		
			position: absolute;
			left: -2722px;
			top: 8px;
			padding-bottom: 2px;
			display:block;
			height:615px;
			text-align:left;
			overflow:hidden;
			z-index: -1;
		}	
		.pane.right.zoetrope{		
			position: absolute;
			left: 1090px;
			top: 8px;
			height:615px;		
			padding-bottom: 2px;
			display:block;
			text-align:left;
			overflow:hidden;
			z-index: -1;
		}		
		
		.mask.zoetrope
		{
			opacity: 0.5;
			background: url('images/shroud.png') 0 0 repeat;
			width: 1px;
			z-index: 9;
			height: 100%;
			display:block;
		}		
		
		.mask.left.zoetrope{
			position:absolute;
			left:0;
		}
		
		.mask.right.zoetrope{
			position:absolute;
			right:0;
		}		
		
		
		
		.dotNav{
			position:absolute;
			right: 50%;
			top: 25px;
		}
		
		.dotNav ul{
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
		.dotNav ul li{
			list-style-type:none;
			float:left;
			margin-right:10px;
		}

		.dotNav ul li a{
			display:block;
			width: 8px;
			height: 8px;
			background: url(../../zen-internals/images/dotnav-unselected.png) no-repeat;
			text-indent:999px;
		}

		.dotNav ul li.selected a{
			background: url(../../zen-internals/images/dotnav-selected.png) no-repeat;
		}