/* company ================================================================================= */

.culture #main {  background: none; }
.culture #content  {  padding: 0; }

/* secondary nav */
#nav_secondary a { background-image: url(/img/nav/subnav_company.png); }
#nav_about a { width: 61px; }
	.about #nav_about a { background-position: 0 0; }
	.team #nav_about a { background-position: 0 -52px; }
	.culture #nav_about a { background-position: 0 -104px; }
	.news #nav_about a { background-position: 0 -156px; }
	.recognition #nav_about a { background-position: 0 -208px; }
		.team #nav_about a:hover,
		.culture #nav_about a:hover,
		.news #nav_about a:hover,
		.recognition #nav_about a:hover { background-position: 0 -260px; }
#nav_team a { width: 115px; }
	.about #nav_team a { background-position: -61px 0; }
	.team #nav_team a { background-position: -61px -52px; }
	.culture #nav_team a { background-position: -61px -104px; }
	.news #nav_team a { background-position: -61px -156px; }
	.recognition #nav_team a { background-position: -61px -208px; }
		.about #nav_team a:hover,
		.culture #nav_team a:hover,
		.news #nav_team a:hover,
		.recognition #nav_team a:hover { background-position: -61px -260px; }
#nav_culture a { width: 63px; }
	.about #nav_culture a { background-position: -176px 0; }
	.team #nav_culture a { background-position: -176px -52px; }
	.culture #nav_culture a { background-position: -176px -104px; }
	.news #nav_culture a { background-position: -176px -156px; }
	.recognition #nav_culture a { background-position: -176px -208px; }
		.about #nav_culture a:hover,
		.team #nav_culture a:hover,
		.news #nav_culture a:hover,
		.recognition #nav_culture a:hover { background-position: -176px -260px; }	
#nav_news a { width: 52px; }
	.about #nav_news a { background-position: -239px 0; }
	.team #nav_news a { background-position: -239px -52px; }
	.culture #nav_news a { background-position: -239px -104px; }
	.news #nav_news a { background-position: -239px -156px; }
	.recognition #nav_news a { background-position: -239px -208px; }
		.about #nav_news a:hover,
		.team #nav_news a:hover,
		.culture #nav_news a:hover,
		.recognition #nav_news a:hover { background-position: -239px -260px; }
#nav_recognition a { width: 93px; }
	.about #nav_recognition a { background-position: -291px 0; }
	.team #nav_recognition a { background-position: -291px -52px; }
	.culture #nav_recognition a { background-position: -291px -104px; }
	.news #nav_recognition a { background-position: -291px -156px; }
	.recognition #nav_recognition a { background-position: -291px -208px; }
		.about #nav_recognition a:hover,
		.team #nav_recognition a:hover,
		.culture #nav_recognition a:hover,
		.news #nav_recognition a:hover { background-position: -291px -260px; }

/* masthead */
#masthead { 
	background-position: 0 -2213px;
	height: 271px;
	border-bottom: 9px solid #ebebec;
}
.about #masthead {  }
.about #masthead_photo { /* left: 250px; */ }
.team #masthead { 
	background-position: 0 -424px;
	padding: 0 0 0 249px;
}
#masthead p { width: 450px; }
#masthead .lead { padding-top: 50px; }
#masthead .quote {
	padding: 39px 0 0 0;	
}

/* about ai */
#wrapper { 
	padding: 0 0 15px 0;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #dadada;
}
#main.col3 #col_a { 
	width: 279px;
	padding: 39px 0 0 0;
	margin: 0 34px 0 0; 
}
.company.about #main.col3 #col_a {
	width: 229px;
}

#main.col3 #col_b { width: 455px; }

.company.about #main.col3 #col_b  {
	width: 495px;
}

	#main.col3 #col_b .last { margin: 0 0 15px 0; }
	#main.col3 #col_b .delimeter {
		border-bottom: 1px solid #dadada;
		width: 153px;
		margin: 0 0 15px 151px;
	}
