/* CSS document date - 03/25/17 ( 4:50pm ) ; CSS format date - 07/01/15 */
/* Author: David Carrera - Copyright 2015 American Media Group, CA  USA */
/* 2.0_xf-contact-form_active_2.css*/

body {                                     /* UPDATED - 07/01/15 */
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../../../../../../forms/contact/images/stripes_grey-w-blk-bg_22x22.gif); 
	background-position: center;
	background-repeat: repeat;
 	background-color: none;}                            /* cyan */

#wrapper { 	        	                  /* updated - 07/01/15 */
	width: 990px;                         
  	margin-left: auto;
  	margin-right: auto;
 	background-color: none;}                             /* red */

/* ----------------- (2.0) Positioning Frame ------------------ */

#positioning-frame {                       /* POSITIONING FRAME */
	position: relative;                   /* UPDATED - 07/01/15 */
  	margin-left: auto;
  	margin-right: auto;
	width: 610px;
	height: 619px;
	background-color: none;}                           /* green */

.pos-frame_bg-image {     /* PAGE FRAME - ADJUSTABLE B.G. IMAGE */
	position: absolute;   /* NOTE - TWEAKED FOR 990x619 P FRAME */
	width: 1200px;                        /* updated - 07/01/15 */
	height: 660px; 
	top: 0;
	left: -298px;          /* Note: Increasing Count Moves Left */
	background-image: url(../../../../../../images/backgrounds/xcano-films-bg_1200x660.gif);
	background-color: none;}                          /* purple */


/* //////////////////////////////////////////////////////////// */
/* ----------------- (2.0) MAIN CONTENT SECTION --------------- */ 
/* //////////////////////////////////////////////////////////// */

#main-content_section {		               /* SECTION CONTAINER */
	position: relative;                   /* UPDATED - 07/01/15 */
	width: 610px;
	height: 610px;
	top: 0;	
  	margin-left: auto;
  	margin-right: auto;
 	background-color: none;}             /* Light Grey - E1E1E1 */
	
/* --------------------- (2.0) Title Bar ---------------------- */

#title_bar {                       /* "Xcano Films" - TITLE BAR */
	position: relative;                   /* updated - 07/01/15 */
	width: 610px;                         /* UPDATED - 07/01/15 */
	height: 58px;
	top: 30px;
  	margin-left: auto;
  	margin-right: auto;
/*	background-image: url(../images/xcano-media_title-bar_610x58.gif); */
	background-color: none;}                           /* black */

/* ------------------------------------------------------------ */
/* -------------------- (2.0) CONTACT FORM -------------------- */
/* ------------------------------------------------------------ */

#contact-form {						       /* SECTION CONTAINER */
	position: relative;                   /* updated - 07/01/15 */
	width: 540px;
	height: 482px;
  	top: 36px;
  	margin-left: auto;
  	margin-right: auto;
 	background-image: url(../../../../../../forms/contact/images/xcano-media-contact-form-bg_540x482.jpg);
 	background-color: none;}  		                     /* red */

/* --------------------- (2.0) Main Image --------------------- */

#main-image {						              /* Main Image */
	position: absolute;                   /* updated - 07/01/15 */
	width: 530px;
	height: 167px;
  	top: 5px;
	left: 5px;
 	background-image: url(../../../../../../forms/contact/images/downtown-los-angeles-skyline_530x167.jpg);
 	background-color: none;}  		                   /* black */


/* ------------------------------------------------------------ */
/* ---------------- (2.0) Contact Fields Area ----------------- */

#contact-fields_area {                     /* SECTION CONTAINER */
	position: absolute;                   /* updated - 07/01/15 */
	width: 520px;
	height: 220px;
	bottom: 10px;
	left: 10px;
	font-family: helvetica, sans-serif;
	font-size: 15px;	
	background-color: none;}                            /* red */
	
/* -------------------------- Name --------------------------- */

#name {                                      /* LABEL - "Name" */
	position: absolute;                  /* updated - 07/01/15 */
	width: 120px;
	height: 22px;
	top: 13px;
	left: 0;
	text-align: right;
	background-color: none;}                            /* blue */

