html{font-size:20px;margin:0;padding:0;}
body{line-height:1;font-size:50%;margin:0;padding:0;}
div,iframe,form,embed,object,applet,label,img{border:none;outline:none;background-color:transparent;margin:0;padding:0;}
table,thead,tbody,tfoot,tr,th,td{text-align:left;vertical-align:top;font-weight:400;font-style:normal;border-style:none;margin:0;padding:0;}
ol,ul{list-style-type:none;margin:0;padding:0;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;outline:none;outline:0;}
p,h1,h2,h3,h4,h5,h6,dl,dt,dd,blockquote{margin:0;padding:0;}
abbr{border-bottom-width:0;}
/* @end 1. CSS Reset */

/* @group 2. Layout */
body {
	background-color: #1a1a1a;
	color: #3d454b;
	font-family: "Helvetica Neue", Arial, "DejaVu Sans", sans-serif;
	text-align: center;
	}

.wrap {
	display: block;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 960px;
	text-align: left;
	}

#page {
	clear: both;
	display: block;
	margin: 0;
	overflow: auto;
	padding: 16px 0 0;
	background: #ededed url(images/bg-body.gif) repeat 0 0;
	border-right: 1px solid #ccc;
	}

body.home .wrap {
	overflow: auto;
	}

#page .wrap {
	padding: 16px 0 72px;
	background: #fbfbfb url(images/bg-page.gif) no-repeat 0 0;
	z-index: 100;
	}

#header {
	clear: both;
	display: block;
	margin: 20px 45px;
	overflow: visible;
	padding-bottom: 17px;
	border-bottom: 3px double #d1d1d1;
	}

#content {
	margin: 0 45px;
	overflow: auto;
	}

#footer {
	clear: both;
	display: block;
	margin: -175px 0 0;
	overflow: auto;
	position: relative;
	padding: 225px 0 0;
	z-index: 10;
	background: #181818 url(images/bg-footer.gif) repeat 0 0;
	color: #c2c2c2;
	}

#meta {
	padding: 18px 0 24px;
	text-align: left;
	}
/* @end 2. Layout*/

/* @group 3. Typography, Forms, and Common Styles */
h1, h2, h3, h4, h5, h6, textarea {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

hr { clear: both; display: block; height: 1px; visibility: hidden; }

i, em, blockquote, .tweetcontainer, .date, .intro, .tags {
	font-weight: 400;
	}

i, em, blockquote, .tweetcontainer, .date, .tags {
	font-family: Georgia, Palatino, "Palatino Linotype", "DejaVu Serif", serif;
	font-style: italic;
	}

blockquote, .tweetcontainer, .date, .intro, .tags {
	color: #838383;
	}

.color1 span, legend.color1 { background-color: #6f9e9f; }

.color2 span { background-color: #a7b886; }

.color3 span { background-color: #57a8c8; }

.color4 span { background-color: #be9981; }

.color5 span { background-color: #d17082; }

.color6 span { background-color: #fc8654; }

.color7 span { background-color: #797e92; }

.color8 span { background-color: #ababab; }

.color9 span { background-color: #afcad6; }

.color10 span { background-color: #a38dd6; }

.color11 span { background-color: #bb85b3; }

.color12 span { background-color: #9a9a9a; }

#content .post img {
	padding: 5px;
	background-color: #fbfbfb;
	border: 1px solid #d9d9d9;
	border-right-color: #9b9b9b;
	border-bottom-color: #9b9b9b;
	}

.alignleft, img[align=left] {
	display: inline;
	float: left;
	margin: 0 2em 1em 0;
	}

.alignright, img[align=right] {
	display: inline;
	float: left;
	margin: 1em;
	}

/* @group Forms */
p input, p select, p textarea {
	display: block;
	margin: 0;
	padding: .3em .4em .5em;
	border: 1px solid #d9d9d9;
	border-right-color: #9b9b9b;
	border-bottom-color: #9b9b9b;
	font-size: 1em;
	}

p input[type=submit] {
	padding: .4em;
	}
/* @end Forms */

/* @group Links */
body.home #content a, body.home #content a:link,
#content.bio #sidebar a, #content.bio #sidebar a:link {
	color: #3d454b;
	cursor: pointer;
	border-bottom: 1px solid #b4b4b4;
	font-weight: 700;
	}

#content.bio #sidebar .rss a, #content.bio #sidebar .rss a:link {
	padding: 0;
	border-bottom-width: 0;
	font-size: 1.3em;
	}

#content.bio #sidebar .rss a:hover {
	border-bottom-width: 1px;
	}

#content.bio #sidebar .nocontent, #content.bio #sidebar ul a, #content.bio #sidebar ul a:link {
	display: block;
	padding: 1.2em .4em;
	border-bottom-width: 0;
	text-decoration: none;
	}

#content.bio #sidebar ul a:hover {
	border-bottom-width: 1px;
	}

body.home #content a:hover,
#content.bio #sidebar a:hover {
	color: #70787f;
	}

body.home #content a:active,
#content.bio #sidebar a:active {
	color: #b4b4b4;
	background-color: #3d454b;
	}

#content a, #content a:link {
	color: #44839c;
	cursor: pointer;
	border-bottom: 1px solid #b4b4b4;
	font-weight: 700;
	}

body.home #content a.img, body.home #content a.img:link, 
#content a.img, #content a.img:link {
	border-bottom-width: 0;
	}

#content a:hover {
	color: #58a9c9;
	}

#content a:active {
	color: #fbfbfb;
	background-color: #305c6d;
	}

#content h1 a, #content h1 a:link, 
#content h2 a, #content h2 a:link, 
#content h3 a, #content h3 a:link, 
#content h4 a, #content h4 a:link, 
#content h5 a, #content h5 a:link,
#content h6 a, #content h6 a:link,
body.home #content h1 a, body.home #content h1 a:link, 
body.home #content h2 a, body.home #content h2 a:link, 
body.home #content h3 a, body.home #content h3 a:link, 
body.home #content h4 a, body.home #content h4 a:link, 
body.home #content h5 a, body.home #content h5 a:link, 
body.home #content h6 a, body.home #content h6 a:link {
	border-bottom-width: 0;
	}