#main.col3 #col_c { width: 172px; }
	#main.col3 #col_c .module { margin: 0 0 30px 0; }
		#main.col3 #col_c .module.numbers h2 { margin: 0; }
		#main.col3 #col_c .module.numbers li strong { padding: 2px 0 0 0; }
#main.col3 #launches { margin: 0 0 0 27px; }
	#main.col3 #launches h3 {
		float: left;
		font-size: 1.6em;
		color: #696969;
		font-style: italic;
	}
		#main.col3 #launches h3 span {
			font-size: 1.6em;
			color: #262626;
			text-transform: uppercase;
		}
	#main.col3 #launches ul { 
		float: right;
		list-style-type: none;
		margin: 4px 0 0 0;
	}
		#main.col3 #launches li { 
			float: left;
			display: block;
			margin: 0 8px 0 0;
		}
			#main.col3 #launches .chelsea { 
				background: url(/img/screenshot/about/launches_chelsea.png) no-repeat 0 0;
				width: 168px;
				height: 115px;
			}
			#main.col3 #launches .crw { 
				background: url(/img/screenshot/about/launches_crw.png) no-repeat 0 0;
				width: 167px;
				height: 115px;
			}
			#main.col3 #launches .virgin { 
				background: url(/img/screenshot/about/launches_virgin.png) no-repeat 0 0;
				width: 167px;
				height: 115px;
			}
			#main.col3 #launches .cache { 
				background: url(/img/screenshot/about/launches_cache.png) no-repeat 0 0;
				width: 167px;
				height: 115px;
				margin: 0;
			}
	
/* culture */
.culture #masthead { 
	background-position: 0 -1238px; 
	height: 271px;
	padding: 0 0 0 269px;
	margin: 0;
	overflow: visible;
}
	.culture #masthead  p { }
	.culture #masthead .lead { margin: 0 0 25px 0; }

	.culture #masthead_photo { 
		top: -44px;
		left: 728px;
		width: 253px;
		height: 315px;
	}
		.culture #masthead_photo img {
			position: absolute;
			top: 0;
			left: 0;
		}
		

