@charset "UTF-8";
/* CSS Document */

/*
  === K2 Palette (light-to-dark) =======
    * Grey 1:			#EEEEEF
	* Grey 2:			#D4D4D4
	* Grey 3:			#9F9FA5
	* Grey 4:			#7D7D7E
	* Grey 5:			#5E5E5F
	* Bright Red:		#CA2109
	* K2 Red:			#95210F
	* Dark Red:			#590f04
	* Medium Red:		#871F11	
	* 'Light Red':		#c28686	
	
	* White:			#FFFFFF
	* Black:			#000000
  ======================================
*/

body { margin: 0px;	background-color: #95210F;	background-image: url(../_img/_bg/bg_content.jpg);	background-repeat: repeat; }

.map { margin: 0px;	height:640px;background-image: url(../_img/bg/bg_map.png); background-position: center; background-repeat: no-repeat; position: relative;}

a.mapicon {display:block; outline:none; height:24px; width:24px;}

.container { width: 996px; margin: 0 auto; position: relative;}

.content { padding: 50px 10px 50px 10px;}

.clock {font-size:1.25em; line-height: 1.2em; font-weight:bold; padding:40px 0px 0px 450px; -webkit-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); -moz-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);}
.clockdisplay {color:#9F9FA5; font-weight:lighter; margin: 0; background: none; border: none; margin-left:-3px; font-size:inherit; -webkit-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); -moz-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); vertical-align:baseline;}

.feature {position: absolute; z-index: 10; padding: 0; margin:0;}

.position {font-weight:bold;}

.location {font-size:.90em;}

.maincol {border-right: 1px solid #d4d4d4; padding: 0 10px 0 10px ; margin: 0 -5px 0 0;}

.slideshow {margin: 0 auto; position: absolute; z-index: 5; clear: both; visibility: hidden;}

#map_icon_tokyo { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top:300px; left:866px; }
#map_icon_singapore { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top: 410px; left: 781px; }
#map_icon_stuttgart { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top:275px; left:491px; }
#map_icon_geneva { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top:265px; left:503px; }
#map_icon_london { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top:256px; left:475px; }
#map_icon_sao_paolo { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top:487px; left:353px; }
#map_icon_providence { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top: 275px; left: 288px; }
#map_icon_boston { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top:283px; left:278px; }
#map_icon_san_francisco { height: 24px; width: 24px; position: absolute; background-image:url(../_img/icons/map_icon.png); background-position: center bottom; top: 295px; left: 138px; }

#footer_location { margin: 10px 0 0 10px; float: left; font-size: 1em; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0px rgba(75, 17, 10, 0.7); -moz-text-shadow: 0 1px 0px rgba(75, 17, 10, 0.7); text-shadow: 0 1px 0px rgba(75, 17, 10, 0.7); }
	#footer_location .phone { font-size: .75em;	color: #ffffff;	}
	#footer_location .address {	font-size: .75em; color: #c28686; }

#iconlist { margin: 10px 5px 0px 0px; float: right; clear: all; }
	#iconlist li { display:inline-block; list-style-type: none; padding-right: 5px; zoom: 1; *display:inline; }
	#iconlist a.facebook{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left; background-position: 0 0; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.facebook:hover{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -71px; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.linkedin{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -142px; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.linkedin:hover{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -213px; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.twitter{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -284px; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.twitter:hover{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -355px; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.xing{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -426px; width: 20px; height: 21px; zoom: 1; *display:inline; } 
	#iconlist a.xing:hover{ display:inline-block; background: url(../_img/icons/sm_icons.png) no-repeat top left;background-position: 0 -497px; width: 20px; height: 21px; zoom: 1; *display:inline; } 


#subnavlist { font-size:1em; color:#590f04; padding:10px; width:100%; margin:0px; -moz-text-shadow: 0 1px 0px rgba(89, 15, 4, 0.7); text-shadow: 0 1px 0px rgba(89, 15, 4, 0.7);}
	#subnavlist li { display: inline;list-style-type: none;padding-right: 10px;}
	#subnavlist a {color:#d4d4d4; font-weight: bold;}
	#subnavlist a:hover {color:#ffffff;}

#navcontainer{
	padding:40px 0 0 0;
	}

	
a.topnav {display: block; height:30px;font-weight: bold; -webkit-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); -moz-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);}

#nav {
	margin: 40px 0px 0px 0px;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 1.15em;
	}
	
  
#nav li {
	padding-right:10px;
	float: left;
	position: relative;
	}
	
#nav li ul {
	display: none;
	list-style-type:none;
	margin: 0px;
	padding: 5px;
	position: absolute;
	top: 30px;
	left: 0px;
	background-color:#FFF;
	width: 110px;
	}

#nav li ul a {
	display: block;
	width: 110px;
	border-bottom: 1px solid #d4d4d4;
	}
	
#nav li:hover ul, li.over ul{ display: block; } 

/*----Son of Suckerfish----*/

#nav li ul ul {
	margin: -2em 0 0 110px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: 0;
}

/*---/Son of Suckerfish----*/