#content h1 a:hover, body.home #content h1 a:hover,
#content h2 a:hover, body.home #content h2 a:hover,
#content h3 a:hover, body.home #content h3 a:hover,
#content h4 a:hover, body.home #content h4 a:hover,
#content h5 a:hover, body.home #content h5 a:hover,
#content h6 a:hover, body.home #content h6 a:hover {
	border-bottom-width: 1px;
	}
/* @end Links */

/* @group Page and Post Font Sizing */
#content h1 {
	font-size: 3em;
	line-height: 1.2em;
	margin-bottom: .45em;
	}

#content h2,
#content .intro {
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom: 1.5em;
	}

#content h2.section {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: .5em 0 1.5em;
	}

#content h2.section span, .single #content legend {
	padding: 4px 6px;
	color: #fff;
	font-weight: 400;
	letter-spacing: .09em;
	text-transform: uppercase;
	}

#content h2.section a, #content h2.section a:link, #content h2.section a:visited,
#content h2.section a:hover, #content h2.section a:active {
	background-color: transparent;
	border-bottom-width: 0 !important;
	color: #fff;
	font-weight: 400;
	}

#content h2.section a:hover {
	border-bottom-width: 0;
	color: #eee;
	}

#content h2.section a:active {
	border-bottom-width: 0;
	font-weight: 700;
	}

#content h3 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 1.1em;
	}

#content h4 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 1.1em;
	}

#content h5,
#content blockquote {
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: 1.5em;
	}

#content blockquote {
	margin: 0 5em 3.2em;
	padding-left: 3em;
	background: transparent url(images/icon-quote-inner.gif) no-repeat 21px 4px;
	border-left: 1px solid #d1d1d1;
	text-indent: 2em;
	}

#content blockquote p {
	font-size: 1em;
	line-height: 2em;
	}

#content h6,
#content p {
	font-size: 1.3em;
	line-height: 1.8em;
	margin-bottom: 1.5em;
	}

#content ol {
	margin-bottom: 1.5em;
	list-style-type: decimal;
	}

#content ul {
	margin-bottom: 1.5em;
	list-style-type: square;
	}

#content li {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 .5em 2em;
	}

#content #sidebar li {
	margin: 0;
	padding: 12px 0;
	border-top: 1px solid #b4b4b4;
	list-style-type: none;
	}

#content #sidebar li.first {
	padding: 0 0 12px;
	border-top: 0;
	}
/* @end Page and Post Font Sizing */

/* @group #breadcrumbs */
#breadcrumbs {
	display: block;
	margin-bottom: 30px;
	font-size: 1.2em;
	}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
	color: #44839c;
	font-weight: 400;
	}
/* @end #breadcrumbs */

/* @group Header for Blog and Lab */
.page-template-bloghome-php #header, .page-template-labhome-php #header, .search-results #header { 
	margin: 20px 45px 0;
	}

#intro {
	display: block;
	padding: 2em 3em 2em 9em;
	margin: 0 0 2em;
	overflow: auto;
	border-bottom: 1px dotted;
	}

#content.blog #intro {
	background: transparent url(images/icon-blog.gif) no-repeat 30px 21px;
	}

#content.lab #intro {
	background: transparent url(images/icon-lab_beaker.gif) no-repeat 30px 9px;
	}

#intro h1 {
	margin: 0;
	width: 450px;
	font-size: 1.9em;
	line-height: 1.3em;
	font-family: Georgia, Palatino, "Palatino Linotype", "DejaVu Serif", serif;
	}

#content.search-results #intro {
	padding: 2em 3em;
	}
	
#intro p {
	display: block;
	margin: 0;
	color: #565656;
	}

#content.blog #intro p {
	width: 460px;
	}

/* @group Search */
#searchform {
	display: inline;
	float: right;
	margin: 11px 0 0;
	width: 270px;
	}

#content.search-results #intro #searchform {
	margin: 0;
	}

#searchform fieldset {
	border-width: 0;
	padding: 0;
	}

#searchform legend { display: none; }

#searchform input#s {
	padding: .2em .1em .2em 2em;
	background-image: url(images/icon-search.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	font-size: 1.3em;
	color: #565656;
	border: 1px solid #d9d9d9;
	border-right-color: #9b9b9b;
	border-bottom-color: #9b9b9b;
	}
/* @end Search */
/* @end #intro Header for blog and lab */

/* @group Search Results */
.search-results #content .post { border-bottom: 1px solid #d3d3d3; padding: 1.5em 0; }
.search-results #content .by_author { margin: 0 0 .4em; }
.search-results #content .date { display: block; margin: 0 0 .5em; font-size: 1.3em; }
.search-results #content .postmetadata { margin: .25em 0 0; font-size: 1.1em; }
.search-results #content h3 { margin-bottom: .4em; }
.search-results #content h2 { margin-bottom: .1em; }
.search-results #content h2 a { color: #3d454b; }
.search-results #content .navigation { margin: 1.5em 0 0; }
.search-results #content .navigation p { margin: 0; }
.search-results #content .navigation a, .search-results .navigation a:link { margin: 0 1em 0 0; }
.search-results #searchform { top: 0; }
#search-results-subheader { position: relative; }
/* @end Search Results */

