﻿/*

	HOMEPAGE CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@ddii.com
	12/20/2007

*/

.HomeBody
{
	background-image: url(/images/home/background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	min-height: 495px;
	height: 495px;
	overflow: visible;
	min-width: 892px;
	padding-top: 15px;
}





/*
	TOP NAVIGATION BUTTONS
	-------------------------------------------------------------------------
*/

	.TopNav
	{
		position: absolute;
		left: 272px;
		top: 81px;
		width: 330px;
		height: 31px;
		overflow: visible;
		white-space: nowrap;
	}

		.TopNav a
		{
			display: block;
			float: left;
			text-decoration: none;
		}

			.TopNav a.About
			{
				width: 110px;
				height: 31px;
				background-image: url('/images/home/top-btn-about.jpg');
			}

			.TopNav a.About:hover
			{
				background-image: url('/images/home/top-btn-about-over.jpg');
			}

			.TopNav a.News
			{
				width: 110px;
				height: 31px;
				background-image: url('/images/home/top-btn-news.jpg');
			}

			.TopNav a.News:hover
			{
				background-image: url('/images/home/top-btn-news-over.jpg');
			}

			.TopNav a.Contact
			{
				width: 110px;
				height: 31px;
				background-image: url('/images/home/top-btn-contact.jpg');
			}

			.TopNav a.Contact:hover
			{
				background-image: url('/images/home/top-btn-contact-over.jpg');
			}




/*
	BOTTOM NAVIGATION BUTTONS
	-------------------------------------------------------------------------
*/

	.BottomNav
	{
		position: absolute;
		left: 0px;
		top: 412px;
		height: 95px;
		width: 892px;
		overflow: visible;
		white-space: nowrap;
	}

		.BottomNav a
		{
			display: block;
			float: left;
			text-decoration: none;
		}

			.BottomNav a.b01
			{
				width: 181px;
				height: 95px;
				background-image: url('/images/home/area-btn-01.jpg');
			}

			.BottomNav a.b01:hover
			{
				background-image: url('/images/home/area-btn-01-over.jpg');
			}

			.BottomNav a.b02
			{
				width: 178px;
				height: 95px;
				background-image: url('/images/home/area-btn-02.jpg');
			}

			.BottomNav a.b02:hover
			{
				background-image: url('/images/home/area-btn-02-over.jpg');
			}

			.BottomNav a.b03
			{
				width: 178px;
				height: 95px;
				background-image: url('/images/home/area-btn-03.jpg');
			}

			.BottomNav a.b03:hover
			{
				background-image: url('/images/home/area-btn-03-over.jpg');
			}

			.BottomNav a.b04
			{
				width: 177px;
				height: 95px;
				background-image: url('/images/home/area-btn-04.jpg');
			}

			.BottomNav a.b04:hover
			{
				background-image: url('/images/home/area-btn-04-over.jpg');
			}

			.BottomNav a.b05
			{
				width: 175px;
				height: 95px;
				background-image: url('/images/home/area-btn-05.jpg');
			}

			.BottomNav a.b05:hover
			{
				background-image: url('/images/home/area-btn-05-over.jpg');
			}




/*
	TOP TEXT LINKS; SEND TO A FRIEND, E-MAIL SIGN-UP
	-------------------------------------------------------------------------
*/

	.TopLinks
	{
		position: absolute;
		left: 646px;
		top: 24px;
		height: 20px;
		width: 233px;
		overflow: visible;
		white-space: nowrap;
		font-size: 10px;
		color: #a5a7a8;
		text-align: center;
	}

		.TopLinks a
		{
			text-decoration: none;
			text-transform: uppercase;
			color: #a5a7a8;
		}

			.TopLinks a:hover
			{
				text-decoration: underline;
				color: #a5a7a8;
			}

		.TopLinks span
		{
			padding: 0px 10px 0px 10px;
		}




/*
	TOP SEARCH BOX
	-------------------------------------------------------------------------
*/
		
	.Search
	{
		position: absolute;
		left: 660px;
		top: 85px;
		height: 20px;
		width: 233px;
		overflow: visible;
		white-space: nowrap;
	}

		.Search input.SearchInput
		{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 16px;
			width: 150px;
			border: solid 1px #737373;
			padding: 2px;
			color: #505152;
			font-size: 13px;
			line-height: 15px;
		}
	
		.Search input.SearchButton
		{
			display: block;
			position: absolute;
			top: 0px;
			left: 151px;
			height: 22px;
			width: 65px;
			border: solid 1px #737373;
			background-color: #505152;
			color: #FFFFFF;
			font-size: 10px;
			font-weight: bold;
			line-height: 10px;
			text-transform: uppercase;			
		}




/*
	MISSION STATEMENT BOX
	-------------------------------------------------------------------------
*/

	.Statement
	{
		position: absolute;
		top: 163px;
		left: 35px;
		width: 336px;
		height: 204px;
		color: #FFFFFF;
		line-height: 30px;
	}
	
		.Statement strong, .Statement b
		{
			color: #e81a1d;
			font-size: 115%;
		}
	
	.homePopup
	{
		display:none;
		position: absolute;
		top: 125px;
		left: 403px;
		width: 485px;
		height: 218px;
		background-color:#CCCCCC;
		line-height: 17px;
		font-size:12px !important;
		color:#666666;
		background-image:url(../images/home/home-flip-background.gif);
		overflow:hidden;
	}
		.homePopup img
		{
			margin-bottom:15px;	
		}
		
		.homePopup p
		{
			padding:28px 28px 28px 28px;
		}
	
	.Shadow
	{
		color: #252525 !important;
		position: absolute;
		top: 164px;
		left: 36px;
		width: 336px;
		height: 204px;
		line-height: 30px;
	}
	
		.Shadow strong, .Shadow b
		{
			color: #252525 !important;
		}




/*
	NEWS ITEM BOX
	-------------------------------------------------------------------------
*/

	.NewsBox
	{
		position: absolute;
		top: 352px;
		left: 641px;
		width: 245px;
		height: 20px;
		color: #252525;
		font-size: 12px;
		line-height: 15px;
	}
	
		.NewsBox a
		{
			text-decoration: none;
			color: #e81a1d;
			/* font-weight: bold; */
		}

		.NewsBox a:hover
		{
			text-decoration: underline;
			color: #e81a1d;
		}




/*
	FOOTER CONTAINER BOX
	-------------------------------------------------------------------------
*/

	.FooterBox
	{
		position: absolute;
		top: 528px;
		left: 12px;
		width: 869px;
		overflow: visible;
	}