#accordion {}
	#accordion .header {
		background: #f9f9f9;
		border-bottom: 1px solid #d4d4d4;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		top: 0;
		height: 89px;
		width: 1000px;
	}
	#accordion .header.hover,
	#accordion .header.active { background: #f6f6f6; }
		#accordion .header h2 {
			color: #60afcd;
			font-size: 5.6em;
			font-family: arial narrow, helvetica, arial, sans-serif;
			text-transform: uppercase;
			overflow: hidden;
			background-image: url(/img/hdr/hdr_accordion.png);
			background-repeat: no-repeat;
			text-indent: -9999px;
			float: left;
			height: 89px;
			width: 473px;
		}
		
		
		#mjr .header h2 { background-position: 0 2px; }
		#mjr .header.hover h2,
		#mjr .header h2.active { background-position: -473px 2px; }
		
		#hamster .header h2 { background-position: 0 -84px; }
		#hamster .header.hover h2,
		#hamster .header.active h2 { background-position: -473px -84px; }

		#halloween .header h2 { background-position: 0 -171px; }
		#halloween .header.hover h2,
		#halloween .header.active h2 { background-position: -473px -171px; } 

		#doing_some_good .header h2 { background-position: 0 -263px; }
		#doing_some_good .header.hover h2,
		#doing_some_good .header.active h2 { background-position: -473px -263px; }
		
		#happy_home .header h2 { background-position: 0 -350px; }
		#happy_home .header.hover h2,
		#happy_home .header.active h2 { background-position: -473px -350px; }
		
		#christmas .header h2 { background-position: 0 -443px; }
		#christmas .header.hover h2,
		#christmas .header.active h2 { background-position: -472px -443px; }
		
		#joshin_around .header h2 { background-position: 0 -534px; }
		#joshin_around .hover h2,
		#accordion #joshin_around .active h2 { background-position: -473px -534px; }
		
		#out_about .header h2 { background-position: 0 -626px; }
		#out_about .header.hover h2,
		#out_about .header.active h2 { background-position: -473px -626px; }
		
		#accordion .header p {
			float: right;
			margin: 45px 20px 0 0;
			color: #a3a3a3;
			font-style: italic;
			font-size: 1.5em;
		}
		#accordion .header.hover p { }
		
	#accordion .section {
		position: relative;
		/* height: 392px; */
		height: 90px;
	}

		#accordion .header .bg {
			/* position: absolute;
			width: 191px; */
			height: 120px;
			top: -30px; 
			right: 0;
			z-index: 2;
			overflow: hidden;
		}
			#accordion .header .bg div {
				position: relative;
				top: 117px;
				width: 191px;
				height: 120px;
				/*background: url(/img/bg/accordion/bg_accordion_hamsta.png) no-repeat;*/
			}
			/*#accordion .header#mjr .bg div { background: url(/img/bg/accordion/bg_accordion_mjr.png) no-repeat; }
			#accordion .header#hamster .bg div { background: url(/img/bg/accordion/bg_accordion_hamsta.png) no-repeat; }
			#accordion .header#halloween .bg div { background: url(/img/bg/accordion/bg_accordion_halloween.png) no-repeat; }
			#accordion .header#doing_some_good .bg div { background: url(/img/bg/accordion/bg_accordion_doing_some_good.png) no-repeat; }
			#accordion .header#happy_home .bg div { background: url(/img/bg/accordion/bg_accordion_happy_home.png) no-repeat; }
			#accordion .header#christmas .bg div { background: url(/img/bg/accordion/bg_accordion_christmas.png) no-repeat; }*/
	#accordion .content {
		position: absolute;
		top: 303px;
		width: 999px; 
		/* height: 381px;*/
		height: 299px;
		z-index: 1;
	}
		/* jack */
		#mjr .content {
			background: url(/img/culture/mjr/bg_culture_mjr.png) no-repeat 0 0;
			height: 370px;
			margin-top: -67px;
		}
			#mjr .content .col_a { 
				position: absolute;
				width: 228px;
				top: 224px;
				left: 30px;
			}
				#mjr .content .col_a a {
					display: block;
					text-indent: -9999px;
					height: 131px;
				}
			#mjr .content .col_b {
				position: absolute;
				top: 307px;
				left: 25px;
				width: 166px;
			}
				#mjr .content .col_b a	{
					display: block;
					text-indent: -9999px;
					height: 33px;
				}
			#mjr .content .col_c { 
				position: absolute;
				top: 145px;
				left: 729px;
				width: 240px;
				z-index: 2;
			}
				#mjr .content .col_c .btn_twitter {
					display: block;
					text-indent: -9999px;
					height: 43px;
					top: 146px;
					left: 95px;
					width: 61px;
					position: absolute;
				}
				#mjr .content .col_c .btn_facebook {
					display: block;
					text-indent: -9999px;
					height: 43px;
					top: 146px;
					left: 159px;
					width: 68px;
					position: absolute;
				}
				#mjr .content .col_c .twitter	{ 
					
				}
					#mjr .content .col_c .twitter .twtr-widget { 
						max-height: 
						z-index: 10; 
					}
					#mjr .content .col_c .twitter .twtr-hd,
					#mjr .content .col_c .twitter .twtr-ft { display: none; }
					#mjr .content .col_c .twitter .twtr-doc,
					#mjr .content .col_c .twitter .twtr-timeline { 
						-moz-border-radius: 0 !important;
						-webkit-border-radius: 0 !important; 
					}
						#mjr .content .col_c .twitter .twtr-tweet-text { padding: 0 14px 13px 14px; }
					#mjr .content .col_c .twitter p {
						font-size: 1.1em;
						font-family: georgia, arial, sans-serif;
						color: #fff;
						font-weight: normal;
						font-style: italic;
						margin: 0;
						line-height: 1.5em !important;
					}	
						#mjr .content .col_c .twitter p i {
							padding: 4px 0 0 0;
							text-align: center;
						}
							#mjr .content .col_c .twitter p i a {
								font-size: 1.1em;	
								color: #46c1ff !important;
								text-transform: uppercase;
								cursor: pointer;
							}
					#mjr .content .col_c .twitter .follow {
						background: url(/img/culture/mjr/culture_mjr_follow.png) no-repeat -1px 0;
						display: block;
						position: absolute;
						width: 255px;
						height: 103px;
						margin: -28px 0 0 0;
						text-indent: -9999px;
						z-index: 100;
					}
					#mjr .content .col_c .twitter .follow a {
						display: block;
						width: 240px;
						height: 45px;
						margin: 28px 0 0 0;
						text-indent: -9999px;
					}
					
		/* hamster time */
		#hamster .content { 
			background: url(/img/culture/hamster/bg_culture_hamster.jpg) no-repeat 0 0;
		}
		#hamster .col_a {
			position: absolute;
			top: 185px;
			left: 160px;
			width: 527px;
			height: 76px;
		}	
			#hamster .col_a a {
				display: block;
				text-indent: -9999px;
				position: absolute;
				height: 37px;
			}
			#hamster .col_a .yiddish {
				top: 19px;
				left: 0;
				width: 263px;
			}
			#hamster .col_a .dance {
				top: 38px;
				left: 0;
				width: 263px;
			}
			#hamster .col_a .brazil {
				top: 0;
				left: 265px;
				width: 260px;
			}
			#hamster .col_a .mazel {
				top: 38px;
				left: 265px;
				width: 260px;
			}
		#hamster .col_b {
			position: absolute;
			top: 64px;
			left: 729px;
			width: 239px;
		}
			#hamster .col_b p {
				color: #6e6e70;
				line-height: 1.3;
				font-size: 2.1em;
				font-style: italic;
				margin: 0 20px;
			}
	
		/* halloween */
		#halloween .content { 
			background: url(/img/culture/halloween/bg_culture_halloween.jpg) no-repeat 0 0;
		}
			#halloween .content div {
				cursor: pointer;
				position: absolute;
				text-indent: -9999px;
				top: 21px;
			}
			
			#halloween .content .view_10 { left: 480px; width: 240px; height: 250px; }
			#halloween .content .view_09 { left: 480px; width: 240px; height: 250px }
			#halloween .content .view_08 { left: 734px; width: 234px; height: 250px; }

			
		/* doing some good */
		#doing_some_good .content { 
			background: url(/img/culture/doing_some_good/bg_culture_doing_some_good.jpg) no-repeat 0 0;
		}
		#doing_some_good .content div {
			text-indent: -9999px;
			cursor: pointer;
			position: absolute;
			width: 198px;
			height: 232px;
			top: 39px;
		}
		#doing_some_good .content .mod { left: 355px; }	
		#doing_some_good .content .mentor { left: 564px; }
		#doing_some_good .content .mow { left: 772px; }		
		
		
			
		/* happy home */
		#happy_home .content { 
			background: url(/img/culture/happy_home/bg_culture_happyhome.jpg) no-repeat 0 0;
		}
			
		/* everyday is christmas */
		#christmas .content { 
			background: url(/img/culture/christmas/bg_culture_xmas.jpg) no-repeat 0 0;
		}
		#christmas .btn_proof {
			background: url(/img/culture/christmas/bg_culture_xmas_btns.jpg) no-repeat -111px 0;
			width: 193px;
			height: 49px;
			text-indent: -9999px;
			cursor: pointer;
			position: relative;
			top: 122px;
			left: 409px;
		}
		#christmas .btn_proof:hover { background-position: -111px -163px; }
		#christmas ol {
			position: relative;
			top: 129px;
			left: 298px;
		}
		#christmas li {
			text-indent: -9999px;
			float: left;
		}
			#christmas li a {
				background-image: url(/img/culture/christmas/bg_culture_xmas_btns.jpg);
				background-repeat: no-repeat;
				height: 108px;
				display: block;
			}
			#christmas li.year06 a {
				background-position: 0 -55px;
				width: 108px;
			}
			#christmas li.year06 a:hover { background-position: 0 -218px; }
			#christmas li.year07 a {
				background-position: -109px -55px;
				width: 105px;
			}
			#christmas li.year07 a:hover { background-position: -109px -218px; }
			#christmas li.year08 a {
				background-position: -212px -55px;
				width: 105px;
			}
			#christmas li.year08 a:hover { background-position: -212px -218px; }
			#christmas li.year09 a {
				background-position: -318px -55px;
				width: 107px;
			}
			#christmas li.year09 a:hover { background-position: -318px -218px; }
		
	

			