/* @group .frame */
#content .frame {
	overflow: hidden;
	position: relative;
	border: 1px solid #d9d9d9;
	border-right-color: #9b9b9b;
	border-bottom-color: #9b9b9b;
	}

#content .frame ul {
	display: block;
	margin: 5px 0 0 5px;
	overflow: hidden;
	padding: 0;
	position: relative;
	border: 0;
	list-style-type: none;
	text-decoration: none;
	}

#content .frame li, #content .frame a, #content .frame a:link {
	margin: 0;
	padding: 0;
	background: transparent none;
	border: 0;
	text-decoration: none;
	}

#content .frame img {
	margin: 0;
	padding: 0;
	border: 0;
	}
/* @end .frame */
/* @end 3. Typography, Forms, and Common Styles */

/* @group 4. Header */
#header a, #header a:link, #header a:visited {
	color: #494949;
	}

#header a:hover {
	color: #838688;
	}

#header a:active {
	color: #494949;
	}

#header #arc-logo {
	clear: left;
	display: inline;
	float: left;
	width: 121px;
	}

#arc-logo a, #arc-logo a:link {
	display: block;
	height: 47px;
	width: 121px;
	background: transparent url(images/logo-arc90-header.gif) no-repeat 0 0;
	text-indent: -9000px;
	}

#primaryNav {
	clear: right;
	display: inline;
	height: 30px;
	float: right;
	margin-top: 8px;
	overflow: auto;
	width: 573px;
	font-size: 1.2em;
	font-weight: 800;
	line-height: 1em;
	white-space: nowrap;
	}

#primaryNav li {
	display: inline;
	float: left;
	margin-left: 70px;
	}

#primaryNav li.first {
	margin-left: 0;
	}

#primaryNav a, #primaryNav a:link, #primaryNav a:visited {
	display: block;
	padding: 7px 0 11px;
	background: #fbfbfb;
	letter-spacing: .1em;
	}

#primaryNav li.current_page_item a, #primaryNav li.current_page_item a:link, #primaryNav li.current_page_item a:visited {
	padding: 3px 0 11px;
	border-top: 4px solid #838688;
	}
/* @end 4. Header */

/* @group 5. Content */

/* @group .single Posts */
#content.single .post {
	padding: 0 45px 2em;
	border-bottom: 3px double #C6C6C6;
	}

#content.single .post p, #content.single .post li {
	font-size: 1.6em;
	}

#content.single .post blockquote {
	font-size: 1.1em;
	}

/* Workaround for dp-highlighter's use of li's */
div.dp-highlighter li {
	font-size: 1em !important;
}

/* @end .single Posts */

/* @group .lab Home */
#content.lab ul {
	clear: both;
	display: block;
	margin: 0;
	overflow: auto;
	list-style-type: none;
	}

#content.lab li {
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	}

#content.lab h3 {
	margin-bottom: 0;
	}

#content.lab h4 {
	margin-bottom: 0;
	}

#content.lab #featured {
	display: inline;
	float: left;
	}

#content.lab #featured li, #content.lab #recent li {
	display: inline;
	float: left;
	margin: 0 40px 0 0;
	width: 187px;
	}

#content.lab #recent, #content.lab #additional {
	clear: both;
	display: block;
	}

#content.lab #recent {
	padding: 2em 0 0;
	border-top: 1px solid #d1d1d1;
	}

#content.lab #additional ul {
	border-top: 1px solid #d1d1d1;
	}

#content.lab #additional li {
	display: inline;
	float: left;
	height: 41px;
	width: 290px;
	border-bottom: 1px solid #d1d1d1;
	}

#content.lab #additional h6 {
	margin: .7em 0 .3em;
	}
/* @end .lab Home */

/* @group .home */
#content.home {
	margin-top: 35px;
	}

#content.home #highlights {
	display: inline;
	float: left;
	width: 615px;
	}

#content.home #tagline {
	display: block;
	height: 104px;
	margin-bottom: 28px;
	width: 616px;
	background: transparent url(images/text/tagline-innovation.gif) no-repeat 0 0;
	text-indent: -9000px;
	}

#content.home h3 {
	margin-bottom: .3em;
	}

/* @group Showcase */
#content.home .frame {
	display: block;
	height: 237px;
	width: 611px;
	}

#content.home #slideshow {
	height: 227px;
	width: 601px;
	}

#content.home #slideshow-pager {
	margin: 1em 0 0;
	height: 15px;
	overflow: visible;
	padding: 0 0 .1em;
	text-align: center;
	}

#content.home #slideshow-pager a, #content.home #slideshow-pager a:link, 
#content.home #slideshow-pager a:visited, #content.home #slideshow-pager a:hover, #content.home #slideshow-pager a:active {
	display: inline-block;
	height: 6px;
	margin: 6px 6px 0;
	width: 6px;
	background: transparent url(images/icon-slideshow_pager.gif) no-repeat 0 0;
	border: 0;
	text-indent: -9000px;
	}

#content.home #slideshow-pager a.activeSlide, #content.home #slideshow-pager a.activeSlide:link, 
#content.home #slideshow-pager a.activeSlide:visited, #content.home #slideshow-pager a.activeSlide:hover, #content.home #slideshow-pager a.activeSlide:active {
	background: transparent url(images/icon-slideshow_pager-active.gif) no-repeat 0 0;
	}