/* ------------------------- Address -------------------------- */

#address {                            /* LABEL - "Mail Address" */
	position: absolute;                   /* updated - 07/01/15 */
	width: 120px;
	height: 22px;
	top: 48px;
	left: 0;
	text-align: right;
	background-color: none;}                            /* blue */

/* ------------------------ Telephone ------------------------- */

#telephone {                             /* LABEL - "Telephone" */  
	position: absolute;                   /* updated - 07/01/15 */
	width: 120px;
	height: 22px;
	top: 81px;
	left: 0;
	text-align: right;
	background-color: none;}                            /* blue */

/* ------------------------- Message -------------------------- */

#message {                                 /* LABEL - "Message" */
	position: absolute;                   /* updated - 07/01/15 */
	width: 120px;
	height: 22px;
	top: 120px;
	left: 0;
	text-align: right;
	background-color: none;}                            /* blue */
	
/* ----------------------- Text Fields ------------------------ */

.text-field {                                   /* TEXT FIELDS */
	position: relative;                  /* updated - 07/01/15 */
	float: left;
	width: 340px;
	height: 18px;
	margin: 10px 0 0 130px;
	padding: 2px 0 2px 5px;         /* top, right, bottom, left */
	border: 1px solid #A9A9A9;
	font-family: helvetica, sans-serif;
	font-size: 14px;	
	background-color: none;}                           /* green */	

/* ---------------------- Message Field ----------------------- */

#message-field {                               /* MESSAGE FIELD */
	position: relative;                   /* updated - 07/01/15 */
	float: left;
	width: 340px;
	height: 70px;
	margin: 10px 0 0 130px;
	padding: 2px 0 2px 5px;         /* top, right, bottom, left */
	border: 1px solid #A9A9A9;
	font-family: helvetica, sans-serif;
	font-size: 14px;		
	background-color: none;}                            /* gold */                     
	
/* ------------------- (2.0) Submit Button -------------------- */
/* ------------------------------------------------------------ */

.submit-button {                               /* Submit Button */
	position: absolute;                   /* updated - 07/01/15 */
	bottom: -1px;
	right: 43px;
	width: 90px;
	font-family: helvetica, sans-serif;
	font-size: 13px;}

/* --------------- (2.0) Delivery Confirmation ---------------- */

#confirmation {                        /* DELIVERY CONFIRMATION */
	position: absolute;                   /* updated - 07/01/15 */
	width: 540px;
	top: 313px;
	left: 0px;
	text-align: center;
	background-image: url(../../../../../../forms/snippets/forms/contact/images/text/delivery-confirmation_540x58.gif);
	background-color: none;}    /* Lighter "Body" Grey - F5F5F5 */


/* ------------------ (2.0) Copyright Notice ------------------ */

#copyright {				                /* COPYRIGHT NOTICE */
	position: absolute;                   /* updated - 07/01/15 */ 
	width: 100%;						  /* UPDATED - 07/01/15 */  
	height: 13px;                         
  	top: 610px;                           /* UPDATED - 07/01/15 */  
	left: 0;
	padding: 0;
	font-family: arial;
	font-size: 11px;                      /* updated - 07/01/15 */ 
	font-weight: normal;
	color: #E1E1E1;      /* initial color - Light Grey - E1E1E1 */
	text-align: center;      
 	background-color: none;}  		                     /* red */

.list-dot {                               /* updated - 06/30/15 */
	font-family: arial;
	font-size: 8px;  		     
	color: #E1E1E1;}		             /* Light Grey - E1E1E1 */

/* ------------------ (2.0) Copyright Links ------------------- */ 

#copyright a:link {
	color: #E1E1E1;} 	 /* initial color - Light Grey - E1E1E1 */

#copyright a:visited {
	color: #E1E1E1;} 	 /* visited color - Light Grey - E1E1E1 */
	
#copyright a:hover {
	color: #E1E1E1; 	   /* hover color - Light Grey - E1E1E1 */
	text-decoration: underline;} 

#copyright a:active {
	color: #E1E1E1;}  /* transition color - Light Grey - E1E1E1 */
	

