img { border: 0; }
	body, div, ul, li, h1, h2, h3, h4, h5, h6, form, textarea, p, td { margin: 0; padding: 0; }
	a { outline: none; text-decoration: none; }

	.clear { clear: both; }


	body
	{
		background: #000000;
		/*background: #000000 url("/web/20181005192332im_/http://www.mattersoncranes.com/assets/templates/matterson/images/bg.png") repeat-x;*/
		color: #fefcfc;
		font: 12px Helvetica, Arial, sans-serif;
		width: 100%;
		height: 100%;

	}


	div#header-wrapper,
	div#header-box
	{
		width: 100%;
		height: 100px;
		background: #000000 url("/web/20181005192332im_/http://www.mattersoncranes.com/assets/templates/matterson/images/graphics/grad-d.png") repeat;
		border-bottom: 5px solid #ffffff;
		margin: 0 auto;
	}
	div#header-wrapper { width: 990px; }
		div#header-container
		{
			width: 990px;
			height: 100px;
			background: url("/web/20181005192332im_/http://www.mattersoncranes.com/assets/templates/matterson/images/graphics/topnav/nav-bg.png") no-repeat scroll center top transparent;
			margin: 0 auto;
			position: relative;
		}
			div#logo
			{
				position: absolute;
				top: 10px;
				left: 35px;
			}
		div#top-nav
		{
			position: absolute;
			margin: 45px 0 0 240px;
		}
			div#top-nav ul
			{
			}
			div#top-nav ul li
			{
				list-style: none;
				display: inline;
				margin-left: 40px;
			}
			div#top-nav ul li a
			{
				font: 18px Helvetica, Arial, sans-serif;
				color: #fdfdfc;
				text-shadow: 2px 2px 2px #000000;
			}
			div#top-nav ul li a:hover { color: #fbd200; }
			div#top-nav ul li.active a { color: #fbd200; }



		div#top-images-wrapper,
		div#top-images
		{
			width: 100%;
			height: 360px;
			margin: 0 auto;
			text-align: center;
			overflow: hidden;
		}
		div#top-images { width: 990px; }
			div#top-images div.image-box
			{
				
			}
			div#top-images div.image-box a
			{
				display: block;
			}

		div.eph-blackbg { background: #000000; }
		div.eph-greybg { background: #cccccc; }
		div.eph-yellowbg { background: #fbd200; }


		div#homepage-wrapper-box { min-width: 990px; }
		div#homepage-wrapper
		{
			position: relative;
			width: 100%;
			height: 300px;
			background: #ffffff;
		}
		div#homepage-background-wrapper
		{
			width: 100%;
			position: relative;
			top: 32px;
		}
			div#homepage-background-wrapper div.left-side
			{
				background: #fbd200;
				width: 50%;
				height: 210px;
				position: absolute;
				z-index: 10;
			}
			div#homepage-background-wrapper div.right-side
			{
				background: #fbfbfb;
				position: absolute;
				right: 0;
				top: -25px;
				height: 273px;
				border-top: 1px solid #f0f0f0;
				border-bottom: 1px solid #f0f0f0;
				width: 50%;
				z-index: 5;
			}

		div#homepage-container
		{
			width: 990px;
			position: relative;
			top: 32px;
			margin: 0 auto;
		}
			div#homepage-container div.left-side
			{
				width: 535px;
				background: #fbd200;
				height: 210px;
				position: absolute;
				z-index: 20;
				left: 0;
				padding: 0 0 0 25px;
			}
			div#homepage-container div.right-side
			{
				width: 395px;
				background: #fbfbfb;
				height: 248px;
				position: absolute;
				right: 0;
				top: -25px;
				z-index: 15;
				border: 1px solid #f0f0f0;
				border-right: none;
				padding: 25px 20px 0 150px;
			}
			div#homepage-container div.left-side p
			{
				font: bold 14px Helvetica, Arial, sans-serif;
				color: #545755;
				margin-bottom: 10px;
			}
			div#homepage-container div.left-side p span
			{
				display: block;
				font: 30px Helvetica, Arial, sans-serif;
				margin: 0;
			}
			div#homepage-container div.left-side p span.biga { color: #545755; margin: 15px 0 0; }
			div#homepage-container div.left-side p span.bigb { color: #fdfefd; }
			div#homepage-container div.left-side img
			{
				float: right;
				margin: 20px;
			}

			div#homepage-container div.right-side h1
			{
				font: bold 13px Helvetica, Arial, sans-serif;
				color: #363636;
				padding: 0 0 15px;
			}
			div#homepage-container div.right-side p
			{
				color: #363636;
				padding: 0 0 10px;
			}




		div#homepage-wrapper div#left-wrapper
		{
			width: 50%;
			background: #fbd200;
			height: 210px;
			position: absolute;
			top: 32px;
		}
		div#homepage-wrapper div#left-container
		{
			width: 560px;
			height: 210px;
			background: #000000;
			position: absolute;
			top: 10px;
			left: 10px;
		}

		div#homepage-bottom-wrapper
		{
			width: 100%;
			background: #ffffff;
			overflow: hidden;
			padding: 10px 0 50px 0;
		}
			div#homepage-bottom-wrapper div#bottombox-container
			{
				width: 990px;
				background: #ffffff;
				margin: 0 auto;
			}
			div#homepage-bottom-wrapper div#bottombox-container div.bottombox
			{
				float: left;
				width: 260px;
				padding: 0 35px;
			}
			div#homepage-bottom-wrapper h4
			{
				font: 28px Helvetica, Arial, sans-serif;
				color: #fbd200;
				padding: 0 0 10px;
			}
			div#homepage-bottom-wrapper p,
			div#homepage-bottom-wrapper p a
			{
				font: bold 13px Helvetica, Arial, sans-serif;
				color: #363636;
				padding: 0 0 15px;
			}

			




		div#content-type-A-wrapper,
		div#content-type-A
		{
			background: #ffffff;
			width: 100%;
			height: 100%;
			overflow: hidden;
			margin: 0 auto;
		}
			div#content-type-A { width: 990px; }
			div#content-type-A h2
			{
				font: bold 27px Helvetica, Arial, sans-serif;
				color: #999999;
				padding: 0 0 15px;
			}
			div#content-type-A h3
			{
				font: bold 14px Helvetica, Arial, sans-serif;
				color: #181818;
				padding: 0 0 20px;
			}
			div#content-type-A p
			{
				font-size: 13px;
				color: #999999;
				padding: 0 0 20px;
			}

			div#content-type-A div#content-right
			{
				width: 580px;
				float: right;
				margin: 10px 10px 0 0;
			}
			div#content-type-A div#content-left
			{
				width: 390px;
				float: left;
				margin: 20px 0 0 10px;
			}
				div#content-type-A div#content-left div.side-box
				{
					margin: 40px 0 0;
				}
					div#content-type-A div#content-left div.side-box h4
					{
						font: bold 18px Helvetica, Arial, sans-serif;
						color: #343434;
						margin: 15px 0;
					}
					div#content-type-A div#content-left div.side-box p
					{
						font: bold 12px Helvetica, Arial, sans-serif;
						color: #343434;
					}





	div#content-type-B-wrapper,
	div#content-type-B-container
	{
		width: 100%;
		margin: 0 auto;
		background: #FFFFFF;
	}
		div#content-type-B-container { width: 950px; padding: 20px 0 40px 20px; }

		div#content-type-B-container h2
		{
			font: bold 27px Helvetica, Arial, sans-serif;
			color: #999999;
		}
		div#content-type-B-container h3
		{
			font: bold 14px Helvetica, Arial, sans-serif;
			color: #181818;
			margin: 20px 0 0;
		}
		div#content-type-B-container p
		{
			color: #999999;
			margin: 20px 0 0;
		}



	div#content-type-D
	{
	}

		div#content-type-D div.yellow { background: #fbd200; }
		div#content-type-D div.white { background: #ffffff; }

		div#content-type-D div.full-box,
		div#content-type-D div.full-box div.the-box
		{
			width: 100%;
			height: 260px;
			margin: 0 auto;
			padding: 20px 0;
		}
		div#content-type-D div.bSmaller { height: 210px; }
			div#content-type-D div.the-box div.left-side
			{
				width: 360px;
				height: 100%;
				float: left;
			}
			div#content-type-D div.the-box div.right-side
			{
				width: 630px;
				height: 100%;
				float: right;
			}

			div#content-type-D div.the-box h3
			{
				font: 22px Helvetica, Arial, sans-serif;
				color: #363636;
				display: block;
				margin: -25px 0 10px 0;
			}

			div#content-type-D div.the-box div.box
			{
				float: left;
				width: 260px;
				padding: 0 35px;
			}
			div#content-type-D div.the-box div.box h4
			{
				font: 22px Helvetica, Arial, sans-serif;
				color: #fbd200;
			}
			div#content-type-D div.the-box div.box p
			{
				font: bold 13px Helvetica, Arial, sans-serif;
				color: #363636;
				padding: 0;
				margin: 5px 0 10px 0;
			}





		div#content-type-D div.bottom { height: 210px; }
		div#content-type-D div.full-box div.the-box { width: 990px; }






		div#content-type-D p
		{
			color: #363636;
			margin: 10px 0;
		}
		div#content-type-D p a { color: #363636; }
		div#content-type-D span.title-a
		{
			font: 28px Helvetica, Arial, sans-serif;
			color: #fefefd;
			display: block;
			margin: -15px 0 0;
		}
		div#content-type-D div.white span.title-a { color: #fbd200; }
		div#content-type-D span.intro
		{
			font: bold 13px Helvetica, Arial, sans-serif;
		}

		



		div#content-type-D div.full-box-footera,
		div#content-type-D div.full-box-footerb
		{
			width: 100%;
			height: 24px;
			background: url("/web/20181005192332im_/http://www.mattersoncranes.com/assets/templates/matterson/images/graphics/grad-f.png") repeat-x;
		}
		div#content-type-D div.full-box-footerb
		{
			width: 990px;
			height: 24px;
		}











	div#footer-border-wrapper,
	div#footer-border
	{
		background: url("/web/20181005192332im_/http://www.mattersoncranes.com/assets/templates/matterson/images/graphics/grad-e.png") repeat;
		width: 100%;
		height: 9px;
	}
	div#footer-border
	{
		width: 990px;
	}



	div#footer-wrapper,
	div#footer-box
	{
		background: url("/web/20181005192332im_/http://www.mattersoncranes.com/assets/templates/matterson/images/graphics/grad-d.png") repeat;
		width: 100%;
		height: 180px;
		position: relative;
		margin: 0 auto;
	}
	div#footer-wrapper { width: 990px; }

		div#footer-content-wrapper
		{
			width: 990px;
			height: 140px;
			margin: 0 auto;
		}
			div#footer-content-wrapper p { margin-bottom: 10px; }
			div#footer-content-wrapper p,
			div#footer-content-wrapper p a,
			div#footer-content-wrapper ul li a
			{
				color: #fefefe;
			}
			div#footer-wrapper p.credits
			{
				color: #fefdfd;
				text-align: center;
			}
				div#footer-content-wrapper p span.big
				{
					font-weight: bold;
					color: #fbd200;
				}
				div#footer-content-wrapper p span.yinfo
				{
					display: inline-block;
					color: #fbd200;
					width: 75px;
				}
			div#footer-content-left
			{
				float: left;
				width: 220px;
				margin: 20px 0 0 30px;
			}
			div#footer-content-middle
			{
				float: left;
				width: 360px;
				margin: 45px 0 0;
			}
			div#footer-content-right
			{
				float: left;
				width: 380px;
				margin: 45px 0 0;
			}
				div#footer-content-right ul
				{
				}
				div#footer-content-right ul li
				{
					border-right: 1px solid #fefefe;
					float: left;
					line-height: 10px;
					list-style: none;
					padding: 0 5px;
				}
				div#footer-content-right ul li.last { border: none; }
				div#footer-content-right ul li a
				{
					
				}


	div#infopop
	{
		height: 200px;
		width: 250px;
		overflow: hidden;
    }
	div#infopop p span.cdetail
	{
		font-weight: bold;
		display: inline-block;
		width: 75px;
	}
	div#infopop p
	{
		padding: 0;
		margin: 0;
	}
	div#infopop p#addra
	{
		padding: 10px 0;
	}

/*
     FILE ARCHIVED ON 19:23:32 Oct 05, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:29:02 Aug 17, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.595
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.008
  esindex: 0.011
  cdx.remote: 20.409
  LoadShardBlock: 382.082 (3)
  PetaboxLoader3.datanode: 184.525 (4)
  PetaboxLoader3.resolve: 382.727 (3)
  load_resource: 217.566
*/