/* @end Showcase */

/* @group .home .lab-item */
#lab {
	margin-top: 10px;
	}

.lab-item {
	display: inline;
	float: left;
	width: 180px;
	margin-right: 37px;
	}

.lab-item.last {
	margin-right: 0;
	}

.lab-item h3 {
	margin: .8em .3em .5em;
	}

.lab-item p {
	margin: .3em .4em .5em;
	}
/* @end .home .lab-item */

/* @group .home #sidebar */
#content.home #sidebar {
	display: inline;
	float: right;
	width: 213px;
	}

#content.home #sidebar #about-us {
	display: block;
	margin-bottom: 26px;
	}

#content.home #about-us h2 {
	margin-bottom: .3em;
	}

#content.home #sidebar #more-articles {
	margin-top: 30px;
	}

#content.home #sidebar #more-articles a, #content.home #sidebar #more-articles a:link,
#content.home #from-the-blog ul a, #content.home #from-the-blog ul a:link,
#content.home #arc90-buzz ul a, #content.home #arc90-buzz ul a:link {
	border-bottom-width: 0;
	}

#content.home #sidebar #more-articles a:hover,
#content.home #from-the-blog ul a:hover,
#content.home #arc90-buzz ul a:hover {
	border-bottom-width: 1px;
	}
/* @end .home #sidebar */
/* @end .home */

/* @group .about */
#content.about {
	overflow: visible;
	}

#content.about .entry {
	display: inline;
	float: left;
	margin: 0 0 45px 0;
	width: 560px;
	}

#content.about .frame {
	display: inline;
	float: left;
	height: 210px;
	margin: 0 40px 20px 0;
	width: 230px;
	text-align: center;
	}

#content.about .frame ul {
	height: 200px;
	width: 220px;
	}

#content.about .entry .partnerQuote {
	display: block;
	overflow: auto;
	padding: 0 0 1.5em;
	}

#content.about .entry .partnerQuote blockquote {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	}


#content.about .entry .partnerQuote blockquote p {
	margin: 0;
	padding: .5em 1em 1em 2.5em;
	border-width: 0 0 1px 1px;
	border-style: dotted;
	border-color: #d1d1d1;
	background: transparent url(images/icon-quote-inner.gif) no-repeat 10px 8px;
	color: #6f9e9f;
	font-size: 1.6em;
	line-height: 1.5em;
	text-indent: 0;
	}

#content.about .entry .partnerQuote p {
	display: inline;
	float: right;
	padding: 0 1em;
	border-width: 0 1px 1px 0;
	border-style: dotted;
	border-color: #d1d1d1;
	color: #838383;
	margin: 0;
	}

/* @group .about #sidebar */
#content.about #sidebar {
	display: inline;
	float: right;
	margin: 0 0 45px 0;
	width: 240px;
	border-left: 1px solid #d1d1d1;
	}

#content.about #sidebar #meet-the-team a.imglink, #content.about #sidebar #meet-the-team a.imglink:link {
	border: 0;
	color: #3d454b;
	font-weight: 400;
	}

#content.about #sidebar .innerWrap {
	margin-left: 40px;
	}

#content.about #sidebar #about-quote {
	display: block;
	margin-bottom: 0px;
	}

#content.about #about-quote blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(images/icon-quote-inner.gif) no-repeat 0 0;
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 1.3em;
	}

#content.about #about-quote p ins {
	display: inline;
	float: left;
	width: 1em;
	text-decoration: none;
	}

#content.about #about-quote p span {
	display: block;
	margin-left: 1.2em;
	}

#content.about #about-quote p span a, #content.about #about-quote p span a:link {
	display: block;
	border-bottom-width: 0;
	}

#content.about #about-quote p span a:hover {
	border-bottom-width: 1px;
	}
/* @end .about #sidebar */

/* @group .about #our-process */
#content.about #our-process {
	clear: both;
	display: block;
	float: none;
	height: 235px;
	left: -62px;
	margin: 0;
	position: relative;
	width: 932px;
	z-index: 100;
	background: url(images/bg-process.gif) no-repeat scroll 0 0;
	}

#content.about #our-process dl {
	display: inline;
	float: left;
	margin: 17px 30px 0 62px;
	width: 210px;
	}

#content.about #our-process dt {
	margin: 0 0 11px;
	}

#content.about #our-process dd {
	margin: 0 0 .5em;
	padding-left: 34px;
	background: transparent url(images/icon-square-white.gif) no-repeat 20px 8px;
	font-size: 1.3em;
	line-height: 1.6em;
	white-space: nowrap;
	}

#content.about #our-process #strategy dt {
	display: block;
	height: 31px;
	width: 111px;
	background: transparent url(images/text/strategy.gif) no-repeat 0 0;
	text-indent: -9000px;
	}

#content.about #our-process #design dt {
	display: block;
	height: 31px;
	width: 90px;
	background: transparent url(images/text/design.gif) no-repeat 0 0;
	text-indent: -9000px;
	}

#content.about #our-process #development dt {
	display: block;
	height: 31px;
	width: 175px;
	background: transparent url(images/text/development.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
/* @end .about #sidebar */
/* @end .about */

/* @group .work */
#content.work .post {
	clear: both;
	display: block;
	padding: 20px 0 40px;
	overflow: auto;
	}

#content.work .frame {
	display: inline;
	float: left;
	width: 492px;
	height: 337px;
	}

#content.work .frame ul {
	width: 482px;
	height: 327px;
	}

#content.work .frame img {
	border: 1px solid #9d9d9d;
	}

