/* ----------------------------- Page Setup Start ----------------------------- */

* { margin: 0; padding: 0; } /* Resets all Margins and Paddings to 0.  Puts all browsers on the same playing field. */

body {
	position: relative; /* Makes sure everything within the body tags are placed relative to the body. */
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	font-size: .625em; /* Matches 10px; */
	text-align: center; /* For Centered Layouts in IE 5.5 */
	background-color: #f9fcf1;
	padding-left: 40px;
	}

fieldset, img { border: 0; }

p, td { font-size: 1.1em; line-height: 1.5em; color: #222222; }
li {  }
h1 { font-size: 1.8em; }  /* Default Size for h1 is 18px - based on an 10px height */
h2 { font-size: 1.5em; } /* Default Size for h2 is 15px - based on an 10px height */
h3 { font-size: 1.2em; } /* Default Size for h3 is 12px - based on an 10px height */
h4 { font-size: 1.1em; } /* Default Size for h4 is 11px - based on an 10px height */
h5 { font-size: 1em; } /* Default Size for h5 is 10px - based on an 10px height */
h6 { font-size: .9em; } /* Default Size for h6 is 9px - based on an 10px height */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { padding: .7em 0 .5em 0; }
ul { margin: .5em 0; }
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }

a:link { text-decoration: underline; -moz-outline: none; color: #222222; }	/* unvisited link */
a:visited { color: #222222; }											/* visited link */
a:hover { text-decoration: underline; color: #222222;}					/* mouse over link */
a:active { outline: none; color: #222222;}								/* selected link */

ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	ul.vertical li {
		margin: 0;
		padding: 0;
	}
	
	ul.horizontal li {
		margin: 0;
		padding: 0;
		float: left;
	}
		
		.image_text {
			margin: 0;
			padding: 0;
		}
		
		ul.graphic li a,
		.image_text {
			display: block;
			overflow: hidden;
			border: 0;
			text-indent: -2000em;
		}

.clear {
	clear: both;
}
/* ----------------------------- Page Setup End ------------------------------- */

/* ----------------------------- Header Start ----------------------------- */

#header_container,
#main_container,
#footer_container {
	position: relative;
	width: 100%;
	text-align: left;
}

#header {
	position: relative;
	text-align: left; /* Resets IE 5.5 Fix */
	height: 124px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
	#header .col1 { width: 238px; position:absolute; left: 0}
	#header .col2 { width: 600px; position:absolute;  left: 352px; top: 46px; }
		#header .col2 p { text-align:left;  font-size: 11pt; color: #1f79a5; margin:0; font-style:italic;}
		#header h1 {
			margin: 0;
			padding: 0;
		}

	#logo {
		position: absolute;
		top: 24px;
		left: 24px;
		width: 186px;
		height: 62px;
		background: url(../images/logos/highlandworldwide.gif) no-repeat 0 0;
	}

/* ----------------------------- Header End ------------------------------- */

/* ----------------------------- Content Start ----------------------------- */

#main_content {
	position: relative;
	text-align: left;
	width: 960px;
	height: 620px;
	margin: 0 auto;
	overflow: hidden;
}

	#horizontal_container {
		width: 915px;   
		height: 570px;
		border-bottom: 1px solid #bababa;
		position: relative;
		overflow: hidden;
	}
	
		.slide_container {
			position: absolute;
			top: 0;
			width: 825px;
			height: 570px;
			overflow: hidden;
			background-color: #f9fcf1;
			z-index: 50;
		}
		
			.slide_container#slide1_container {
				left: 735px;
			}
			
			.slide_container#slide2_container {
				left: 780px;
			}
			
			.slide_container#slide3_container {
				left: 825px;
			}
			
			.slide_container#slide4_container {
				left: 870px;
			}
			
				.slide {
					margin-left: 45px;
					width: 735px;
					height: 542px;
					position: relative;
					background: url(../images/backgrounds/slides.jpg) no-repeat 0 0;
					padding-top: 28px;
				}

.horizontal_accordion_toggle {
	width: 45px;
	height: 570px;
	position: absolute;
	top: 0;
	left: 0;
}

	.horizontal_accordion_toggle#whoweare {
		background: url(../images/whoweare_toggle.jpg) no-repeat 0 0;
	}
	
	.horizontal_accordion_toggle#whatwedo {
		background: url(../images/whatwedo_toggle.jpg) no-repeat 0 0;
	}
	
	.horizontal_accordion_toggle#serviceofferings {
		background: url(../images/serviceofferings_toggle.jpg) no-repeat 0 0;
	}
	
	.horizontal_accordion_toggle#whereweare {
		background: url(../images/whereweare_toggle.jpg) no-repeat 0 0;
	}
	
		.horizontal_accordion_toggle#whoweare.active,
		.horizontal_accordion_toggle#whatwedo.active,
		.horizontal_accordion_toggle#serviceofferings.active,
		.horizontal_accordion_toggle#whereweare.active {
			background-position: -45px 0;
		}

	

