/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- ADRIAN LACROIX -----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Estilos Generales ------------------------------------------------------*/


		body {background:#000;}
		
		
			/*- Sprite -*/	
			#menu a,
			#content,
			#content h3,
			#content label,
			#send {background-image:url(../images/sprite.jpg);}
			
			/*- Posicionado -*/
			#logo,
			#menu,
			#content {position:absolute; z-index:1;}
			
			/*- Ocultar texto -*/
			#logo a,
			#menu a,
			#content h3,
			.contactInfo-wrapper a,
			#content p,
			#content label,
			#send {display:block; text-indent:-9999em; font-size:1px; color:#000;}		

			/*- Contenedor -*/
			#wrapper {width:850px; height:670px; margin:30px auto; position:relative;}	
			
				/*- Logo -*/
				#logo {width:445px; height:50px; top:24px; left:202px;}
					#logo h1,
					#logo a {display:block; height:100%;}
						
				/*- Menu -*/
				#menu {left:181px; bottom:-8px;}
					
					#menu li {float:left; height:120px;}						
						#menu h2,
						#menu a {display:block; height:100%;}
						
						/*- Links -*/
						#menu .menuHome a {width:113px; background-position:0 0;}
						#menu .menuShow a {width:105px; background-position:-114px 0;}
						#menu .menuVideo a {width:109px; background-position:-220px 0;}
						#menu .menuContact a {width:167px; background-position:-330px 0;}
						
						/*- Links hover y actuales -*/
						#menu .menuHome.current a,
						#menu .menuHome a:hover {background-position:0 -121px;}
						#menu .menuShow.current a,
						#menu .menuShow a:hover {background-position:-114px -121px;}
						#menu .menuVideo.current a,
						#menu .menuVideo a:hover {background-position:-220px -121px;}
						#menu .menuContact.current a,
						#menu .menuContact a:hover {background-position:-330px -121px;}
						

/*- Fin de Estilos Generales -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Home -------------------------------------------------------------------*/

	
		.home-wrapper {background:url(../images/bgs/home.jpg) no-repeat 0 0;}
	

/*- Fin de Home ------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Show -------------------------------------------------------------------*/

		
		.show-wrapper {background:url(../images/bgs/show.jpg) no-repeat 0 0;}
			.show-wrapper #content {width:216px; height:250px; top:200px; right:174px; background-position:0 -242px;}
			

/*- Fin de Show ------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Video ------------------------------------------------------------------*/

		
		.video-wrapper {background:url(../images/bgs/video.jpg) no-repeat 0 0;}
			.video-wrapper #content {background:none; top:165px; left:205px}


/*- Fin de Video -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Contacto (Informacion) -------------------------------------------------*/

		
		.contactInfo-wrapper {background:url(../images/bgs/contact-info.jpg) no-repeat 0 0;}
			.contactInfo-wrapper #content {width:235px; height:160px; background-position:-217px -242px; top:371px; right:147px;}
			.contactInfo-wrapper p,
			.contactInfo-wrapper a {display:block; height:100%;}
			

/*- Fin de Contacto (Informacion) ------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Contacto (Consultas) ---------------------------------------------------*/

		
		.contactForm-wrapper {background:url(../images/bgs/contact-form.jpg) no-repeat 0 0;}
			.contactForm-wrapper #content {background:none; top:196px; right:98px;}
				.contactForm-wrapper h3 {width:149px; height:22px; margin:0 0 15px 90px; background-position:-301px -403px;}
				.contactForm-wrapper p {float:left; width:300px; clear:both;}
					.contactForm-wrapper p * {float:left;}
					.contactForm-wrapper label {width:83px; margin-right:7px;}
					.contactForm-wrapper input,
					.contactForm-wrapper textarea {text-indent:0; padding:3px; margin-top:8px; width:160px; border:1px solid #000;}
					.contactForm-wrapper textarea {height:90px; overflow:auto;}
			
			/*- Labels -*/
			#nameLabel {height:26px; background-position:-217px -403px;}
			#telLabel {height:36px; background-position:-217px -430px;}
			#emailLabel {height:35px; background-position:-217px -467px;}
			#mensajeLabel {height:29px; background-position:-217px -503px;}
			
			#nombre {margin:0;}
			#email-al {display:none;}
			
			#send {float:none; clear:both; width:57px; height:25px; margin:15px 0 0 140px; background-position:-301px -426px; cursor:pointer;}
			
			/*- Respuesta contacto -*/
			.answer {font:1em Arial, Helvetica, sans-serif !important; text-indent:0 !important; color:#FFF !important;}
				.answer a {color:#FFF;}


/*- Fin de Contacto (Consultas) --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Arreglos IE6 -----------------------------------------------------------*/


		* html #menu li {width:1%;}
			* html #menu .menuHome a {background-position:0 0 !important;}
			* html #menu .menuHome a:hover {background-position:0 -121px !important;}
			* html #menu .menuShow a {background-position:-114px 0 !important;}
			* html #menu .menuShow a:hover {background-position:-114px -121px !important;}
			* html #menu .menuVideo a {background-position:-220px 0 !important;}
			* html #menu .menuVideo a:hover {background-position:-220px -121px !important;}


/*- Fin de Arreglos IE6 ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- FIN ADRIAN LACROIX --------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/