#content.work .frame p {
	margin: 5px 0 0 5px;
	}

#content.work .description {
	display: block;
	margin-left: 522px;
	}

#content.work .post h3 {
	margin: 0;
	padding: 12px 0 0;
	color: #111;
	}

#content.work h3 img {
	margin: 0;
	padding: 0;
	position: relative;
	top: -12px;
	border: 0;
	vertical-align: middle;
	}

#content.work .tags {
	margin: 0 0 .3em;
	}

#content.work .thumbnails {
	display: block;
	list-style-type: none;
	margin: 0 0 1em;
	overflow: auto;
	}

#content.work .thumbnails li {
	display: inline;
	float: left;
	margin: 0 22px 0 0;
	cursor: pointer;
	}

#content.work .exitUrl {
	display: block;
	margin-top: 2em;
	}
/* @end .work */

/* @group .team */
#content.team {
	overflow: visible;
	}

#content.team .employee {
	display: inline;
	float: left;
	height: 118px;
	margin: 0 36px 17px 0;
	position: relative;
	width: 93px;
	}

#content.team .employee.lastinrow {
	margin: 0 0 17px 0;
	}

#content.team .employee-tags {
	margin: 3px auto 0;
	padding: 0;
	visibility: hidden;
	}

#content.team .active .employee-tags {
	visibility: visible;
	}

#content.team .employee-tags li {
	display: inline;
	height: 5px;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: 9px;
	font-size: .1em;
	text-indent: -9000px;
	}

/* @group .headshot */
#content.team .headshot {
	display: block;
	height: 93px;
	overflow: hidden;
	width: 93px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-right-color: #9b9b9b;
	border-bottom-color: #9b9b9b;
	}

#content.team .headshot a, #content.team .headshot a:link, #content.team .headshot a:visited, #content.team .headshot a:hover, #content.team .headshot a:active {
	display: block;
	height: 83px;
	margin: 5px 0 0 5px;
	width: 83px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9000px;
	}

#content.team .active .headshot a, #content.team .active .headshot a:link, #content.team .active .headshot a:visited {
	background-position: 0 -83px;
	}

#content.team .headshot a:hover, #content.team .headshot a.active:hover {
	background-position: 0 0;
	}

#content.team .active .headshot a:hover, #content.team .active .headshot a.active:hover {
	background-position: 0 -166px;
	}
/* @end .headshot */

/* @group .infoBubble */
#content.team .infoBubble {
	position: absolute;
	top: 87px;
	z-index: 1000;
	background: transparent url(images/bg-infobubble-arrow.gif) no-repeat 60px 0;
	color: #fff;
	font-size: .75em;
	}
#content.team .infoBubble div {
	left: -10px;
	padding: 1em 1.5em;
	position: relative;
	top: 10px;
	background: #333;
	color: #fff;
	}

#content.team .lastinrow .infoBubble div {
	left: -70px;
	}

#content.team .infoBubble h4, #content.team .infoBubble h5 {
	display: block;
	margin: .2em 0 0;
	padding: 0;
	white-space: nowrap;
	}

#content.team .infoBubble h5 {
	color: #bcbcbc;
	}
/* @end .infoBubble */

/* @group #tag-filter */
#content.team #tag-filter {
	display: inline;
	float: left;
	margin: 0 36px 0 0;
	overflow: auto;
	width: 351px;
	text-align: right;
	}

#tag-filter ul {
	margin: 15px 0 0;
	display: block;
	}

#tag-filter li {
	display: inline;
	float: right;
	margin: 0 0 30px 6px;
	list-style-type: none;
	}

#tag-filter a, #tag-filter a:link, #tag-filter a:visited {
	padding: 7px 14px;
	border: 0;
	color: #eee;
	font-size: 1.1em;
	font-weight: 400;
	white-space: nowrap;
	}

#tag-filter a:hover, #tag-filter a:active {
	border: 0;
	color: #fff;
	}

#tag-filter a.active, #tag-filter a.active:link {
	border: 0;
	color: #fff;
	}

#tag-filter a.active span {
	border-bottom: 1px solid #fff;
	}

