/* contact ================================================================================= */

/* secondary nav */
#nav_secondary a { background-image: url(/img/nav/subnav_contact.png); }
#nav_contact a { width: 80px; }
	.contact  #nav_contact a { background-position: 0 0; }
	.work_here  #nav_contact a { background-position: 0 -52px; }
	.sitemap  #nav_contact a { background-position: 0 -104px; }
		.work_here  #nav_contact a:hover,
		.sitemap  #nav_contact a:hover { background-position: 0 -156px; }
#nav_workhere a { width: 86px; }
	.contact  #nav_workhere a { background-position: -80px 0; }
	.work_here  #nav_workhere a { background-position: -80px -52px; }
	.sitemap  #nav_workhere a { background-position: -80px -104px; }
		.contact  #nav_workhere a:hover,
		.sitemap  #nav_workhere a:hover { background-position: -80px -156px; }
#nav_sitemap a { width: 70px; }
	.contact  #nav_sitemap a { background-position: -166px 0; }
	.work_here  #nav_sitemap a { background-position: -166px -52px; }
	.sitemap  #nav_sitemap a { background-position: -166px -104px; }
		.contact  #nav_sitemap a:hover,
		.work_here  #nav_sitemap a:hover { background-position: -166px -156px; }
	
/* masthead */
.contact #masthead { 
	background-position: 0 -2650px;
	height: 166px;
}
.work_here #masthead { 
	background-position: 0 -2484px;
	height: 166px;
}
.sitemap #masthead {
	background-position: 0 -4066px;
	height: 166px; 
}

/* contact */
.contact #main {
	background: url(/img/bg/bg_grid_dotted.png) repeat 0 0;

	padding: 17px;
	margin: 0 0 30px 0;
}
		.contact #main .col_a {
			float: left;
			background-color: #fff;
			width: 591px;
			padding: 20px 0 37px 19px;
		}
			.contact #main .col_a .inner_a { 
				float: left; 
				margin: 0 20px 0 0; 
			}
				.contact #main .col_a .inner_a h2,
				.contact #main .col_a .inner_b h2 {
					background: url(/img/hdr/headers.png) no-repeat 0 0;
					width: 271px;
					height: 23px;
					margin: 0 0 6px 0;
					text-indent: -9999px;
					border-bottom: 1px solid #dadada;
				}
				.contact #main .col_a .inner_a #visit h2 { background-position: 0 -644px; }
				.contact #main .col_a .inner_a #phone h2 { background-position: 0 -672px; }		
				.contact #main .col_a .inner_a #visit,
				.contact #main .col_a .inner_a #phone { margin: 0 0 20px 0; }
					.contact #main .col_a .inner_a #visit address {
						font-size: 1.6em;
						color: #575757;
						line-height: 1.4em;
					} 
					.contact #main .col_a .inner_a #phone p { margin: 0; }
					.contact #main .col_a .inner_a #phone p em {
						font-size: .8em;
						color: #7c7c7c;
						font-style: italic;
					}
			.contact #main .col_a .inner_b { float: left; }
				.contact #main .col_a .inner_b #email { padding: 0 0 12px 0; }
					.contact #main .col_a .inner_b #email h2 { background-position: 0 -701px; }
					.contact #main .col_a .inner_b #email ul { list-style-type: none; }
						.contact #main .col_a .inner_b #email li { 
							font-size: 1.5em;
							color: #575757;
							line-height: 1.5em;
							margin: 0 0 8px 0;
						}
							.contact #main .col_a .inner_b #email li a { 
								color: #3a3a3a; 
								font-style: italic;
							}
							.contact #main .col_a .inner_b #email li a:hover { 
								color: #040707; 
							}
		.contact #main .col_b {
			float: right;
			width: 342px;
		}
			.contact #main .col_b img {
				background-color: #fff;
				padding: 11px;
				margin: 0 0 13px 0;
			}
			.contact #main .col_b a.jack {
				display: block;
				background: url(/img/contact/jack_website.png) no-repeat 0 0;
			
				height: 115px;
				text-indent: -9999px;
			}
			.contact #main .col_b a.jack:hover { background-position: 0 -115px; }
			
