@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Amedia Creative Frontend Framework > Lightbox
|--------------------------------------------------------------------------
|
| @package		Amedia Creative
| @subpackage	Frontend Framework
| @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 > Lightbox > Setup
|--------------------------------------------------------------------------
|
| NOTE: This element is positioned as per the viewport in JavaScript.
| This lightbox is intended to be a pre-determined size.
|
*/

	/* ----- 1: Set this to the color of your overlay. -------------- */
	.lightbox_overlay { background-color: black; }

s	/* ----- 2: Set the necessary height and width of your ligthbox. -------------- */
	.lightbox_displayed { }

	/* ----- 3: Set additional styles for your lightbox -------------- */
	/* ----- 	For the most part, you can style this however you want. -------------- */
	.lightbox_displayed { }





		/* ----- Center Holder Divs -------------- */
		.section {  }
	
			.header_gallery { width: 520px; } 

			.section .lightbox_title { height: 30px; width: 90%; float: left; font-size: 22px; color: white; font-weight: bold; }
			.section .close { height: 30px; width: 8%; margin-right:2%; float: right; font-weight: bold; padding-top: 10px; text-align: right; color: white; font-size: 22px; margin-top:-10px; }
			.section .close a { color:#FFFFFF; text-decoration:none; }

			.section .top_left { width: 90%; height: 10px; background-position: top left; }
			.section .top_right {width: 8%; margin-right:2%; height: 10px; background-position: top right; }





            /* ----- styles for gallery lightboxes ----------- */ 
			.section .gallery_mid { width: 520px; height: 760px; background: white; -webkit-border-radius: 7px; -moz-border-radius: 7px;  }				

				.section .padding_wrapper { padding: 20px; }
					.section .preview {  }
					





					



					
			/* .section .btm_left { width: 90%; height: 10px; background-position: bottom left; }
			.section .btm_right { width: 10%; height: 10px; background-position: bottom right; } */










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

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

	.lightbox_overlay { 	display: none; position: absolute; top: 0px; left: 0px;
							width: 100%; height: 100%; z-index: 1001; cursor: default; }

	.lightbox_displayed { 	display: none; position: absolute; z-index:1002; }

	/* ----- Fixed position -------------- */
	/* ----- The JS will break if this is not here. -------------- */
	.lightbox_displayed { position: fixed; }

	* html div.lightbox_displayed { 

		top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);

	}