/* @group #tag-filter colors */
.director, a.director, a.director:link, a.director:visited { background-color: #a7b886; }
a.director:hover, a.director:active, a.director.active { background-color: #92a56d !important; }

.partner, a.partner, a.partner:link, a.partner:visited { background-color: #6f9e9f; }
a.partner:hover, a.partner:active, a.partner.active { background-color: #588b8c !important; }

.kindling-team, a.kindling-team, a.kindling-team:link, a.kindling-team:visited { background-color: #fc8654; }
a.kindling-team:hover, a.kindling-team:active, a.kindling-team.active { background-color: #ea713c !important; }

.product-management, a.product-management, a.product-management:link, a.product-management:visited { background-color: #ababab; }
a.product-management:hover, a.product-management:active, a.product-management.active { background-color: #98918e !important; }

.development, a.development, a.development:link, a.development:visited { background-color: #c18142; }
a.development:hover, a.development:active, a.development.active { background-color: #af6f2f !important; }

.operations, a.operations, a.operations:link, a.operations:visited { background-color: #41779d; }
a.operations:hover, a.operations:active, a.operations.active { background-color: #2f658c !important; }

.strategy, a.strategy, a.strategy:link, a.strategy:visited { background-color: #57a8c8; }
a.strategy:hover, a.strategy:active, a.strategy.active { background-color: #4194b5 !important; }

.visual-design, a.visual-design, a.visual-design:link, a.visual-design:visited { background-color: #7c9c3d; }
a.visual-design:hover, a.visual-design:active, a.visual-design.active { background-color: #6a892c !important; }

.information-architecture, a.information-architecture, a.information-architecture:link, a.information-architecture:visited { background-color: #d17082;}
a.information-architecture:hover, a.information-architecture:active, a.information-architecture.active { background-color: #bf596c !important; }

.business-analysis, a.business-analysis, a.business-analysis:link, a.business-analysis:visited { background-color: #be9981;}
a.business-analysis:hover, a.business-analysis:active, a.business-analysis.active { background-color: #ad8469 !important; }
/* @end #tag-filter colors */
/* @end #tag-filter */
/* @end .team */

/* @group .bio */
#content.bio .entry {
	margin-left: 300px;
	}

#content.bio #pagehead {
	margin-bottom: 1.8em;
	padding-bottom: .9em;
	border-bottom: 1px solid #d1d1d1;
	}

#content.bio #pagehead h1 {
	display: block;
	margin: 0 0 .1em;
	color: #111;
	font-size: 3em;
	}

#content.bio #pagehead h4 {
	display: block;
	margin: 0;
	}

/* @group .bio #personal-links */
#content.bio #personal-links {
	display: block;
	overflow: auto;
	margin: 4em 0 0 0;
	padding: 0;
	}

#content.bio #personal-links a, #content.bio #personal-links a:link, #content.bio #personal-links a:visited,
#content.bio #personal-links a:hover, #content.bio #personal-links a:active {
	padding: 5px 11px 5px 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	font-weight: 400;
	}

#personal-links p {
	display: block;
	float: left;
	margin-right: 2em;
	overflow: auto;
	padding: 2px 4px 3px 0;
	}

#personal-links .email a, #personal-links .email a:link, #personal-links .email a:visited {
	background-image: url(images/social/icon-email.gif);
	border-width: 1px;
	border-style: solid;
	border-color: #d1d1d1;
	}

#personal-links ul {
	display: block;
	float: left;
	margin: 0;
	overflow: auto;
	padding: 2px 0 3px 0;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
	}

#personal-links ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#personal-links li a, #personal-links li a:link, #personal-links li a:visited,
#personal-links li a:hover, #personal-links li a:active {
	background-image: url(images/social/icon-misc.gif);
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #d1d1d1;
	}

#personal-links a.aol, #personal-links a.aol:link, #personal-links a.aol:visited,
#personal-links a.aol:hover, #personal-links a.aol:active {
	background-image: url(images/social/icon-aol.gif);
	}

#personal-links a.delicious, #personal-links a.delicious:link, #personal-links a.delicious:visited,
#personal-links a.delicious:hover, #personal-links a.delicious:active {
	background-image: url(images/social/icon-delicious.gif);
	}

#personal-links a.facebook, #personal-links a.facebook:link, #personal-links a.facebook:visited,
#personal-links a.facebook:hover, #personal-links a.facebook:active {
	background-image: url(images/social/icon-facebook.gif);
	}

#personal-links a.flickr, #personal-links a.flickr:link, #personal-links a.flickr:visited,
#personal-links a.flickr:hover, #personal-links a.flickr:active {
	background-image: url(images/social/icon-flickr.gif);
	}

#personal-links a.icq, #personal-links a.icq:link, #personal-links a.icq:visited,
#personal-links a.icq:hover, #personal-links a.icq:active {
	background-image: url(images/social/icon-icq.gif);
	}

#personal-links a.linkedin, #personal-links a.linkedin:link, #personal-links a.linkedin:visited,
#personal-links a.linkedin:hover, #personal-links a.linkedin:active {
	background-image: url(images/social/icon-linkedin.gif);
	}

#personal-links a.personal, #personal-links a.personal:link, #personal-links a.personal:visited,
#personal-links a.personal:hover, #personal-links a.personal:active {
	background-image: url(images/social/icon-personal.gif);
	}

#personal-links a.twitter, #personal-links a.twitter:link, #personal-links a.twitter:visited,
#personal-links a.twitter:hover, #personal-links a.twitter:active {
	background-image: url(images/social/icon-twitter.gif);
	}
/* @end .bio #personal-links */

/* @group .bio #sidebar */
#content.bio #sidebar {
	display: inline;
	float: left;
	width: 263px;
	}

#content.bio #sidebar #staff-headshot {
	margin-bottom: 24px;
	}

#content.bio #sidebar .rss {
	display: block;
	margin: 0;
	padding: 1.2em .4em;
	border-top: 3px double #b4b4b4;
	font-size: 1.1em;
	font-weight: 600;
	}

#content.bio #sidebar .rss a, #content.bio #sidebar .rss a:link {
	display: inline;
	padding-right: 18px;
	background: transparent url(images/icon-rss-mini.gif) no-repeat right 4px;
	}

#content.bio #sidebar ul {
	display: block;
	}

#content.bio #sidebar li {
	display: block;
	padding: 1em .4em;
	border-top: 1px solid #b4b4b4;
	}

#content.bio #sidebar li a, #content.bio #sidebar li a:link {
	display: inline;
	padding: 0 0 1px 0;
	font-weight: 400;
	}

#content.bio #sidebar li a:hover {
	padding: 0;
	}

#content.bio #sidebar .nocontent {
	font-style: italic;
	}
/* @end .bio #sidebar */
/* @end .bio */

/* @group .contact */
#content.contact .post {
	display: inline;
	float: left;
	margin: 0 0 20px 0;
	width: 395px;
	}

#content.contact form .required {
	display: inline;
	color: #bf596c;
	}

