@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Amedia Creative Frontend Framework > Accordion
|--------------------------------------------------------------------------
|
| @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
|
*/

/*
|--------------------------------------------------------------------------
| Amedia Creative Frontend Framework > Accordion > Setup > Flexible Attributes
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	/* ----- 1: Specify the max width you would like your accordion to be. -------------- */
	.copy { height: 225px; margin-top: 27px; margin-left: 7px; margin-right: 21px; }

	/* ----- 2: Specify the global font you would like on your accordion. -------------- */
	.copy { }

	/* ----- 3: Specify the styling you would link on your conent pages. -------------- */
	.element { padding: 7px; }

		/* ----- You may also add custom selectors. -------------- */
		.element p { line-height: 13px; }
		.element p.text { padding: 7px 0px 7px 0px; }

		/* ----- Other Examples. -------------- */
		.element h3 { }
		.element a { }
		.element span { }

	/* ----- 4: Specify the default link CSS properties. -------------- */
	.accordion_link { padding: 0px; }
	.accordion_link a { padding: 5px 5px 4px 20px; }

	/* ----- 5: Specify how you would want the active link to appear. -------------- */
	.accordion_active { padding: 0px; }
	.accordion_active a { padding: 5px 5px 4px 20px; }
							
		#first a { }

	/* ----- 5: Specify how you would want the tollovers to appear. -------------- */
	.accordion_link_rollover { }

	/* ----- 5: Specify your rollout. Generally you want to erase some pro. -------------- */	
	/* ----- 5: Generally you want to erase certain properties so the final state matches the accordion_link a as seen in #4. -------------- */	
	.accordion_link_rollout { }





/*
|--------------------------------------------------------------------------
| Amedia Creative Frontend Framework > Accordion > Setup > Left Right Custom
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	/* ----- Custom Accordion Elements -------------- */
	.accordion .element .img { width: 92px !important; height: 69px !important; }
	.accordion .element .item { margin-bottom: 7px; }
	.accordion .element .left { width: 99px !important; }
	.accordion .element .right { width: 113px !important; }
	.accordion .element .style_wrap { padding: 7px 0px 7px 0px !important; }





/*
|--------------------------------------------------------------------------
| Amedia Creative Frontend Framework > Accordion > Setup > Top 5 Custom
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	/* ----- Custom Accordion Elements -------------- */
		.top_five .accordion { }
		.top_five .copy { margin: 7px 0px 0px 1px; }
		.top_five .accordion .element .right { width: 170px !important; padding-right: 7px; }
		.top_five .accordion .element .style_wrap { }
		
		.top_five .element { }
		.top_five .accordion_link { }
		.top_five .accordion_active { }







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

/*
|--------------------------------------------------------------------------
| Amedia Creative Frontend Framework > Accordion > Setup > Necessary Attributes
|--------------------------------------------------------------------------
|
| Do not edit below this line. Experienced CSS developers only.
|
*/

	.element p { margin: 0px; }
	.accordion_active, .accordion_link { margin: 0px; }
		.accordion_active, .accordion_link { margin: 0px; }
			.accordion_active a { display: block; outline: none; margin: 0px;  }
			.accordion_link a { display: block; margin: 0px;  outline: none; }