/******************************************************************************
* Global page classes
******************************************************************************/

 html, body {
	margin: 0;
	padding: 0;
	border: none;
}

	body {
		background: #ffffff;
		margin: 0;
		padding: 0;
		font: normal 11px/1.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #494c51;
		text-align: center;
	}



#clear {clear: both;}
.notify {color: #cf5f00;}




/******************************************************************************
* Global hierarchy
******************************************************************************/

#pageHolder {
	margin: 0 auto;
	width: 580px;
	padding: 250px 40px 0px 340px;
	text-align: left;
}

/*** The following sets the background images for section variables placed on front ***/
	#pageHolder.home {background: url(/images/global/bg-img_home.jpg) no-repeat top left;}
		#pageHolder.overview {background: url(/images/global/bg-img_overview.jpg) no-repeat top left;}
			#pageHolder.services {background: url(/images/global/bg-img_services.jpg) no-repeat top left;}
				#pageHolder.products {background: url(/images/global/bg-img_products.jpg) no-repeat top left;}
					#pageHolder.brands {background: url(/images/global/bg-img_brands.jpg) no-repeat top left;}
						#pageHolder.experience {background: url(/images/global/bg-img_experience.jpg) no-repeat top left;}
					/*** The "general" variable should be used for non specific pages ***/
							#pageHolder.contact, #pageHolder.general {background: url(/images/global/bg-img_contact.jpg) no-repeat top left;}



	#headBg, #headHolder {
		position: absolute;
		margin: 0 auto;
		top: 0;
		left: 50%;
		margin-left: -480px;
		width: 960px;
		height: 180px;
	}
	
		#headBg {
			/*** See below for color options ***/
			_background: #0051ae; /*** This class works to fix IE 6 only ***/
		/*** Sets transparency level to reveal image ***/
			filter: alpha(opacity=30);
			-moz-opacity: .30;
			opacity: .30;
		}


	#headInfo {
		position: absolute;
		top: 20px;
		left: 50%;
		margin-left: -460px;
		width: 920px;
		height: 80px;
		text-align: right;
		font: normal 10px/10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #778696;
		text-decoration: none;
	}

		#headInfo a:link, #headInfo a:visited {
			font: normal 10px/10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #5c6d81;
			text-decoration: none;
		}
		
			#headInfo a:hover {
				color: #092341;
				text-decoration: underline;
			}

			.tagLine {
				display: block;
				margin-top: 30px;
				font: italic 18px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
				color: #092341;
			} 


/*** Nav Classes *************************************************************/

#navHolder {
	position: relative;
	top: 150px;
	right: 10px;
	float: right;
}



/******************************************************************************
* Start Menu Additions
******************************************************************************/

#globalNav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	border-right: none;
	
}


/*** START top tab properties ***/
	#globalNav ul {
		display: inline;
		_width: 1em; /*** IE6 Hack ***/
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		
	}

		#globalNav ul li {
			position: relative;
			display: block;
		}
		
			#globalNav ul li a:link, #globalNav ul li a:visited {
				display: block;
				background: #6b9ad0;
				border-right: 1px solid #fff;
				width: 103px;
				height: 33px;
				padding-top: 6px;
				font: normal 14px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
				color: #fff;
				text-align: center;
				text-decoration: none;
				white-space: nowrap;
			}
	
				#globalNav ul li a:hover, #globalNav ul li:hover a.menuTab  {
					background: #092341;
					z-index: 500;
				}/*** END top tab properties ***/



/*** START first level menu properties ***/
#globalNav ul li ul {
	display: none;
	position: absolute;
	float: left;
	z-index: 500;
	top: 38px;
	border: 1px solid #fff;
	border-top: none;
}



	#globalNav ul li ul li {
		display:block;
		position: relative;
		clear: both;
	}

		#globalNav ul li ul li a:link, #globalNav ul li ul li a:visited {
			diaply: block;
			width: 180px;
			height: auto;
			background: #092341;
			filter: alpha(opacity=90);
			-moz-opacity: .90;
			opacity: .90;
			border-top: none;
			border-bottom: 1px solid #3a4f67;
			font: normal 11px/11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #fff;
			margin: 0px;
			padding: 6px 10px;
			text-align: left;
			line-height:12px;
		}

			#globalNav ul li ul li a:hover {
				background: #6b9ad0;
				color: #fff;
			}/*** END first level menu properties ***/
			

	.rightAligned {
		margin-left: -180px;
	}



/*** START second level menu properties ***/
		#globalNav ul li ul li ul {
			top: 0;
			left: 100%;
		}/*** END second level menu properties ***/



/*** START hover properties ***/
div#globalNav li:hover {
	cursor: pointer;
	z-index: 100;
}

div#globalNav li:hover ul ul,
div#globalNav li li:hover ul ul,
div#globalNav li li li:hover ul ul,
div#globalNav li li li li:hover ul ul {
	display:none;
}