#content form p {
	margin-bottom: .75em;
	}

#content.contact .post input, #content.contact .message textarea {
	display: block;
	width: 395px;
	}

#content.contact .post input.submit {
	display: block;
	width: auto;
	}

#content.contact .post .alignleft, #content.contact .post .alignright {
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	width: 178px;
	}

#content.contact .post .alignright {
	float: right;
	margin: 0;
	}

#content.contact .post .alignleft input, #content.contact .post .alignleft label,
#content.contact .post .alignright input, #content.contact .post .alignright label {
	width: 180px;
	}

#content.contact #location {
	display: inline;
	float: right;
	margin: 0 0 20px 0;
	width: 425px;
	}

#content.contact .frame {
	height: 350px;
	width: 423px;
	}

#content.contact .frame iframe {
	display: block;
	height: 340px;
	margin: 5px 0 0 5px;
	width: 413px;
	z-index: 10;
	}

#content.contact #location .alignright {
	float: right;
	width: 15em;
	text-align: right;
	}
/* @end .contact */



/* @end 5. Content */

/* @group 6. Footer */
#footer #connect {
	display: inline;
	float: left;
	margin: 0 0 27px 45px;
	color: #e6e6e6;
	}

#footer a, #footer a:link, #footer a:visited {
	color: #737f5c;
	}

#footer a:hover {
	color: #727f5b;
	}

#footer a:active {
	color: #3b422f;
	}

#connect h3 {
	display: block;
	height: 22px;
	width: 204px;
	background: transparent url(images/text/connect_with_us.gif) no-repeat 0 0;
	text-indent: -9000px;
	}

#connect ul {
	margin: 22px 0 0;
	font-size: 1.3em;
	}

#connect li {
	padding: 13px 0 13px;
	border-top: 1px solid #292929;
	}

#connect li.vcard {
	padding: 13px 0 13px;
	border-bottom: 1px solid #292929;
	}

#connect li.vcard a, #connect li.vcard a:link, #connect li.vcard a:visited {
	padding: 1px 0 0 24px;
	background: transparent url(images/icon-card-footer.gif) no-repeat 0 1px;
	}

#connect li span {
	display: inline;
	float: left;
	width: 60px;
	padding: 0 20px 0 0;
	text-align: right;
	text-transform: uppercase;
	}

/* @group #twitterbox */
#footer #twitterBox {
	display: inline;
	float: left;
	margin: 0 0 27px 45px;
	width: 612px;
	color: #e6e6e6;
	}

#twitterBox ul#twitter-tabs {
	clear: both;
	display: block;
	height: 35px;
	margin-bottom: 25px;
	overflow: auto;
	border-bottom: 1px solid #292929;
	font-size: 1.5em;
	}

#twitterBox #twitter-tabs li {
	display: inline;
	float: left;
	padding: 9px 26px;
	color: #6d6d6d;
	background-color: #181818;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #292929;
	cursor: pointer;
	}

#twitterBox #twitter-tabs li:first-child, #twitterBox #twitter-tabs li.first {
	border-right-width: 0;
	}

#twitterBox #twitter-tabs li.active {
	background: transparent url(images/bg-dark_hue.png) repeat 0 0;
	color: #737f5c;
	}

#twitterBox .tweetcontainer {
	padding: 0 0 0 63px;
	background: transparent url(images/icon-quote-tweets.png) no-repeat 0 7px;
	}

#twitterBox .tweetcontainer ul {
	display: block;
	height: 180px;
	font-size: 1em;
	border: 0;
	}

#twitterBox .tweetcontainer li {
	width: 545px;
	color: #e6e6e6;
	}

#twitterBox .tweetcontainer p {
	margin-bottom: 9px;
	font-style: italic;
	font-size: 1.7em;
	line-height: 1.6em;
	}
/* @end #twitterbox */
/* @end 6. Footer */

/* @group 7. Meta */
#meta .wrap { overflow: hidden; }
#meta ul {
	padding: 1em 3em;
	text-align: right;
	position: relative;
	}

#meta li {
	display: inline;
	margin-left: 28px;
	color: #6d6d6d;
	font-size: 1.3em;
	}

#meta a {
	background-repeat: no-repeat;
	padding: .3em 0 .3em 2em;
	background-image: url(images/meta-sprite.gif);
	}
#meta .copyright { display: block; margin-top: 1em;}
.sprite-feed a { background-position: 0 -58px; }
.sprite-twitter a { background-position: -20px -38px; }
.sprite-flickr a { background-position: -40px -18px; }
.sprite-miniajax a { background-position: -60px 3px; }

#meta .kindlingapp-icon { position: absolute; left: 3em; top: 0; margin-left: 0; }
#meta .kindlingapp-icon a {
	color: #6d6d6d;
	font-size: 1.3em;
	background-image: url(images/icon-kindling-large.gif);
	background-position: 50% 0;
	width: 100px;
	height: 32px;
	display: block;
	font-size: .9em;
	padding: 33px 0 0 0;
	}

#meta a, #meta a:link, #meta a:visited {
	color: #a2a2a2;
	}

#meta a:hover {
	color: #b3b3b3;
	}

#meta a img, #meta a:link img, #meta a:visited img {
	vertical-align: text-bottom;
	}

#meta a:hover img {
	border-bottom-width: 0;
	}
/* @end 7. Meta */

