/* #################################################################### */
				/* --- | GLOBAL HTML STYLES | ----- */
/* #################################################################### */	
		*			{ margin: 0; padding: 0; }
		body		{ background: url(/_images/bg_main.gif); font: 12px verdana, arial, sans-serif; color: #70635c; }

		img			{ border: 0; }
			
		a			{ }
		a:hover		{ }
	


/* #################################################################### */
				/* --- | MAIN LAYOUT CONTAINER | --- */
/* #################################################################### */				

		#container	{ position: relative; margin: 45px auto 0 auto !important; width: 728px; background: url(../_images/bg_mainpage.gif) repeat-y; }
		
	

/* #################################################################### */
			/* --- | HEADER AND NAVIGATION LAYOUT | --- */
/* #################################################################### */			
		body#about #header				{ background: url(/_images/bg_header-about.jpg) no-repeat; height: 127px; }
		body#mediation #header			{ background: url(/_images/bg_header-mediation.jpg) no-repeat; height: 127px; }
		body#conciliation #header		{ background: url(/_images/bg_header-conciliation.jpg) no-repeat; height: 127px; }
		body#contact #header			{ background: url(/_images/bg_header-contact.jpg) no-repeat; height: 127px; }
		body#availability #header		{ background: url(/_images/bg_header-availability.jpg) no-repeat; height: 127px; }
		body#general #header			{ background: url(/_images/bg_header-availability.jpg) no-repeat; height: 127px; }
		
		h1			{ padding-top: 10px; }
		h1 a		{ display: block; width: 186px; height: 93px; background: url(/_images/logo_fitzgerald.gif) no-repeat; margin-left: 30px; text-indent: -10000px; }
		
		/* Navigational style and layout */
		#mainNavigation		{ width: 143px; float: left; }
		
			#mainNav			{ list-style: none;}
			#mainNav li			{ }
			#mainNav li a		{ display: block; padding: 8px 0px 8px 12px; text-decoration: none; color: #2c3d7d; }
			#mainNav li a:hover	{ background: #ffffcc; }
			
			/* On states for current page */
			body#mediation li#navMediation a,
			body#conciliation li#navConciliation a,
			body#about li#navAbout a,
			body#contact li#navContact a,
			body#availability li#navAvailability a 	
			body#general 	{ background: #ffffcc; }
			
			#mainNavigation img		{ position: absolute; bottom: 0px }	

/* #################################################################### */	
			/* --- | MAIN PAGE CONTENT AND LAYOUT | --- */
/* #################################################################### */
		/* Page and project layout elements */
			#pageContent		{ width: 543px; margin-left: 165px; vertical-align: top; padding: 20px 15px 15px 0px; }
			#pageContent p		{ line-height: 18px; margin-bottom: 10px; margin-right: 25px }
			
			h2		{ margin-bottom: 15px; font: 18px "trebuchet ms", arial, sans-serif; color: #2c3d7d; }
			h3		{ font: bold 12px verdana, arial, sans-serif; color: #70635c; }
			
	
/* #################################################################### */
				/* --- | FOOTER NAVIGATION STYLES | --- */
/* #################################################################### */				
		/* Layout and link styles */
			#footer				{ background: #9e9687; border-top: 1px solid #565249; text-align: right; padding: 8px 8px; color: #4d443b; font-size: 11px; padding-left: 150px; }
			#footer p			{ margin: 0px 4px 4px 0px; }
			#footerNav			{ list-style: none; margin-right: 4px; }
			#footerNav a		{ color: #ffff99; text-decoration: none; }
			#footerNav a:hover	{ color: #ffffff; }
			
			#footerNav img		{ position: relative; left: 0px; bottom: 0px }
	
	
/* #################################################################### */
				/* --- | MEDIATION DISCLAIMER | --- */
/* #################################################################### */		
			#disclaimer		{ position: relative; margin: 15px auto 20px auto !important; width: 700px; color: #9e9687; font-size: 11px; line-height: 16px; }
	


/* #################################################################### */
				/* --- | SPLASH PAGE LAYOUT CHANGES | --- */
/* #################################################################### */		
			body#splash #container		{ width: 875px; background: url(../_images/bg_splash_lrg.jpg) no-repeat;  }
			body#splash #header			{ position: absolute; top: 20px; left: 10px; background: none; }
			body#splash h1				{ padding-top: 10px; }
			body#splash h1 a			{ display: block; width: 212px; height: 105px; background: url(../_images/logo_fitzgerald-splash.gif) no-repeat; margin-left: 23px; text-indent: -10000px; }
			
			body#splash #mainNavigation		{ position: absolute; top: 130px; left: 100px; }
		
			body#splash #mainNav			{ list-style: none;}
			body#splash #mainNav li			{ }
			body#splash #mainNav li a		{ display: block; padding: 6px 0px 6px 12px; text-decoration: none; color: #d6d0c8; }
			body#splash #mainNav li a:hover	{ color: #ffffcc; background: url(../_images/bg_splashNav-hover.gif) no-repeat 0 50%; }
			
			body#splash #pageContent		{  height: 437px; padding: 0px;  }
			body#splash #pageContent img	{ position: absolute; top: 345px; left: 25px; }



/* #################################################################### */	
				/* --- | CSS HACKS AND FIXES | --- */
/* #################################################################### */
	/* Clear floats to extent background around floated elements */
	.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
	
	.clearfix { display: inline-block; }
	.clearfix { display: block; }
	/* Hide from IE Mac \*/
  	* html .clearfix { height:1px; }
	
	/* End hide from IE Mac */

	/* IE HACK FOR CENTER ALIGN */
		* html body { padding-left: 1px; }