div#globalNav li:hover ul,
div#globalNav li li:hover ul,
div#globalNav li li li:hover ul,
div#globalNav li li li li:hover ul {
	display: block;
}/*** END hover properties ***/



/******************************************************************************
* End Menu Additions
******************************************************************************/





/*** START REMOVE CODE -This can be removed once the front-end is updated ***/

		#subNavHolder {
			position: absolute;
			top: 210px;
			left: 50%;
			margin-left: -385px;
			width: 210px;
			text-align: right;
		}

			#subNavHolder a:link, #subNavHolder a:visited {
				display: block;
				margin-bottom: 1px;
				padding-right: 20px;
				font: normal 11px/21px Tahoma, Verdana, Arial, Helvetica, sans-serif;
				color: #fff;
				background: #6b9ad0;
			/*** Sets transparency level to reveal image ***/
				filter: alpha(opacity=80);
				-moz-opacity: .80;
				opacity: .80;
			}
			
				#subNavHolder a:hover {
					background: #092341 url(/images/global/bg_sub-nav.gif) no-repeat center right;
				}/*** END REMOVE CODE ***/



/*** Foot Classes ************************************************************/

#footBg, #footColor {
	position: relative;
	width: 960px;
	height: 50px;
	margin-top: 60px;
	margin-left: -340px;
}

#pageHolder.home #footBg {margin-top: 0px !important;}


	#footColor {
		margin-top: -50px;
		font: normal 11px/11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #778696;
		text-align: center;
	}


	#footColor hr {
		height: 0px;
		margin: 0;
		padding: 0;
		border: 0;
		border-top: 1px dotted #fff;
		margin-top: 9px;
		margin-bottom: 10px;
	}
	
		#footColor a:link, #footColor a:visited {
			font: normal 11px/11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #5c6d81;
			text-decoration: none;
		}
		
			#footColor a:hover {
				color: #092341;
				text-decoration: underline;
			}


	#footBg {
	/*** Sets transparency level to reveal image ***/
		background: #092341;
		filter: alpha(opacity=30);
		-moz-opacity: .30;
		opacity: .30;
	}

		#pageHolder.home #footBg.extension {
			margin-top: 60px !important;
			height: 150px !important;
		}


	#footNormal p {
		margin-left: -340px;
		margin-top: 0px;
		padding-top: 0px;
		font: normal 10px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #8e959e;
		text-align: center;
	}

		#footNormal p a:link, #footNormal p a:visited {
			font: normal 10px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #8e959e;
			text-decoration: none;
		}
		
			#footNormal p a:hover {
				text-decoration: underline;
			}


/*** Foot Box Classes *********************************************************/

#footBoxHolder {
	border-top: 1px dotted #b5bdc6;
	width: 960px;
	margin: 0px 0px 60px -340px;
	text-align: center;
}


#footBoxHolder #box1, #footBoxHolder #box2, #footBoxHolder #box3, #footBoxHolder #box4, #footBoxHolder #box5 {
		margin: 20px 0px 0px 0px;
		height: 44px;
		padding: 10px;
	}
	
		#footBoxHolder #box1 {
			/*border-right: 1px dotted #b5bdc6;*/
			float: left;
			width: 230px;
		}
		
		#footBoxHolder #box2 {
			float: left;
			width: 129px;
		}
		
		#footBoxHolder #box3 {
			border-right: 1px dotted #b5bdc6;
			border-left: 1px dotted #b5bdc6;
			float: left;
			width: 178px;
		}
		
		#footBoxHolder #box4 {
			float: left;
			width: 89px;
		}
		
		#footBoxHolder #box5 {
			/*border-left: 1px dotted #b5bdc6;*/
			float: right;
			width: 228px;
		}
	
	#footBoxHolder p {
		clear: both;
		font: 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #8e959e;
	}

		#footBoxHolder p em {
			font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
			color: #6b7b8d;
		}



/******************************************************************************
* Color Options
******************************************************************************/

	.clr1, .clr2, .clr3, .clr4, .clr5, .clr6 {
			height: 6px;
			margin: 12px 1px 0px 1px;
		} 

			.clr1 {background: #ebd2f4;}
				.clr2 {background: #d0edf6;}
					.clr3 {background: #ddf5c1;}
						.clr4 {background: #ffffc6;}
							.clr5 {background: #fce1cb;}
								.clr6 {background: #fdc4c4;}


#headBg.home, #headBg.general {background: #0051ae;}
	#headBg.overview {background: #be6bdc;}
		#headBg.services {background: #65c4e1;}
			#headBg.products {background: #8edd31;}
				#headBg.brands {background: #ebeb35;}
					#headBg.experience {background: #f69c54;}
						#headBg.contact {background: #f83b3b;}