/*==================== BEGIN *Blog ======================*/
/*Blog globals*/
#content.blog { margin: 0; padding: 0 45px; }
#content.blog li { font-size: 1em; line-height: 1em; margin-left: 0; list-style: none; }
#content.blog li h2 { margin: .3em 0 .2em; }
#content.blog h3 { margin: .2em 0; }
#most-recent:after, .commentlist li:after, #posts-offset:after {
    display: block;
    clear: both;
    content: " ";
}
.normargin { margin: 0 !important; }

/*First set of entries*/
#most-recent { background: transparent url(images/vertical_line_sep.gif) no-repeat 50% 1em; }
#content.blog #most-recent .date { font-size: 1.6em; }
#content.blog #most-recent li {
	border-bottom: 1px solid #C6C6C6;
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
	min-height: 31em;
	padding: 1em 0;
}
.entry-footer { margin-top: 2em; }
.entry-footer span {
	padding: .4em 1em;
	background-color: #E8E8E8;
	border: 1px solid #C6C6C6;
	font-size: 1.2em;
}
.entry-footer a { padding: .4em 0; font-weight: normal !important; }
a.continue-link {
	margin-left: .4em;
	padding-left: .4em;
	border-left: 1px solid #C6C6C6;
}
a.comment-number {
	background: transparent url(images/comments-link-bg.gif) no-repeat 3px 7px;
	padding-left: 1.7em;
}

/*Second set of entries*/
#content.blog #posts-offset { margin-bottom: 2em; }
#content.blog #posts-offset li { float: left; width: 22.7%; margin-right: 3%; }
#content.blog #posts-offset li blockquote { margin: 0; padding-left: 0; border-left-width: 0; background-position: 0 0; }
#content.blog #most-recent li img, 
#content.blog #posts-offset li img { display: none; }
#content.blog #posts-offset .date { font-size: 1.3em; }

/*Third set of entries*/
#content.blog .additional-posts { font-size: 1.2em; }
#content.blog .additional-posts li a { border-bottom-width: 0; }
#content.blog .additional-posts li a:hover { border-bottom-width: 1px; }
.additional-posts { float: left; width: 48%; margin-right: 4%; }
.additional-posts li { border-bottom: 1px solid #C8C8C8; padding: .8em 0; }
.additional-posts li div { margin-left: 11em; }
.additional-posts .date { float: left; }

/*Blog entry*/
.single #content a { font-weight: normal; }
.single #content blockquote p {  }
.single #content h1 { margin-bottom: 3px; }
.single #content h2, .single #content h5 { margin: .2em 0 .4em; }
.single #content fieldset { border-width: 0; }
.single #content .comment { list-style: none; margin-left: 0; margin-bottom: 3em; }
.published { color: #888; font-size: 1.6em; }
#by_author {
	margin-top: 0;
	font-size: 1.3em;
	line-height: 1 !important;
	color: #666;
}
#comments { border-bottom:1px solid #C6C6C6; padding-bottom: .4em; }

/*Comment by Author*/
.comment-author { float: left; width: 90px; text-align: center; }
.comment-author img { margin-bottom: .3em; }
.comment-body { margin-left: 8em; }
#content .comment-body h6 { margin: 0 0 .2em; color: #363636; font-weight: 400; }
#content .comment-body p { font-size: 1em; }
.comment-reply {
	margin-left: 9em;
	background-color: #E8E8E8;
	border: 1px solid #C6C6C6;
	border-width: 1px 0;
	padding-top: .6em;
}

/*Comments form*/
#commentform { margin-top: 2em; }
#commentform input, #commentform textarea { padding: .3em; font-size: 1.1em; }
#commentform textarea { font-size: 1.2em; width: 45em; }
#commentform legend { margin-bottom: 1em; }
#comments-open-data { float: left; }
#comments-open-data input { width: 15em; }
#comments-open-data div { margin: .4em 0; }
#comments-open-text { margin-left: 26em; }
#comments { margin: 1em 0; }
#comments h4 {
	padding: .4em .6em;
	border-bottom: 1px solid #C6C6C6;
	margin-bottom: 1em;
	color: #6F6F6F;
}
#comments-open { margin-top: 2em; }
#comments-footer { margin-top: 1em; margin-left: 20em; }
#comments-footer input:hover { background-color: #444; }
#comments-footer input {
	padding: .4em .8em;
	background-color: #323232;
	color: #FFF;
	border: 1px solid #2B2B2B;
	border-color: #5A5A5A #232323 #232323 #5A5A5A;
	cursor: pointer;
}

.comment-header { float: left; }
.comment-content { margin-left: 10em; }
.over { position: absolute; padding: .3em 0 0 .4em; font-size: 1em; }
.over em { color: #6F6F6F; font-size: .88em; }

/*==================== END *Blog ======================*/

/*Lab */
h4#why, h4#how, h4#use, h4#download, h4#license, h4#knownissues, h4#discuss { margin-bottom: 0; margin-top: 1.6em; }
h4#demo { padding-top: 1em; border-top: 3px double #D3D3D3; }

#content p a img[alt="Download"] { background-color: transparent; border-width: 0; padding: 0; }

h5#one, h5#two, h5#three, h5#four, h5#five, h5#six, h5#seven {
	padding: 0 0 .6em 2.4em;
	background-repeat: no-repeat;
	background-image: url(images/steps.gif);
	margin: 2em 0 0 0 !important
}
h5#one { background-position: 0 0; }
h5#two { background-position: 0 -140px; }
h5#three { background-position: 0 -280px; }
h5#four { background-position: 0 -420px; }
h5#five { background-position: 0 -560px; }
h5#six { background-position: 0 -700px; }
h5#seven { background-position: 0 -840px; }

.howtouse { padding-left: 3.4em !important; }
.nocomments { display: none; }