/*

	FRAMEWORK CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	Apr-28-2009

*/

body
{
	background-color: Black;
	color: White;
	font-family: Calibri, "Arial Narrow", "Helvetica Narrow", "DejaVu Sans Condensed", "Helvetica Neue", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	.OuterContainer
	{
		position: relative;
		display: block;
		background-image: url(/images/page-tile.gif);
		background-repeat: repeat-y;
		width: 981px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 1px 0px 1px;
	}

		.InnerContainer
		{
			position: relative;
			width: 979px;
		}

			.InnerContainer a
			{
				color: #3535CD;
			}

			.InnerContainer .PageHead
			{
				position: relative;
				background-image: url('/images/head-logo.jpg');
				background-repeat: no-repeat;
				min-height: 180px;
				color: Black;
			}

				.InnerContainer .PageHead h1
				{
					display: inline-block !important;
					font-size: 10px !important;
					line-height: 11px !important;
					padding: 7px 0px 0px 10px !important;
					margin: 0px 0px 0px 0px !important;
				}

				.InnerContainer .PageHead ul
				{
					display: block;
					width: 130px;
					padding-top: 18px;
				}
			
					.InnerContainer .PageHead ul li
					{
						display: block;
						line-height: 14px;
						margin-bottom: 6px;
						font-weight: bold;
						background-image: url("/images/top-nav-bullets.png");
						background-repeat: no-repeat;
						background-position: left 2px;
						padding: 0px 0px 5px 12px;
						list-style-type: none;
						font-size: 14px;
					}
				
						.InnerContainer .PageHead ul li a
						{
							color: #ababab;
							text-decoration: none;
						}

							.InnerContainer .PageHead ul li a:hover
							{
								text-decoration: underline;
							}

						.InnerContainer .PageHead ul li a.Current, .InnerContainer .PageHead ul li a.Current:hover
						{
							color: White;
							text-decoration: none;
						}

					.InnerContainer .PageHead ul li.Current
					{
						background-image: url("/images/top-nav-bullets-white.png");
					}

		.InnerContainer .PageHead a.HomeLink
		{
			position: absolute;
			width: 420px;
			height: 105px;
			top: 34px;
			left: 15px;
			text-decoration: none;
		}




/*

	FOOTER CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-03-2009

*/

			.InnerContainer .Footer
			{
				clear: both;
				position: relative;
				background-image: url('/images/footer-bg.jpg');
				background-repeat: no-repeat;
				min-height: 304px;
				padding: 30px 0px 0px 22px;
				text-shadow: #202020 2px 2px 3px;
			}

				.InnerContainer .Footer .Links
				{
					display: block;
					position: relative;
					width: 178px;
					font-size: 14px;
					line-height: 16px;
					padding: 0px 15px 0px 0px;
				}

				.InnerContainer .Footer .Wider
				{
					width: 250px;
				}

					.InnerContainer .Footer .FBLink, .InnerContainer .Footer .TWLink
					{
						padding-right: 20px;
						background-repeat: no-repeat;
						background-position: right center;
						top: -2px;
					}

					.InnerContainer .Footer .FBLink
					{
						background-image: url("/images/facebook_16x16.png");
					}

					.InnerContainer .Footer .TWLink
					{
						background-image: url("/images/twitter_16x16.png");
					}

					.InnerContainer .Footer .Links h4
					{
						color: White;
						font-size: 16px;
						line-height: 16px;
						font-weight: bold;
						text-transform: uppercase;
						padding: 0px 0px 10px 26px;
						margin: 0px 0px 0px 0px;
					}

					.InnerContainer .Footer ul
					{
						display: block;
						padding: 5px 0px 0px 5px;
						margin: 0px;
					}
					
						.InnerContainer .Footer ul li
						{
							display: block;
							line-height: 14px;
							margin-bottom: 10px;
							background-image: url("/images/top-nav-bullets.png");
							background-repeat: no-repeat;
							background-position: left 1px;
							padding: 0px 0px 5px 12px;
							list-style-type: none;
							font-size: 14px;

						}
						
							.InnerContainer .Footer ul li a
							{
								color: #dbdbdb;
								text-decoration: none;
							}

								.InnerContainer .Footer ul li a:hover
								{
									color: White;
									text-decoration: underline;
								}

					.InnerContainer .Footer .Address
					{
						display: block;
						position: relative;
						width: 200px;
						text-align: center;
						padding: 110px 3px 0px 0px;
						text-shadow: #202020 2px 2px 3px;
						color: #dbdbdb;
					}

						.InnerContainer .Footer .Address a
						{
							text-decoration: none;
							color: #ffe44c;
							font-weight: bold;
						}

						.InnerContainer .Footer .Address a:hover
						{
							text-decoration: underline;
						}

					.InnerContainer .Footer .Copyright
					{
						position: absolute;
						display: block;
						top: 283px;
						left: 25px;
						width: 700px;
						color: #dbdbdb;
						text-shadow: none;
					}

						.Copyright a
						{
							text-decoration: none;
							color: Black !important;
							font-weight: bold;
						}

							.Copyright a:hover
							{
								color: #454545 !important;
							}


	.FooterCap
	{
		position: relative;
		display: block;
		width: 981px;
		margin-left: auto;
		margin-right: auto;
		line-height: 20px;
	}




/*

	COMMON CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-09-2009

*/

	.InnerContainer .ContactButton
	{
		padding: 25px 0px 0px 0px;
	}

		.InnerContainer .ContactButton a
		{
			display: block;
			width: 240px;
			height: 75px;
			background-image: url('/images/home/contact-button.png');
			background-repeat: no-repeat;
		}

			.InnerContainer .ContactButton a:hover
			{
				background-image: url('/images/home/contact-button-over.png');
			}

	.InnerContainer .ContactButton2
	{
		padding: 0px 20px 0px 0px;
	}

		.InnerContainer .ContactButton2 a
		{
			display: block;
			width: 240px;
			height: 75px;
			background-image: url('/images/home/contact-button.png');
			background-repeat: no-repeat;
		}

			.InnerContainer .ContactButton2 a:hover
			{
				background-image: url('/images/home/contact-button-over.png');
			}

	.PadRight25
	{
		padding-right: 25px;
	}

	img.InlineIcon
	{
		float: left;
		margin: 3px 10px 5px 0px;
	}







/*

	CSS FONT FACES FOR INTERNET EXPLORER
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	Apr-29-2009

*/

	@font-face {
		font-family: Calibri;
		font-style:  normal;
		font-weight: normal;
		src: url(http://www.mezzocode.com/fonts/CALIBRI3.eot);
	}

	@font-face {
		font-family: Calibri;
		font-style:  normal;
		font-weight: bold;
		src: url(http://www.mezzocode.com/fonts/CALIBRI2.eot);
	}

	@font-face {
		font-family: Calibri;
		font-style:  italic;
		font-weight: normal;
		src: url(http://www.mezzocode.com/fonts/CALIBRI1.eot);
	}

	@font-face {
		font-family: Calibri;
		font-style:  italic;
		font-weight: bold;
		src: url(http://www.mezzocode.com/fonts/CALIBRI0.eot);
	}





/*

	CSS FONT FACES FOR FIREFOX AND SAFARI
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	Apr-29-2009

*/

	@font-face {
		font-family: "Calibri";
		src: url(http://www.mezzocode.com/fonts/calibri.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		font-weight: bold;
		src: url(http://www.mezzocode.com/fonts/calibrib.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		font-weight: bold;
		font-style: italic;
		src: url(http://www.mezzocode.com/fonts/calibriz.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		font-style: italic;
		src: url(http://www.mezzocode.com/fonts/calibrii.ttf) format("truetype");
	}


@media print
{
	.InnerContainer .PageHead h1
	{
		display: none !important;
	}
}