/* news */
.news #masthead {
	background-position: 0 -1779px;
	height: 166px;
}
.news #masthead .headline { /* padding-top: 52px; */ }

.news #container #main #col_b {
	width: 540px;
	float: left;
}
	.news #col_b .inner { padding-top: 32px; }
	.news #col_b a { color: #0B0E07; }
	.news #col_b a:hover { text-decoration: underline; }
.news #col_c {
	float: right;
	width: 174px;
	padding-top: 38px;
}
.news #col_b .article {}
	.news .article img { margin: 0 0 0 15px; }
	.news #container .article .date {
		font-size: 1.8em;
		margin: 0;
		text-transform: uppercase;
	}
	.news .article h2 {
		font-size: 2.1em;
		font-weight: bold;
		margin: 0 0 15px 0;
	}
		.news .article h2 a { color: #3a3a3a; }
		.news #container .article h2 a:hover { 
			color: #0b0e07; 
			text-decoration: none;
		}
	.news .article h3 {
		font-size: 1.5em;
		line-height: 1.3;
		color: #040707;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.news .article p a {
		color: #0b0e07;
		font-weight: bold;
	}
	.news .article p a:hover { text-decoration: underline; }
	.news .article ul,
	.news .article ol { margin: 0 0 20px 0; }
	.news .article li {
		font-size: 1.5em;
		line-height: 1.5;
		color: #575757;
		margin: 0 0 5px 15px;
		list-style: disc;
	}
	
	.news .article li a { color: #0b0e07; }
	.news .article li a:hover { text-decoration: underline; }

.news .view a {
	background-image: url(/img/btn/btn_readpost.png);
	height: 33px;
	width: 93px;
}
.news .view a:hover { background-position: 0 -33px; }

/* whitepaper */
.whitepaper #masthead {
	background-position: 0 -4730px;
	height: 166px;
}
.whitepaper #main { 
	background: none; 
	padding: 32px;
}
.whitepaper .article h2 { font-size: 2.5em; color: #0b0e07; }
.whitepaper #main h3 { 
	font-weight: bold;
	color: #3B3B3B;
	font-size: 1.4em;
	margin: 0 0 5px 0;
}
.whitepaper #main li {
	color:#575757;
	font-size:1.5em;
	line-height:1.5;
	margin: 0 0 15px 0;	
}
.whitepaper #container .article .author {
	text-transform: uppercase;
	margin: 0 0 25px 0;
}
.whitepaper #main ol,
.whitepaper #main ul { padding: 0 0 0 25px; }
.whitepaper #main ol li { list-style: decimal; } 
.whitepaper #main ul li { list-style: disc; } 