/*#nav { float: right; margin: 40px 5px 0px 0px; list-style: none; }
	#nav li{ display: inline; list-style-type: none; padding-right: 5px; position:relative; }
	#nav a{	font-weight: bold;font-size: 1.15em; -webkit-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); -moz-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); }
	#nav li .sub { position:absolute; top:20px; left:0px;z-index: 99999;padding: 20px 20px 20px;float: left;}
	#nav .sub ul li a {width: 150px; margin: 0; padding: 0; float: left;}

#nav { float: right; margin: 40px 5px 0px 0px; }
	#nav li{ display: inline; list-style-type: none; padding-right: 5px; }
	#nav a{	font-weight: bold;font-size: 1.15em; -webkit-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); -moz-text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); }
*/

/*#homenav { position: absolute; bottom:0; margin-left:10px; }*/

#homenav { position: absolute; bottom:0px; left: 0px;margin-left:10px; }

#homenavlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; width: 200px; }
	#homenavlist li { list-style: none; margin: 0; border-top: 1px solid gray; }
	#homenavlist li a { text-decoration: none; display: block; outline: none;padding: 3px 0px 3px 5px; }
	*html #homenavlist li a { width: 200px; } /* make hover effect work in IE */
	#homenavlist a:hover { background:#ffffff; }
	
#contactnav { margin-left:10px; }

#contactnavlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; width: 100%px; }
	#contactnavlist li { list-style: none; margin: 0; border-top: 1px solid gray; }
	#contactnavlist li a { text-decoration: none; display: block; outline: none;padding: 3px 0px 3px 5px; }
	*html #contactnavlist li a { width: 100%; } /* make hover effect work in IE */
	#contactnavlist a:hover { background:#ffffff; }

/*
#featurelist { position: absolute; top: 0px;height: 468px; width: 300px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../_img/bg/trans_black_85.png');	background-image:url(../_img/bg/trans_black_85.png); margin: 0 10px 0 0; }
	#featurelist li	{ list-style-type: none; margin: 0; }
	#featurelist a{ display: block;	padding: 10px 10px 10px 10px; font-weight: bold; font-size: 1.15em; outline: none; border-bottom: 1px solid #2c2c2c; }
	#featurelist a:hover{ background-color: #000000; }
	#featurelist .description { font-size: .7em; color: #ededed; }
	#featurelist .description:hover { color: #ffffff; }*/

#accordion { height: 468px; width: 310px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../_img/bg/trans_black_85.png');	background-image:url(../_img/bg/trans_black_85.png); overflow:visible;}
	#accordion a{ padding:15px 0px 0px 15px; display:block; width:295px; border-top:1px solid #2c2c2c; overflow:visible; }
	#accordion a:active {outline:none;}
	#accordion a:hover{overflow:visible;outline:none;}
	#accordion .description { color:#ededed; font-size:.9em; padding:0px 0 15px 15px; margin-top: -5px; overflow:visible; outline:none; display:none; }

#map_stripe { width: 100%; background-image: url(../_img/bg/bg_map_stripe.jpg); background-repeat: repeat-x; background-color: #ffffff; }

#masthead_stripe { position: relative; z-index: 999; width: 100%; height: 100px; background-image:url(../_img/bg/bg_header.png); background-repeat: repeat-x; }

#city_stripe { width: 100%; margin: 0px; height: 468px; background-image: url(../_img/city/city_00.jpg); background-position: center; background-repeat: no-repeat;	background-color: #000000; }

#subhead_stripe { width: 100%; margin: 0px;	height: 98px; background-image: url(../_img/city/subhead_sf.jpg); background-position: center; background-repeat: no-repeat; background-color: #000000; }

#subnav_stripe { width: 100%; margin: 0px; background-image: url(../_img/bg/bg_footer.png); background-position: top; background-repeat: repeat-x; }

#content_stripe { width: 100%; margin: 0px;	background-image: url(../_img/bg/bg_content.jpg); background-repeat: repeat-x; background-color:#f0f0f0; }

#footer_stripe { width: 100%; height: 100px; background-image: url(../_img/bg/bg_footer.png); background-position: top; background-repeat: repeat-x; }

a#logo { background-image: url(../_img/k2_logo_tagline.png); background-position:center; background-repeat: no-repeat; display: block; outline: none; text-indent: -8000em; height: 60px; width: 281px; margin: 20px 0px 0px 10px; float: left; }


#jobsearchbox {background-image:url(../_img/bg/bg_footer.png); background-repeat: repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px; margin: 0 0 10px 0; background-color:#95210f;}
#jobsearchbox a {font-size:.8em; color:#c28686; padding: 5px; margin: 15px; border-left: 1px solid #590f04;}
#jobsearchbox a:hover {color:#ffffff;}

#jobsearch h2 {position:absolute; left-9999px; top:-9999px;}
#jobsearch input {vertical-align:middle; font-size: .9em; -moz-border-radius:3px; -webkit-border-radius:3px;}
#jobsearch input[type="text"] {width:300px; padding:10px 95px 10px 10px; background:#e0e0e0; border:1px solid #590f04;}
#jobsearch input[type="text"]:hover {padding:10px 95px 10px 10px; background:#ffffff; border:1px solid #590f04;}
#jobsearch input[type="submit"] {width:80px; margin-left:-87px; padding:4px; color:#eeeeef; border:1px solid; border-color:#871f11; background-color:#95210F; text-transform:uppercase; font-weight: bold;}
#jobsearch input[type="submit"]::-moz-focus-inner {border:0;}
#jobsearch input[type="submit"]:hover {background:#a02716;color:#ffffff; border:1px solid; border-color:#871f11; background-color:#a02716;cursor:pointer;}









