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

		img			{ border: 0; max-width:100% }		
		a			{ }
		a:hover		{ }
	


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

		#container	{ margin: 45px auto 0 auto !important; width: 90%; overflow: hidden;}
		
	

/* #################################################################### */
			/* --- | HEADER AND NAVIGATION LAYOUT | --- */
/* #################################################################### */			
		body#home #header					{background: url(/_images/bg_splash_lrg.jpg) no-repeat; background-position: center right; background-attachment: inherit; width: auto; background-color: #3B4783; height: 254px; }
		body#about #header			{ background: url(/_images/bg_header-about.jpg) no-repeat; background-position: top right; background-attachment: inherit; width: auto; background-color: #3B4783; height: 127px; }
		body#mediation #header		{ background: url(/_images/bg_header-mediation.jpg) no-repeat; background-position: top right; background-attachment: inherit; width: auto; background-color: #3B4783; height: 127px; }
		body#conciliation #header		{ background: url(/_images/bg_header-conciliation.jpg) no-repeat; background-position: top right; background-attachment: inherit; width: auto; background-color: #3B4783; height: 127px; }
		body#contact #header			{ background: url(/_images/bg_header-contact.jpg) no-repeat; background-position: top right; background-attachment: inherit; width: auto; background-color: #3B4783; height: 127px; }
		body#availability #header		{ background: url(/_images/bg_header-availability.jpg) no-repeat; background-position: top right; background-attachment: inherit; width: auto; background-color: #3B4783; height: 127px;}
		body#general #header			{ background: url(/_images/bg_header-availability.jpg) no-repeat; background-position: top right; background-attachment: inherit; width: auto; background-color: #3B4783; 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		{float: left;width: 20%;background-color: #CDC6BC;margin-right: 20px;margin-bottom: 15px;}
		
			#mainNav			{ list-style: none;}
			#mainNav li			{ display: block; padding: overflow: hidden; }
			#mainNav li a		{ display: block; text-decoration: none; padding: 8px 0px 8px 12px; color: #2c3d7d; }
			#mainNav li a:hover	{ background: #ffffcc; }
			
			/* On states for current page */
			body#mediation li#navMediation,
			body#conciliation li#navConciliation,
			body#about li#navAbout,
			body#contact li#navContact,
			body#availability li#navAvailability, 	
			body#general 	{ background: #ffffcc; }
			

/* #################################################################### */	
			/* --- | MAIN PAGE CONTENT AND LAYOUT | --- */
/* #################################################################### */
		/* Page and project layout elements */
			#pageContent		{vertical-align: top;padding: 20px 15px 15px 30px;background: #fff;width: 100%;/* margin-right: -100px; */}
			#pageContent p		{line-height: 1.5em;margin-bottom: 10px;margin-right: 50px;}
			
			h2		{ margin-bottom: 15px; font: 1.5em "trebuchet ms", arial, sans-serif; color: #2c3d7d; }
			h3		{ font: bold verdana, arial, sans-serif; color: #70635c; }
			
	
/* #################################################################### */
				/* --- | FOOTER NAVIGATION STYLES | --- */
/* #################################################################### */				
		/* Layout and link styles */
			#footer				{ background: #9e9687; border-top: 2px solid #565249; text-align: left; padding: 15px 0px 15px 15px; color: #4d443b; font-size: 1em; float: left;width: 100%;}
			#footer p				{ margin: 0px 0px 4px 0px; line-height: 2em; }
			#footerNav li			{ list-style: none; display: inline-block; padding: 0px 12px 0px 12px;}
			#footerNav li a			{ color: #ffff99; text-decoration: none; }
			#footerNav li:first-child	{ padding-left: 0px; !important}
			#footerNav li a:hover		{ color: #ffffff; }
			
			#footerNav img		{ position: relative; left: 0px; bottom: 0px }
	
	
/* #################################################################### */
				/* --- | MEDIATION DISCLAIMER | --- */
/* #################################################################### */		
			#disclaimer		{  margin: 15px auto 20px auto !important; width: 70%; color: #9e9687; font-size: .9em; line-height: 1.2em; text-align: center;}
	


/* #################################################################### */
				/* --- | 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 extend 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:0px; }
	
	/* End hide from IE Mac */

	/* IE HACK FOR CENTER ALIGN */
		* html body { padding-left: 1px; }
		
		.link_img { float: right; padding: 10px 10px; }

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


/* #################################################################### */	
				/* --- | MEDIA AND SCREEN | --- */
/* #################################################################### */


@media only screen and (max-device-width: 480px)
{
body #header, #mainNavigation,
#pageContent {
    float: none;
	width: auto;
    display: block;
    margin-bottom: 0px;
	background-image: none;
margin-right: 0px;
}
#container 
{
width: auto;
margin: 0px !important;
}
body
{
font-size: 1.16em;
line-height: 1.66em;
}
body#home #header; body#about #header, body#mediation #header, body#conciliation #header, body#contact #header, body#availability #header, body#general #header 
{ 
background-image: none;
height: 127px; 
}
}