/* CSS Document */

/* ----------------------------------------------------------------------
 * CENTER THE PAGE:
 * ---------------------------------------------------------------------- */
body {
	text-align: center;
	}
#Container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}


/* ----------------------------------------------------------------------
 * OVERALL STYLES:
 * ---------------------------------------------------------------------- */
body {
	background: #000;
	}
#Container {
	position: relative;
	width: 1000px;
	height: 620px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	}


/* HEADER */
/* ---------------------------------------------------------------------- */
#Header {
	position: relative;
	height: 173px;
	background: url('../images/header-bg.jpg') left top no-repeat;
	}
	#Header h1 {
		position: absolute;
		top: 39px;
		left: 47px;
		}
	#Tagline {
		position: absolute;
		top: 109px;
		left: 54px;
		color: #FFF;
		font-size: 1.2em;
		font-family: Arial, Helvetica, sans-serif;
		font-style: italic;
		font-weight: bold;
		}
#HeaderAnimation {
	/*background-color: #F00;*/
	position: absolute;
	right: 0px;
	top: 0px;
	width: 360px;
	height: 137px;
	}


/* MAINMENU */
/* ---------------------------------------------------------------------- */
#MainMenu {
	position: absolute;
	left: 51px;
	top: 137px;
	width: 898px;
	height: 31px;
	padding: 0;
	background: url('../images/mainmenu-bg.gif') left top no-repeat;
	list-style-type: none;
	overflow: hidden;
	}
	#MainMenu li {
		display: inline;
		float: left;
		position: relative;
		left: 11px;
		}
	#MainMenu li a {
		display: block;
		height: 31px;
		text-indent: -3000px;
		}
	#MainMenu li a:hover { background: none; }
	#MM_Home a {
		width: 59px;
		background: url('../images/mm_home.gif') left top no-repeat;
		}
	#MM_History a {
		width: 79px;
		background: url('../images/mm_history.gif') left top no-repeat;
		}
	#MM_People a {
		width: 69px;
		background: url('../images/mm_people.gif') left top no-repeat;
		}
	#MM_Products a {
		width: 95px;
		background: url('../images/mm_products.gif') left top no-repeat;
		}
	#MM_Services a {
		width: 81px;
		background: url('../images/mm_services.gif') left top no-repeat;
		}
	#MM_News a {
		width: 58px;
		background: url('../images/mm_news.gif') left top no-repeat;
		}
	#MM_SuccessStories a {
		width: 142px;
		background: url('../images/mm_successstories.gif') left top no-repeat;
		}
	#MM_AdArchive a {
		width: 105px;
		background: url('../images/mm_adarchive.gif') left top no-repeat;
		}
	#MM_VisitingUs a {
		width: 101px;
		background: url('../images/mm_visitingus.gif') left top no-repeat;
		}
	#MM_Contact a {
		width: 88px;
		background: url('../images/mm_contact.gif') left top no-repeat;
		}
	
	/* Variations for the active menu item */
	#MM_Home.active a { background: url('../images/mm_home-active.gif') left top no-repeat; }
	#MM_History.active a { background: url('../images/mm_history-active.gif') left top no-repeat; }
	#MM_People.active a { background: url('../images/mm_people-active.gif') left top no-repeat; }
	#MM_Products.active a { background: url('../images/mm_products-active.gif') left top no-repeat; }
	#MM_Services.active a { background: url('../images/mm_services-active.gif') left top no-repeat; }
	#MM_News.active a { background: url('../images/mm_news-active.gif') left top no-repeat; }
	#MM_SuccessStories.active a { background: url('../images/mm_successstories-active.gif') left top no-repeat; }
	#MM_AdArchive.active a { background: url('../images/mm_adarchive-active.gif') left top no-repeat; }
	#MM_VisitingUs.active a { background: url('../images/mm_visitingus-active.gif') left top no-repeat; }
	#MM_Contact.active a { background: url('../images/mm_contact-active.gif') left top no-repeat; }
	
	/* Hover images go in the background */
	#MM_Home { background: url('../images/mm_home-over.gif') left top no-repeat; }
	#MM_History { background: url('../images/mm_history-over.gif') left top no-repeat; }
	#MM_People { background: url('../images/mm_people-over.gif') left top no-repeat; }
	#MM_Products { background: url('../images/mm_products-over.gif') left top no-repeat; }
	#MM_Services { background: url('../images/mm_services-over.gif') left top no-repeat; }
	#MM_News { background: url('../images/mm_news-over.gif') left top no-repeat; }
	#MM_SuccessStories { background: url('../images/mm_successstories-over.gif') left top no-repeat; }
	#MM_AdArchive { background: url('../images/mm_adarchive-over.gif') left top no-repeat; }
	#MM_VisitingUs { background: url('../images/mm_visitingus-over.gif') left top no-repeat; }
	#MM_Contact { background: url('../images/mm_contact-over.gif') left top no-repeat; }