/* Home */

#home_slide {
	position: absolute;
	top: 0;
	left: 0px;
	width: 735px;
	height: 570px;
}

	#home_globe {
		margin-left: 0px;
	}
	
	#home_headline {
		position: absolute;
		top: 63px;
		left: 350px;
		width: 357px;
		height: 100px;
		background: url(../images/home/headline.gif) no-repeat 0 0;
	}
	
	#home_text {
		position: absolute;
		top: 195px;
		left: 370px;
		width: 340px;
		font-family: Verdana, sans-serif;
		color: #222222;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	#video {
		position: absolute;
		top: 335px;
		left: 390px;
	}

/* Who We Are */
#whoweare_main {
	width: 420px;
	padding: 0 15px 30px 28px;
	border-right: 1px solid #bababa;
	float: left;
}

	#whoweare_main p {
		color: #222222;
		font-size: 1.2em;
		padding: .4em 0;
	}
	
#whoweare_image {
	position: absolute;
	width: 468px;
	height: 147px;
	margin: 0;
	padding: 0;
	border: 1px solid #bababa;
	border-left: 0;
	border-bottom: 0;
	bottom: 0;
	left: 0;
}

#whoweare_headline {
	width: 348px;
	height: 60px;
	background: url(../images/whoweare/headline.gif) no-repeat 0 0;
	margin-left: 28px;
	margin-bottom: 8px;
}

#whoweare_sub {
	float: right;
	width: 200px;
	margin-right: 35px;
	
}

	#whoweare_subheader {
		width: 139px;
		height: 13px;
		background: url(../images/whoweare/valuestatement.gif) no-repeat 0 0;
		margin-bottom: 5px;
	}
	
	#whoweare_sub p {
		padding: .4em 0;
	}

/* What We Do */
#whatwedo_main {
	width: 420px;
	padding: 0 15px 60px 28px;
	border-right: 1px solid #bababa;
	float: left;
}

	#whatwedo_main p {
		color: #222222;
		font-size: 1.2em;
		padding: .4em 0;
	}
	
#whatwedo_image {
	position: absolute;
	width: 468px;
	height: 147px;
	margin: 0;
	padding: 0;
	border: 1px solid #bababa;
	border-left: 0;
	border-bottom: 0;
	bottom: 0;
	left: 0;
}

#whatwedo_headline {
	width: 373px;
	height: 60px;
	background: url(../images/whatwedo/headline.gif) no-repeat 0 0;
	margin-left: 28px;
	margin-bottom: 8px;
}

#whatwedo_sub {
	float: right;
	width: 200px;
	margin-right: 35px;
	
}

	#whatwedo_sub1 {
		width: 121px;
		height: 11px;
		background: url(../images/whatwedo/functionalexpertise.gif) no-repeat 0 0;
	}
	
	#whatwedo_sub2 {
		width: 109px;
		height: 12px;
		background: url(../images/whatwedo/sectorsindustry.gif) no-repeat 0 0;
		margin-top: 25px;
	}
	
	#whatwedo_sub ul {
		
	}
	
		#whatwedo_sub ul li {
			color: #006699;
			line-height: 1.5em;
			margin-left: 13px;
		}
		
			#whatwedo_sub ul li span {
				color: #666666;
			}

/* Service Offerings */
#serviceofferings_main {
	
}

	#serviceofferings_slide h2 {
			background: url(../images/popups/header1.gif) no-repeat 25px 0 ;
			padding-bottom:20px;
			
		}

/* Where We Are */
#whereweare_headline {
	width: 163px;
	height: 22px;
	background: url(../images/whereweare/headline.gif) no-repeat 0 0;
	margin-left: 24px;
}

#whereweare_subhead {
	width: 656px;
	height: 27px;
	background: url(../images/whereweare/subhead.gif) no-repeat 0 0;
	margin-left: 24px;
	margin-top: 5px;
}

#whereweare_content {
	margin-left: 24px;
	margin-top: 4px;
	line-height: 1.3em;
	text-align:left;
}

	.col1, .col2 { width: 350px; float:left; }
	.clear {clear:both; }

