/*

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

*/

/*

	MAIN CONTENT WITH SAMPLE
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-03-2009

*/

	.InnerContainer .Callout1
	{
		position: relative;
		background-image: url('/images/home/top-bg.jpg');
		background-repeat: no-repeat;
		min-height: 380px;
		padding: 19px 20px 19px 24px;
		color: #dbdbdb;
	}

		.InnerContainer .Callout1 a, .InnerContainer .Callout2 a
		{
			text-decoration: none;
			color: #ffe44c;
			font-weight: bold;
		}

			.InnerContainer .Callout1 a:hover, .InnerContainer .Callout2 a:hover
			{
				text-decoration: underline;
			}

		.InnerContainer .Callout1 h1
		{
			width: 450px;
			font-size: 31px;
			line-height: 36px;
			color: White;
			padding: 0px 0px 7px 0px;
			text-shadow: #202020 2px 2px 4px;
			font-weight: lighter;
		}

		.InnerContainer .Callout1 h2
		{
			width: 450px;
			font-size: 20px;
			line-height: 34px;
			text-shadow: #202020 2px 2px 4px;
			font-weight: lighter;
		}

			.InnerContainer .Callout1 h2 strong
			{
				color: White;
				font-weight: bold;
			}

			.InnerContainer .Callout1 h2 a
			{
				color: #ffe44c;
				padding: 0px 0px 0px 0px;
			}

				.InnerContainer .Callout1 h2 a:hover
				{
					text-decoration: underline;
				}

		.InnerContainer .Callout1 .Sample
		{
			width: 458px;
			padding: 0px 0px 0px 0px;
			font-size: 0px;
			line-height: 0px;
		}
		
			.InnerContainer .Callout1 .Sample span
			{
				padding: 2px 8px 0px 8px;
				font-size: 14px;
				line-height: 17px;
			}





/*

	SECONDARY CONTENT WITH INFO, NEWS & TECH TIP
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-03-2009

*/

	.InnerContainer .Callout2
	{
		position: relative;
		background-image: url('/images/home/middle-bg.jpg');
		background-repeat: no-repeat;
		min-height: 308px;
		color: #dbdbdb;
		text-shadow: #202020 2px 2px 3px;
	}

		.InnerContainer .Callout2 .Info1
		{
			position: relative;
			width: 425px;
			padding: 19px 31px 7px 24px;
			font-size: 15px;
			line-height: 23px;
		}

			.InnerContainer .Callout2 .Info1 h3
			{
				font-size: 18px;
				text-transform: uppercase;
				font-weight: bold;
				padding: 0px 0px 2px 0px;
				margin: 0px;
				color: White;
			}

			.InnerContainer .Callout2 .Info1 p
			{
				padding: 0px 0px 20px 0px;
				margin: 0px;
			}

			.InnerContainer .Callout2 .Info1 strong
			{
				color: White;
			}

			.InnerContainer .Callout2 .Info1 a
			{
				white-space: nowrap;
			}

		.InnerContainer .Callout2 .Info2
		{
			position: relative;
			width: 204px;
			padding: 18px 14px 19px 24px;
			font-size: 15px;
			line-height: 20px;
		}

			.InnerContainer .Callout2 .Info2 h3
			{
				font-size: 18px;
				text-transform: uppercase;
				font-weight: bold;
				padding: 0px 0px 7px 32px;
				margin: 0px;
				color: White;
			}

			.InnerContainer .Callout2 .Info2 p
			{
				padding: 0px 0px 10px 0px;
				margin: 0px;
			}

			.InnerContainer .Callout2 .Info2 strong
			{
				color: White;
			}

			.InnerContainer .Callout2 .Info2 span
			{
				display: block;
				border-top: solid 1px #505050;
				padding: 5px 0px 0px 0px;
				margin: 7px 0px 0px 0px;
			}

				.InnerContainer .Callout2 .Info2 span a
				{
					color: #ffb11a;
				}