/* COLUMNS */
/* ---------------------------------------------------------------------- */
#ColWrapper {
	position: relative;
	height: 362px;
	background: url('../images/colwrapper-bg.jpg') left top no-repeat #FFF;
	}
#Illustration {
	position: absolute;
	z-index: 1;
	}
#Content {
	position: absolute;
	left: 250px;
	top: 25px;
	z-index: 2;
	width: 500px;
	height: 325px;
	}
#Content .backlink {
		float: right;
		display: block;
		color: #999;
		font-size: 2em;
		line-height: 1em;
		font-weight: bold;
		text-decoration: none;
		}
	#Content .backlink:hover {
		color: #EB2B33;
		}
	#Content h2 {
		float: left;
		position: relative;
		color: #EB2B33;
		font-size: 2em;
		line-height: 1em;
		margin-bottom: .5em;
		}
	#ScrollArea {
		clear: both;
		height: 282px;
		overflow: auto;
		width: 480px;
		padding-right: 20px;
		display: block;
		scrollbar-face-color: #FFF; /* Red; */
		scrollbar-base-color: #FFF; /* White; */
		scrollbar-arrow-color: #666; /* Black; */
		scrollbar-track-color: #EEE; /* Green; */
		scrollbar-shadow-color: #FFF; /* Blue; */
		scrollbar-highlight-color: #FFF; /* Purple; */
		scrollbar-3dlight-color: #CCC; /* Orange; */
		scrollbar-darkshadow-Color: #AAA; /* Yellow; */
		}
	* html {
		width: 500px;
		}
	#Content p, #Content ol, #Content ul, #Content dl {
		margin-bottom: 1em;
		font-size: 1.2em;
		line-height: 1.2em;
		}
	#Content dt {
		margin-bottom: .75em;
		font-weight: bold;
		}
	#Content dd {
		margin-bottom: 2em;
		}
	#Content .SectionMenu a, #Content .SectionMenu strong {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.5em;
		text-decoration: none;
		white-space: nowrap;
		}
	#Content a {
		color: #339;
		}
	#Content .SectionMenu a {
		color: #ED2A32;
		}
	#Content .SectionMenu strong {
		color: #991217;
		}
	#Content h3 {
		margin-bottom: 1em;
		font-size: 1.5em;
		}
	#Content .Ads td {
		padding: 10px 10px 0 0;
		}
	#Content .Ads img {
		/*border: 1px solid #999;*/
		}


/* DECORATIONS */
.SectionIcon {
/*
	position: absolute;
	z-index: 1;
	right: 31px;
	bottom: 30px;
	width: 219px;
	height: 420px;
*/
	}


/* FOOTER */
#Footer {
	height: 85px;
	clear: both;
	background: url('../images/footer-bg.jpg') top left no-repeat;
	}
	#Copyright {
		display: none;
		}