#whereweare_slide {

}
	
	#whereweare_slide ul {
		width: 735px;
		margin-left: 24px;
		margin-top: 5px;
	}
	
		#whereweare_slide ul li.col1 {
			border-right: 1px solid #bababa;
			width: 335px;
			border-top: 1px solid #bababa;
			padding-bottom: 5px;
			text-align:left;
			line-height: 1.3em;
		}
		
		#whereweare_slide ul li.col2 {
			width: 345px;
			border-top: 1px solid #bababa;
			padding-bottom: 5px;
			padding-left: 14px;
			text-align:left;
			line-height: 1.3em;
		}
		
			#whereweare_slide ul li.col1 img {
				float: right;
				margin: 3px 14px 0 0;
			}
			
			#whereweare_slide ul li.col2 img {
				float: right;
				margin: 3px 0px 0 0;
			}
			
			#whereweare_slide ul li h4 {
				margin: 7px 0 0 0;
				padding: 0;
				color: #303030;
				text-transform:uppercase;
				font-size: 8pt;
				font-weight:normal;
			}
			
			#whereweare_slide ul li h4.hq {
				font-weight:bold;
				color: #006699; 
			}
			
				h4#whereweare_worldwide {
					background: url(../images/whereweare/worldwide.gif) no-repeat 0 0;
					width: 180px;
					height: 8px;
				}
				
				#whereweare_slide ul li h4#whereweare_australia {
					background: url(../images/whereweare/australia.gif) no-repeat 0 0;
					width: 150px;
					height: 8px;
				}
				
				#whereweare_slide ul li h4#whereweare_france {
					background: url(../images/whereweare/france.gif) no-repeat 0 0;
					width: 150px;
					height: 8px;
				}
				
				#whereweare_slide ul li h4#whereweare_germany {
					background: url(../images/whereweare/germany.gif) no-repeat 0 0;
					width: 247px;
					height: 22px;
				}
				
				#whereweare_slide ul li h4#whereweare_italy {
					background: url(../images/whereweare/italy.gif) no-repeat 0 0;
					width: 106px;
					height: 8px;
				}
				
				#whereweare_slide ul li h4#whereweare_netherlands {
					background: url(../images/whereweare/netherlands.gif) no-repeat 0 0;
					width: 112px;
					height: 8px;
				}
				
				#whereweare_slide ul li h4#whereweare_spain {
					background: url(../images/whereweare/spain.gif) no-repeat 0 0;
					width: 150px;
					height: 8px;
				}
				
				#whereweare_slide ul li h4#whereweare_usa {
					background: url(../images/whereweare/usa.gif) no-repeat 0 0;
					width: 215px;
					height: 8px;
					padding:0;
				}
				
				#whereweare_slide ul li h4#whereweare_uk {
					background: url(../images/whereweare/uk.gif) no-repeat 0 0;
					width: 101px;
					height: 8px;
				}
			
			#whereweare_slide ul li p {
				margin: 0;
				padding: 5px 0 0 0;
				line-height: 1.3em;
			}



/* Popups */

.popup {
	width: 182px;
	height: 76px;
	position: absolute;
	z-index: 100;
}

/*	#popup1 {
		width: 160px;
		top: 502px;
		left: 0;
		background: url(../images/popups/popup1.gif) no-repeat 0 0;
	}*/
	
	#popup2 {
	top: 572px;
	left: 0px;
	background: url(../images/popups/popup2.gif) no-repeat 0 0;
	}
	
	#popup3 {
		top: 572px;
		left: 183px;
		background: url(../images/popups/popup3.gif) no-repeat 0 0;
	}
	
	#popup4 {
		top: 572px;
		left: 366px;
		background: url(../images/popups/popup4.gif) no-repeat 0 0;
	}
	
	#popup5 {
		top: 572px;
		left: 549px;
		background: url(../images/popups/popup5.gif) no-repeat 0 0;
	}
	
	#popup6 {
		top: 572px;
		left: 732px;
		background: url(../images/popups/popup6.gif) no-repeat 0 0;
	}
	
#overlay {
	position: absolute;
	width: 915px;
	height: 500px;
	background: #000000;
	top: 0;
	left: 0;
	z-index: 99;
	opacity: .3;
	filter: alpha(opacity = 30);
	display: none;
}

