@charset "utf-8";

/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel
|--------------------------------------------------------------------------
|
| @package		Amedia Creative
| @subpackage	Frontend - Accordian
| @company		Amedia Creative, Inc.
| @phone		310/651/8733
| @fax			310/388/1210
| @author		Joey Avino / Ever Barreto
| @email		joey@amediacreative.com / ever@amediacreative.com
| @link			http://www.amediacreative.com
| @copyright	2008 Amedia Creative, Inc.
| @requires		mootools.1.2.js
|
*/

/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Images
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	a.prev, a.next { background: url('../../../images/carousel/carousel.gif') no-repeat top left; }
		a.prev { background-position: -2px 15px; }
		a.next { background-position: -60px 15px; }
			a.prev:hover { background-position: -101px 15px; }
			a.next:hover { background-position: -159px 15px; }

		/* ----- Selector for gallery view carousel. -------------- 
		.view-gallery-carousel a.prev { background-position: -2px 39px; }
		.view-gallery-carousel a.next { background-position: -60px 39px; }
			.view-gallery-carousel a.prev:hover { background-position: -101px 39px; }
			.view-gallery-carousel a.next:hover { background-position: -159px 39px; }*/










/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Flexible Attributes
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	/* ----- 1: Specify the max width you would like your carousel to be. -------------- */
	.carousel_container { width: 793px; height:98px; margin-top:10px; }
		.wrap { width: 793px; height:108px; background:#dad5cf; }

	/* ----- 2: Set the absolute positioning for your next and previous buttons. -------------- */
	/* ----- 	For this example, they are on the top left and top right side. -------------- */
	a.prev { z-index: 5; position: absolute; width:48px; height: 108px; display:block; left:10px; top:15px; }
	a.next { z-index: 5; position: absolute; width:48px; height: 108px; display:block; right:10px; top:15px;}

	/* ----- 3: Style the links and the link rollovers. -------------- */
	a.prev { width: 12px; text-indent: -9999px; }
		a.prev:hover { }
	a.next{ width: 12px; text-indent: -9999px; }
		a.next:hover { }

	/* ----- 3: Specify the styling you would like on your conent pages. -------------- */
	.object { width: 776px; height:95px; margin:5.5px 30px 5.5px 30px; } //739

		/* ----- You may also add custom selectors. -------------- */
		.object h3 { }
		.object div { }
		.object p { }
		.object a { }
		.object a:hover { }
		
	/* ----- Each Image. -------------- */		
	.carousel_item { width:56px; height:85px; margin:0px 7px; float:left; }



















/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

/*
|--------------------------------------------------------------------------
| --- > Carousel > Setup > Necessary Attributes
|--------------------------------------------------------------------------
|
| Do not edit below this line. Experienced CSS developers only.
|
*/

		.carousel_container { overflow: hidden; }
			.carousel_container .clear { clear: both; }
				a#previous { display: block; outline: none; }
				a#next { display: block; outline: none; }
				.wrap { overflow: hidden; position: relative; }
					.carousel { left: 0px; position: relative; width: 10000px;  } 									
					.object  { float: left; display: inline; position: relative; }