/* work here */
.work_here #masthead .headline { font-size: 6.3em; }
.work_here #main { 
	background: url(/img/bg/bg_grid_dotted.png) repeat 0 0;
	width: 971px;
	padding: 15px;
}
	.work_here #col_a {
		float: left;
		width: 612px;
		padding: 0 0 50px 0;
		margin: 0 17px 0 0; 
		background-color: #fff;
	}
		.work_here #slideshow {
			background-color: #fff;
			display: block;
			height: 344px;
			/* padding: 15px; */
			position: relative;
			margin: 15px 0 0 15px;
		}
			.work_here #slideshow img {
				position: absolute;
				top: 0px;
				left: 0px;
				display: none;
			}
			.work_here #slideshow  .nivo-slice {
				display: block;
				position: absolute;
				z-index: 50;
				height: 100%;
			}
		.work_here #col_a .wrapper {
			padding: 13px 100px 0 34px;
			width: auto;
		}
			.work_here #col_a .wrapper .copy { 
				margin: 0 0 65px 0; 
			}
			.work_here.job #col_a .wrapper .copy { padding-top: 10px; }
				.work_here #col_a .wrapper .copy h2 {
					font-size: 2.1em;
					color: #222;
					margin: 0 0 10px 0;
					font-weight: bold;
				}
				.work_here.job #col_a .wrapper .copy h2 { font-size: 2.4em; }
				.work_here #col_a .wrapper .copy h3 {
					font-size: 1.4em;
					font-weight: bold;
					color: #222;
					margin: 0 0 15px 0;
				}

				.work_here #col_a .wrapper .copy ul { margin: 0 0 25px 0; }
				.work_here #col_a .wrapper .copy li {
					font-size: 1.3em;
					line-height: 1.6;
					color: #575757;
					margin: 0 0 5px 15px;
					list-style: disc;
				}
					.work_here #col_a .wrapper .copy li li,
					.work_here #col_a .wrapper .copy li li li,
					.work_here #col_a .wrapper .copy li li li li { 
						font-size: 1.0em; 
					}
				
				.work_here #col_a .wrapper #openings h3 {
					background: url(/img/hdr/headers.png) no-repeat 0 -731px;
					height: 26px;
					margin: 0 0 5px 0;
					text-indent: -9999px;
					border-bottom: 1px solid #dadada;
				}
				.work_here #col_a .wrapper #openings ul { list-style-type: none; }
					.work_here #col_a .wrapper #openings li {
						font-size: 1.5em;
						color: #222;
						font-style: italic;
						margin: 0 0 10px 0;
					}
						.work_here #col_a .wrapper #openings li a { color: #222; }
		.work_here #col_b{ 
			float: left;
			background: #fff;
			width: 329px;
			height: 100%;
			padding: 6px 4px;
			margin: 0 0 0 0;
		}
			.work_here #top5 {
				padding: 20px 13px 0 13px;
				border: 1px solid #dadada;
			}
			.work_here #top5 h4 {
				background: url(/img/hdr/hdr_top5.png) no-repeat 0 0;
				height: 81px;
				padding: 0 0 19px 0;
				text-indent: -9999px;
				border-bottom: 1px solid #dadada;
			}
			.work_here #top5 ol {}
				.work_here #top5 li {
					background-image: url(/img/bg/bg_top5.png);
					background-repeat: no-repeat;
					height: 109px;
					text-indent: -9999px;
					overflow: hidden;
					position: relative;
					border-bottom: 1px solid #dadada; 
				}
				.work_here #top5 #reason1 { background-position: 0 0; }
				.work_here #top5 #reason1.hover { background-position: -302px 0; }
				
				.work_here #top5 #reason2 { background-position: 0 -109px; }
				.work_here #top5 #reason2.hover { background-position: -302px -109px; }
				
				.work_here #top5 #reason3 { background-position: 0 -218px; }
				.work_here #top5 #reason3.hover { background-position: -302px -218px; }
				
				.work_here #top5 #reason4 { background-position: 0 -327px; }
				.work_here #top5 #reason4.hover { background-position: -302px -327px; }
				
				.work_here #top5 #reason5 { 
					background-position: 0 -436px;
					border: none; 
				}
				.work_here #top5 #reason5.hover { background-position: -302px -436px; }
				
				.work_here #top5 li .head {
					position: absolute;
					background-image: url(/img/bg/bg_top5_heads.png);
					background-repeat: no-repeat;
					height: 109px;
					width: 103px;
					left: 198px;
					top: 90px;
				}
				.work_here #top5 .one .head { background-position: 0 0; }
				.work_here #top5 .two .head { background-position: 0 -109px; }
				.work_here #top5 .three .head { background-position: 0 -220px; }
				.work_here #top5 .four .head { background-position: 0 -331px; }
				.work_here #top5 .five .head { background-position: 0 -440px; }

/* sitemap */					
.sitemap #main { 
	background: url(/img/bg/bg_grid_dotted.png) repeat 0 0;
	padding: 15px;
}
		.sitemap h2 a { 
			background: url(/img/hdr/headers.png) no-repeat 0 0;
			display: block;
			width: 230px;
			height: 23px;
			margin: 0 0 7px 0;
			border-bottom: 1px solid #dadada;
			text-indent: -9999px;
		}
		.sitemap #portfolio h2 a { width: 770px; }
		.sitemap #case_studies h2 a { width: 500px; }
		.sitemap .wrap { 	
			padding: 20px 0 20px 20px; 
			background: #fff;
		}
			.sitemap #main .level1, 
			.sitemap #main .level2 {
				margin: 0 0 20px 0;
			}
			.sitemap #main .col_a { 
				float: left;
				margin: 0 40px 0 0;
			}
				.sitemap #main .col_a #work h2 a { background-position: 0 -1421px; }
				.sitemap #main .col_a #company h2 a { background-position: 0 -1449px; }
				.sitemap #portfolio h2 a { background-position: 0 -1850px; }
			.sitemap #main .col_b { 
				float: left;
				background-color: #fff;
				margin: 0 40px 0 0;
			}
				.sitemap #main .col_b #expertise h2 a { background-position: 0 -1474px; }
				.sitemap #case_studies h2 a { background-position: 0 -1878px; }
			.sitemap #main .col_c { 
				float: left;
				background-color: #fff; 
			}
				.sitemap #main .col_c #contact h2 a { background-position: 0 -1554px; }
				.sitemap #main .col_c #blog h2 a { background-position: 0 -1500px; border: none; }
			.sitemap #main .map { margin: 0 0 20px 0; }
				.sitemap #main .map.last { margin: 0; }
				.sitemap #main .map.break { 
					padding: 0 0 10px 0;
					margin: 0 0 20px 0;
					border-bottom: 1px solid #dadada;
				 }
				
			.sitemap #main ul { 
				list-style-type: none;
				width: 230px; 
			}
				.sitemap #portfolio ul,
				.sitemap #case_studies ul { 
					float: left;
					margin: 0 40px 0 0;
				}
				.sitemap #main li {
					font-size: 1.5em;
					color: #575757;
					margin: 0 0 11px 0;	
				}
					.sitemap #main li a {	 }
						.sitemap #main li a:hover {  }