.popup_content {
	position: absolute;
	width: 729px;
	height: 0px;
	padding: 0 27px 0 27px;
	top: 32px;
	left: 44px;
	z-index: 100;
	overflow: hidden;
	background: url(../images/popups/popup_bg.gif) no-repeat 0 0;
}

	.popup_content h2 {
		width: 600px;
		height: 48px;
		margin-top: 21px;
		margin-bottom: 45px;
	}
	
		h2#serv_off {
			height: 27px;
			margin-bottom: 12px;
		}
	
	.popup_close {
		position: absolute;
		top: 13px;
		right:  13px;
		width: 40px;
		height: 9px;
		background: url(../images/icons/close.gif) no-repeat 0 0;
	}
	
	h3.subhead {
		width: 255px;
		height: 17px;
	}
	
		h3.company{
			background: url(../images/popups/subhead_company.gif) no-repeat 0 0;
		}
		
		h3.challenge {
			background: url(../images/popups/subhead_challenge.gif) no-repeat 0 0;
			margin-top: 2em;
		}
		
		h3.solution {
			background: url(../images/popups/subhead_solution.gif) no-repeat 0 0;
		}
		
	.casestudy_main {
		width: 375px;
		padding-right: 30px;
		border-right: 1px solid #bababa;
		float: left;
		margin-right: 30px;
	}
	
#popup_content1 {

}

	#popup_content1 h2 {
		background: url(../images/popups/header1.gif) no-repeat 0 0;
		padding-bottom:20px;
	}
	
		.serv_off_section {
			
			width: 660px;
			margin:10px 0 0 25px;
			text-align: center;
			
		}
		
			#serv_off_section1 {
				width: 660px;
				border-bottom: 1px solid #bababa;
				padding-bottom: 12px;
				margin: 12px 0 12px 25px;
			}
			
				#serv_off_section1 h4 {
					background-color: #bee2f9;
					width: 286px;
					line-height: 27px;
					margin: 0 auto 15px auto;
					padding: 0;
				}
				
				#serv_off_section1 ul {
					text-align: left;
					width: 660px;
					margin: 8px 0 0 70px;
					padding: 0;
				}
				
					#serv_off_section1 ul li {
						color: #1b1b1b;
						width: 300px;
						margin: 2px 0;
						padding: 0;
						float: left;
						font-size: 1.1em;
						line-height: 130%;
					}
			
			#serv_off_section2 {
				width:660px;
				border-bottom: 1px solid #bababa;
				padding: 0 0 12px 0;
				margin: 12px 0 12px 25px;		
					}
			
				.section2_sub {
					width: 190px;
					float: left;
					margin: 0 15px;
				}
				
					#serv_off_section2 h4 {
						background-color: #bee2f9;
						line-height: 21px;
						margin: 0 auto 10px auto;
						padding: 0;
					}
					
					#serv_off_section2 ul {
						text-align: left;
						margin: 8px 0 0 0;
						padding: 0 0 0 20px;
					}
					
						#serv_off_section2 ul li {
							color: #1b1b1b;
							margin:4px 10px 4px 0;
							width: 190px;
							font-size: 1.1em;
							line-height: 130%;
						}
			
			#serv_off_section3 {
			margin: 12px 0 12px 25px;
			}
			
				#serv_off_section3 h4 {
					background-color: #bee2f9;
					width: 286px;
					line-height: 27px;
					margin: 0 auto 0 auto;
					padding: 0;
				}
				
				#serv_off_section3 ul {
					text-align: left;
					width: 700px;
					margin: 8px 0px 0 70px;
					padding: 0;
				}
				
					#serv_off_section3 ul li {
						color: #1b1b1b;
						width: 335px;
						margin: 2px 0;
						padding: 0;
						float: left;
						font-size: 1.1em;
						line-height: 130%;
					}

#popup_content2 {
	
}

	#popup_content2 h2 {
		background: url(../images/popups/header2.gif) no-repeat 0 0;
	}

#popup_content3 {
	
}

	#popup_content3 h2 {
		background: url(../images/popups/header3.gif) no-repeat 0 0;
	}

#popup_content4 {
	
}

	#popup_content4 h2 {
		background: url(../images/popups/header4.gif) no-repeat 0 0;
	}

#popup_content5 {
	
}

	#popup_content5 h2 {
		background: url(../images/popups/header5.gif) no-repeat 0 0;
	}

#popup_content6 {
	
}

	#popup_content6 h2 {
		background: url(../images/popups/header6.gif) no-repeat 0 0;
	}

/* ----------------------------- Content End ------------------------------- */

/* ----------------------------- Footer Start ----------------------------- */

#footer {
	clear: both;
	position: relative;
	text-align: left; /* Resets IE 5.5 Fix */
	height: 7px;
	width: 915px;
	margin:6px auto 0 auto;
	padding-right: 45px;
	}

#copyright {
	float: left;
	
	}
 #copyright p { 
 	font-size: 8pt;	
 	color:#999999;
 }

/* ----------------------------- Footer End ------------------------------- */