.news #boilerplate {

}


/* meet the team */
.team #main {
	background: none;
	padding: 32px 32px 0 32px;
}
#team { margin: 0 0 35px 0; }
	#team ol { margin: -43px 0 0 0; }
	#team li {
		float: left;
		width: 234px;
		height: 200px;
		border-bottom: 8px solid #ececec;
		position: relative;
		overflow: hidden;
		padding: 0 0 45px 0;
	}
	#team li.row1 { width: 312px; }
		#team li h3 {
			font-size: 1.2em;
			font-weight: bold;
			color: #333;
		}
			#team li h3 em {
				font-weight: normal;
				margin: 0 0 0 3px;
			}
		#team li img { 
			position: absolute;
			top: 230px;
		}
	#team .first img { margin: 0; }
	#team .last img { margin-left: 14px; }
	#team .row1.middle img { margin-left: 43px; }
	#team .row1_last img { margin-left: 92px; }
	
	.team .member {
		min-height: 629px;
		position: relative;
		background: url(/img/bg/bg_member.png) no-repeat left bottom;
		border-bottom: 3px solid #ededed;
		padding: 0 0 20px 0;
	}
		.team .member .photo {
			position: absolute;
			margin-left: 455px;
		}
		.team .member .title {
			position: relative;
			z-index: 2;
		}
		.team .member .bio {
			position: relative;
			z-index: 2;
			width: 442px;
			margin-left: 36px;
		}
		.team .member h3 {
			color: #93d7f0;
			font-size: 14.4em;
			font-weight: bold;
			text-transform: uppercase;
			padding: 55px 0 0 33px;
			margin: 0 0 -38px 0;
		}
		.team .member#jack h3 { font-size: 13.5em; width: 933px; }
			.team .member h3 span { opacity: 0.8; }
		.team .member h4 {
			font-size: 4.8em;
			color: #0b0e07;
			margin: 0 0 10px 0;
		}
		
		/* alex */
		.team .member#alex .bio { margin-left: 285px; }
		.team .member#alex .photo { top: 5px; margin-left: -31px; }
		
		/* josh */
		.team .member#josh .bio { margin-left: 475px; }
		.team .member#josh .photo { margin-left: 216px; }
		
		/* meghan */
		.team .member#meghan .bio { margin-left: 36px; }
		.team .member#meghan .photo { top: 25px; margin-left: 440px; }
		
		/* david */
		.team .member#david .bio { margin-left: 36px; }
		.team .member#david .photo { top: 15px; margin-left: 690px; }
		
		/* ow */
		.team .member#ow .bio { margin-left: 285px; }
		.team .member#ow .photo { top: 24px; margin-left: -12px; }
		
		/* ma */
		.team .member#martin .bio { margin-left: 475px; }
		.team .member#martin .photo { top: 16px; margin-left: 220px; }
		
		/* rusch */
		.team .member#rusch .bio { margin-left: 36px; }
		.team .member#rusch .photo { margin-left: 458px; }
		
		/* jack */
		.team .member#jack .bio { margin-left: 36px; }
		.team .member#jack .photo { top: 175px; margin-left: 530px; }
		
		
	.team .member #toggle {
		position: absolute;
		top: 13px;
		left: 824px;
		z-index: 2;
		width: 119px
	}
		.team .member #toggle a {
			display: block;
			float: left;
			background-image: url(/img/btn/btn_toggle_team.png);
			height: 47px;
			width: 49px;
			margin: 0 0 0 7px;
			text-indent: -9999px;
		}
		.team .member #toggle a.prev { background-position: 0 -47px; }
		.team .member #toggle a.prev:hover { background-position: 0 0; }
		.team .member #toggle a.next { background-position: -55px -47px; }
		.team .member #toggle a.next:hover { background-position: -55px 0; }
		
.team h2 {
	background-image: url(/img/hdr/headers.png);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9999px;
	border-bottom: 1px solid #dadada;
}
.team .management { background-position: 0 -2639px; }
.team .magic { 
	background-position: 0 -2673px; 
	margin: 0 0 22px 0;
}

.team #office {}
	.team #office  .col_a {
		float: left;
		width: 400px;
	}
	.team #office  .col_b {
		float: right;
		width: 520px;
	}
	.team #office .photo {
		float: left;
		margin: 0 0 16px 0;
	}
		.team #office .photo img { position: absolute; }
	
	
	.team #office .photo#photo1 { 
		width: 400px;
		height: 269px;
	}
	.team #office .photo#photo2 { 
		width: 400px;
		height: 282px;
	}
	.team #office .photo#photo3 { 
		width: 520px;
		height: 348px;
	}
	.team #office .photo#photo4 { 
		margin-right: 13px; 
		width: 238px;
		height: 203px;
	}
	.team #office .photo#photo5 { 
		width: 269px;
		height: 203px;
	}

.gallery { color: #3399cc; }
.gallery:hover { 
	color: #3399cc;
	border-bottom: 1px dotted #72c6e6; 
}
	
/* ======================================================================================= */