/**
	 * Copyright (c) 2006, Bill W. Scott
	 * All rights reserved.
	 *
	 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
	 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
	 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
	 *
	 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
	 * 
	 * The only attribution I require is to keep this notice of copyright & license 
	 * in this original source file.
	 */
	
	/**
	 * Standard Configuration. It is advised that this section NOT be modified as the
	 * carousel.js expects the behavior outlined below.
	 **/
	 /* HTML CAROUSEL */
	#prev-arrow, #next-arrow {
	cursor: pointer;
	cursor: hand;
	}
	#html-carousel { 
			background: none;
	}
	
	#html-carousel .carousel-list li { 
			margin:0px 10px 0px 10px;
	}
	
	#html-carousel .carousel-list li { 
			width: 104px; 
			margin: 0;
			color: #3F3F3F;
	}
	
	
	#html-carousel {
			float: left;
			width: 208px;

	}
	
	
	/* BUTTONS */
	#prev-arrow-container, #next-arrow-container { 
			margin: 0px;
			padding: 0px;
	}
	

	.carousel-component { 
		position:relative;
		overflow:hidden;
		visibility:visible; /* component turns it on when first item is rendered */
	}
					
	.carousel-component ul.carousel-list { 
		width:10000000px;
		position:relative;
		z-index:1; 
	}
	
	.carousel-component .carousel-list li { 
	float: left;		
		list-style:none;
		overflow:hidden;
	}
	
	.carousel-component .carousel-vertical li { 
		float:none;
		margin-bottom:0px;
	}
	
	.carousel-component ul.carousel-vertical { 
		width:auto;
	}
	
	.carousel-component .carousel-clip-region { 
		overflow:hidden;
		margin:0px auto;
		position:relative; 
	}
	
	/**
	 * Safe to override. It is safe to override background, padding, margin, color,
	 * text alignment, fonts, etc. Define a separate CSS file and override your style
	 * preferences.
	 **/
	
	.carousel-component { 
		padding:15px;
	}
	.carousel-component ul.carousel-list { 
		margin:0;
		padding:0;
	}
	.carousel-component .carousel-list li { 
		text-align:center;
		margin:0;
		padding:0;
	}
	#carousel-navigation {
	padding-left:15px;
	width:225px;

	}