/* ---------------- STANDARD XPN LINKING RULES ---------------- */ 

a {						     /* DO NOT CHANGE ORDER OF SEQUENCE */
 	text-decoration: none;}       /* prevents initial underline */

a:link {				     
	color: #FFFFFF;} 	               /* initial color - White */

a:visited {
	color: #FFFFFF;}  	               /* visited color - White */

a:hover {
	color: #FFFFFF;		                 /* hover color - White */ 
	text-decoration: underline;}
	
a:active {
	color: #FFFFFF;} 	            /* transition color - White */
	

/* ------------------------ Bar Length ------------------------ */
	
/* ------------ AMG / UI STANDARD REFERENCE COLORS ------------
  
	White  - FFFFFF ; Near White - FDFDFD ; Light White - FAFAFA ; * Lighter "Body" Grey - F5F5F5 * ; Index Marquee BG White - EFEFEF 
    Grey   - CCCCCC ; Light Grey - E1E1E1, ; Hint of Grey - FBFBFB ; X11 Grey - BEBEBE ; Medium Light Grey - A9A9A9 ; W3C Grey - 808080
	Black  - 000000 ; Near Black - 090909 ; Medium Black - 181818 ; Mid Black - 222222 ; Medium Grey Black - 252525 ; Charcoal - 333333  
	
	Red    - FF0000 ; Rose Red - E4082E ; Dark Red - 990000 ; Darkest Red - 600000 ; Maroon - 990033 ; Red Black - 2D0000  
	Pink   - FFCCFF ; Light Pink - FFF5F5 ; Hot Pink - F535AA ; Deep Pink - FF1493 ; X11/W3C Fucia - FF00FF ; Violet Red - CC0099 
	                  X11/W3C Pink - FFC0CB ; Salmon - F7E9E5 ; Medium Violet Red - C71585   
	Violet - EE55EE ; Lavender - CC99FF ; Light Lavender - E9D2FF ; Magenta (same as "Fucia") - FF00FF ; X11/W3C Violet - EE82EE
	Purple - 9900FF ; Light Purple - BD59FF ; Lighter Purple - D79BFF ; Lightest Purple - E7C1FF ; Hint of Purple - F3DFFF ; Medium Purple - AB2DFF 
					  Dark Purple - 6100C1 ; Darker Purple - 5A1BAF ; Darkest Purple - 3F009D ; Darkest Dark Purple - 32007D
					  
	Orange - FFA500 ; DW Orange - FF9900 ; Orange-1 - FF7F00 ; Light Orange - FFBB22 ; Orange Red FF4500 ; X11/W3C Orange - FFA500		  
	Yellow - FFFF00 ; Light Yellow - FFFF66 ; Lime - CCFF33 ; Khaki - F0E68C ; Dark Khaki - BDB76B ; Goldenrod "Dark Yellow Gold" - DAA520  
	Green  - 009900 ; Bright Green - 00FF33 ; Light Green - CCFFCC ; Olive - CCFF33 ; Dark Green - 33CC33 ; Darker Green - 006600  
					  W3C Green - 008000 ; X11 Green - 00FF00 

    Copper - FFCC99 ; Copper-1 - C96333 ; XM Dark Copper - CC9966 ; XM Text Copper - FFCC99
	Silver - DDDDDD ; Light Silver - EEEEEE ; Silver-1 - DADADA ; X11/W3C Silver - C0C0C0 
	Gold   - CC9900 ; Yellow Gold - FFCC00 ; Orange Gold - FF9900 ; Reddish Gold - FFC184 ; Maya Impact Gold - FFCC7D ; XM Logo Gold - C3A756 
					  XM Copyright Gold - FFE693 ; XM Text Gold-1 - FFE693 ; XM Text Gold-2 - F3DA98 ; X11/W3C Gold - FFD700
	
	Cyan   - 00FFFF ; Medium Cyan - 33CCFF ; Light Cyan - 66FFFF ; Lighter Cyan - B3FFFF ; Lightest Cyan - D2FFFF ; Turquoise - 00FFCC
	Blue   - 0000FF ; Light Blue - 99CCFF, Lighter Blue - A8D3FF ; Lightest Blue - CAE4FF ; Lightest Light Blue - DFF1F7 ; Hint of Blue - E1F0FF   
					  Medium Blue - 3366FF ; Dark Blue - 000066 ; Medium Dark Blue - 00005F ; Darker Blue - 00004F ; Darkest Blue - 00001F  
					 					 					  					   
    Body   - F5F5F5 ; Shadow Border Grey - E0E0E0 ; Light Grey - E1E1E1 ; Lighter "Body" Grey - F5F5F5 ; X9 Body Grey - F7F7F7
	                  Seamless BG Mid Blk - 161616 ; XM Purple Blue BG - 181845 ; R&R Border/BG Blue - 073660 ; L-Bolt Sky BG Blue - 489FDC 
	    
	Borders - ##### ; Adsense Border Blue - 0066CC ; Adsense Border Blue Grey - 336699 ; Mid Section Grey - E9E9E9 
					  Shadow Border Grey - E0E0E0 ; VFF Gold Border - CEBD63 ; XM Border Black - 707070 

    Text (Black) ## ; Close Black - 030303 ; Near Black - 090909 ; Medium Black - 181818 ; Mid Black - 222222 ; Medium Grey Black - 252525 
					  Text Black - 272727 ; Medium Text Blk - 363636 ; FAQ Text Black - 404040 ; Light Text Blk - 454545 ; Lighter Text Blk - 545454 
					  Lightest Text Blk - 636363 ; Medium Text Grey - 727272 ; Light Text Grey - 818181 ; Lighter Text Grey - 909090   
					  Btm Rt Banner Ad Blue - 000070 ; Hyper-Link 'Dark' Blue - 00005F 

    Tables - ###### ; Table Heading Blue - DFF1F7 ; Table "Border" Blue - AECFE3 ; Table Row Blue - ECF7FA ; Hyper-Link Blue - 00005F
	                  Table Row Blue Grey - EAEAEA ; Table Row Light Olive - E7F5B4 ; Table Row Gold - E9DC9E ; Title Bar Gold - E9D78D 

	Misc   - ###### ; American Baby Blue - 1CA4FF ; Aquamarine - 7FFFD4 ; Beige - F5F5DC (X11/W3C) ; GS Banner Blue - 000033  
					  Encyclopedia Blue - 00345F ; Facebook Blue - 3B5998 ; Facebook Grey - E9EAED ; Grey Dot for Gold BG - 777777 
					  MA Eagle Gold - FFE693 ; MySpace BG Grey - E5E5E5 ; Index Marquee Purple - 1D0048 ; Red Arrow Bright Red - FF0006 
					  R&R Violet - B18AD9 ; Sub Heading H2 Red - 600000 ; Title Bar Gold - E9D78D ; W3C Gray - 808080 (Dark Grey) 
					  WOW Slider Grey - 3D3D3D ; X11 Gray - BEBEBE (Lighter Grey) ; XM Dark Grey - 999999 
					  
					  AdSense Lightest Grey - E6E6E6 ; Adsense Light Grey - B3B3B3 ; Adsense Normal Grey - CCCCCC ; Adsense Middle Grey - 999999 
					  Adsense Dark Grey - 808080 ; Adsense New Grey - 828282 ; Adsense Darker Grey - 7F7F7F ; Adsense Darkest Grey - 666666 ; 
					  Adsense Grey Black 1 - 4C4C4C ; Adsense Dark Grey 2 - 333333 ; Adsense Dark Grey 3 - 191919 ;  Adsense Normal Black - 000000    
					  Google Color Chart (coming soon)

    ------------- STANDARD AMG LINKING COLOR RULES --------------  
    
	Black Background ; Active Link Blue - 66FFFF ; Black BG Blue - 00003F ; Black BG Lighter Text Grey - DADADA ; B&G Stripes BG Grey - E1E1E1 
					   Horizonal Rule Black - A9A9A9 (close match between IE & Firefox) ; Roll Over Lime - 00FF00     
	White Background ; Main Image Caption Blue - 00006F ; Main Title Bar Blue - 171745 ; updated 06-25-15 ( 9:00am CST ) */