/*---------------------
	interactive map
  ---------------------*/

#locationMap    {
	position:relative;
	width:331px;
	height:163px;
	background-image:url(../images/location_map_world.gif);
	background-repeat:no-repeat;
	margin:10px 0 40px 20px;
}
#locationMap a  {
	position:absolute;
	display:block;
	background-repeat:no-repeat;
	outline: none;
}

#lm_namerica    {top:0px;left:0px;width:148px;height:92px;}
#lm_namerica.on {background-image:url(../images/location_map_northamerica.gif);background-position:bottom left;}
#lm_samerica    {top:91px;left:78px;width:46px;height:71px;}
#lm_samerica.on {background-image:url(../images/location_map_southamerica.gif);}
#lm_europe          {top:20px;left:134px;width:81px;height:52px;}
#lm_europe.on       {background-image:url(../images/location_map_europe.gif);}
#lm_africa          {top:59px;left:138px;width:72px;height:80px;}
#lm_africa.on       {background-image:url(../images/location_map_africa.gif);}
#lm_asia            {top:13px;left:202px;width:129px;height:143px;}
#lm_asia.on         {background-image:url(../images/location_map_asia.gif);background-position:bottom left;}

/*---------------------
	tab navigation
  ---------------------*/

#locationTabs {
	clear:both;
	width:100%;
	background-image:url(../images/location-tabs-vertical-shadow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	min-height:518px;
	height:auto !important; /* override fixed height on next line for all but IE6 */
	height:518px; /* min-hieght for IE6 */
	padding-left:9px;
}
#locationTabs ul {	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background-image:url(../images/location-tabs-underline.gif);
	background-repeat:no-repeat;
	background-position:right 21px;
}
#locationTabs li {
	float:left;
	background-image:url(../images/location-tab-right.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	list-style-type:none;
}
#locationTabs li.on {background-position:right -38px;}
#locationTabs li.on a {background-position:left -38px;}
#locationTabs li a {
	display:block;
	background-image:url(../images/location-tab-left-inside.gif);	
	background-repeat:no-repeat;
	background-position:left 0px;
	outline: none;
	padding:3px 20px;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
	color:#003876;
}
#locationTabs li.first a {background-image:url(../images/location-tab-left-outside.gif);}
.locationTabContent {
	padding:35px 0 0 33px;
}

/*---------------------
	layout
  ---------------------*/
  
#locationsWrapper {
	font-family:Arial, Helvetica, sans-serif;
	width:690px;	
}

#locationMap {float:left;}

.locationMapPhotos {
	float:left;
	margin:10px 10px 30px 12px;
}
#locationsWrapper p.locationMapIntro {
	float:left;
	padding:5px 10px 0 15px;
	width:160px;
}

.clear {clear:both;}

/*---------------------
	content style
  ---------------------*/

#locationsWrapper h1 {
	margin:0 0 15px 12px;	
	font-size:28px;
	line-height:30px;
	letter-spacing:-1px;
	font-weight:normal;
	color:#2c79cf;
}
#locationsWrapper h2 {
	margin:0 0 3px 0;	
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	color:#2c79cf;
}
#locationsWrapper p {
	margin:0 0 15px 0;
	font-size:12px;
	line-height:18px;
}
.locationTabContent a {
	color:#003876;
	text-decoration:none;	
}
.locationTabContent .doubleColumn {
	float:left;
	width:300px;
	margin:0 10px 0 0;
}
.locationPhoto {
	clear:both;
	float:left;
	margin:6px 25px 15px 0;
}
.locationInfo {
	width: 500px;
	*width: auto;
	float:left;
	margin-bottom:15px;
}
