@font-face { 
  font-family: SketchRockwell; 
  src: url(../../../fonts/FZLTZH.TTF); /*方正兰亭中黑简体*/
} 

@-moz-keyframes shake {
	from {
		-moz-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	20% {
		-moz-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0)
	}

	40% {
		-moz-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	60% {
		-moz-transform: translate3d(7px, 0, 0);
		transform: translate3d(7px, 0, 0)
	}

	80% {
		-moz-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}
}

@-webkit-keyframes shake {
	from {
		-webkit-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	20% {
		-webkit-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0)
	}

	40% {
		-webkit-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	60% {
		-webkit-transform: translate3d(7px, 0, 0);
		transform: translate3d(7px, 0, 0)
	}

	80% {
		-webkit-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}
}

@-o-keyframes shake {
	from {
		-o-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	20% {
		-o-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0)
	}

	40% {
		-o-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	60% {
		-o-transform: translate3d(7px, 0, 0);
		transform: translate3d(7px, 0, 0)
	}

	80% {
		-o-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}
}

@-ms-keyframes shake {
	from {
		-ms-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	20% {
		-ms-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0)
	}

	40% {
		-ms-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}

	60% {
		-ms-transform: translate3d(7px, 0, 0);
		transform: translate3d(7px, 0, 0)
	}

	80% {
		-ms-transform: translated3d(0, 0, 0);
		transform: translated3d(0, 0, 0)
	}
}

@keyframes shake {
	from {
		transform: translated3d(0, 0, 0)
	}

	20% {
		transform: translate3d(-7px, 0, 0)
	}

	40% {
		transform: translated3d(0, 0, 0)
	}

	60% {
		transform: translate3d(7px, 0, 0)
	}

	80% {
		transform: translated3d(0, 0, 0)
	}
}

@-moz-keyframes fadeRightDelay {
	from {
		opacity: 1;
		-moz-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		-moz-transform: translateX(30px);
		transform: translateX(30px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(30px);
		transform: translateX(30px)
	}
}

@-webkit-keyframes fadeRightDelay {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
}

@-o-keyframes fadeRightDelay {
	from {
		opacity: 1;
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		-o-transform: translateX(30px);
		transform: translateX(30px)
	}

	100% {
		opacity: 0;
		-o-transform: translateX(30px);
		transform: translateX(30px)
	}
}

@-ms-keyframes fadeRightDelay {
	from {
		opacity: 1;
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		-ms-transform: translateX(30px);
		transform: translateX(30px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(30px);
		transform: translateX(30px)
	}
}

@keyframes fadeRightDelay {
	from {
		opacity: 1;
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		transform: translateX(30px)
	}

	100% {
		opacity: 0;
		transform: translateX(30px)
	}
}



ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,blockquote {
	quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}



select {
	height: 45px
}

textarea {
	height: 256px
}

select,input,textarea {
	width: 100%
}

select.error,input.error,textarea.error {
	margin-bottom: 0
}

/*select,input[type=text],input[type=email],input[type=submit],textarea {
	-webkit-appearance: none;
	display: block;
	margin-bottom: 15px;
	font-family: "SerifaBT-Light";
	font-size: 16px;
	line-height: 22px;
	padding: 10px;
	background-color: #efefef;
	border: none
}*/

select.error,input[type=text].error,input[type=email].error,input[type=submit].error,textarea.error {
	border: solid 2px red
}

input[type=submit] {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 15px;
	color: #fff;
	background: #00afc4;
	cursor: pointer
}

.hide {
	display: none
}

div.content {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1
}

div.container {
	width: 100%;
	margin: 0 auto
}

em {
	font-style: italic
}

.blue-button-animated {
	height: 35px;
	line-height: 40px;
	text-align: left;
	padding-left: 15px;
	padding-right: 25px;
	background: transparent url("/images/common/blue-button-base-57b4da19.png") right top no-repeat;
	position: relative;
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 85%;
	color: #edf3f3
}

.blue-button-animated:hover {
	color: #edf3f3
}

.blue-button-animated span.arrow {
	display: block;
	background: transparent url("/images/common/blue-button-arrow-8268bdf4.png");
	width: 23px;
	height: 35px;
	position: absolute;
	top: 0;
	right: -11px
}

.blue-button-animated:hover span.arrow {
	-webkit-animation: fadeRightDelay 3s infinite;
	-moz-animation: fadeRightDelay 3s infinite;
	-ms-animation: fadeRightDelay 3s infinite;
	-o-animation: fadeRightDelay 3s infinite;
	animation: fadeRightDelay 3s infinite
}

.vertical-spacer {
	height: 80px
}

h1,h2,h3 {
	/*text-align: center*/
}

input[type=image] {
	padding: 0
}

pre {
	font-family: Courier, monospace;
	font-size: 14px
}

#nav {
	height: 72px;
	text-align: center;
	line-height: 32px;
	position: absolute; top: 0; left: 0; z-index: 9999;
}

#nav a.logo {
	display: block;
	width: 30%; height: auto; float: left;
	height: 72px;
	
}

#nav a.logo img {
	display: block;  max-width: 100%; width: 144px; height: auto; margin: 16px 0 0;
}

#nav a.menu-button {
	display: none
}

#nav ul {
	display: inline;
	height: 72px;
	margin: 0px 0;
	width: 40%;
	float: right;
}

#nav .active,#nav li:hover a {
	color: #c80000;
}

#nav li {
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 1.5rem;
	position: relative;
	width: 20%; 
	float: left; height: 72px; line-height: 72px;
}

#nav li.active a {
	color: #fff
}

#nav li.active a:after {
	content: url(/images/common/black-triangle-down-7e823fd3.png);
	height: 8px;
	width: 15px;
	position: absolute;
	left: 42%;
	top: 41px
}

#nav li a {
	color: #fff; font-family: SketchRockwell; font-size: 22px;
}

#nav li+li {
	/*margin-left: 10%; line-height: 72px;*/
}

#header {
	background-color: #00afc4;
	padding-top: 60px;
	padding-bottom: 28px
}

#header h1 {
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	margin-bottom: 2px;
	color: #fff;
	font-size: 46pt;
	line-height: 46pt;
	letter-spacing: -0.07em
}


#header h2 {
	
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	color: #0a343c;
	margin-top: 3px;
	margin-bottom: 60px;
	font-size: 20pt;
	background-position: 0 8px;
	letter-spacing: -0.075em
}

#header h2>span {
	padding: 0 45px;
	background-color: #00afc4;
	display: inline-block
}

#header p {
	text-align: center;
	color: #fff;
	font-size: 18pt;
	margin: 0 auto 30px auto;
	line-height: 31px;
	-webkit-font-smoothing: antialiased
}

#header p span {
	display: block
}

#header .call_to_action {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 9999
}

#header .call_to_action div {
	position: relative;
	width: 241px;
	height: 60px;
	margin: 0 auto;
	padding: 0 28px
}

#header .call_to_action div a.arrow {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 11pt;
	display: block;
	background: url("/images/common/yellow-arrow-cd660a41.png") no-repeat;
	line-height: 62px;
	text-indent: 33px;
	cursor: pointer
}

#header .call_to_action div a.arrow:hover {
	-webkit-animation: shake 0.375s linear 0s 1;
	-moz-animation: shake 0.375s linear 0s 1;
	-ms-animation: shake 0.375s linear 0s 1;
	-o-animation: shake 0.375s linear 0s 1;
	animation: shake 0.375s linear 0s 1
}

#subhead {
	background: #edf3f3 url("/images/common/lattice-5e08b610.gif") bottom repeat-x;
	padding-top: 47px;
	padding-bottom: 70px
}

#subhead .border {
	position: relative;
	top: -54px;
	width: 100%;
	height: 7px;
	background: transparent url("/images/common/blue-grey-triangle-border-2ad58b40.png") top repeat-x;
	background-size: 14px 7px
}

#subhead h2 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 11pt
}

#main div.content {
	padding: 55px 0 50px
}

#main .border {
	position: relative;
	top: -7px;
	width: 100%;
	height: 7px;
	background: transparent url("/images/common/blue-white-triangle-border-7b19c553.png") top repeat-x
}

#main hr {
	background: url("/images/common/grey-line-1e0e9dea.gif") center repeat-x;
	height: 1px;
	border: none
}

#main h2 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	background: url("/images/common/grey-line-1e0e9dea.gif") center repeat-x;
	font-size: 10pt;
	color: #fff
}

#main h2>span {
	border-width: 0px 34px;
	height: 32px;
	display: inline-block;
	line-height: 35px;
	-moz-border-image: url(/images/common/black-button-51e2d417.gif) 0 34 repeat;
	-webkit-border-image: url(/images/common/black-button-51e2d417.gif) 0 34 repeat;
	-webkit-border-image: url(/images/common/black-button-51e2d417.gif) 0 34 repeat;
	-o-border-image: url(/images/common/black-button-51e2d417.gif) 0 34 repeat;
	border-image: url(/images/common/black-button-51e2d417.gif) 0 34 repeat;
	background-color: #191a1a;
	padding: 0 10px
}

#footer {
	clear: both;
	background: #edf3f3 url("/images/common/lattice-5e08b610.gif") top repeat-x;
	padding: 43px 0
}

#footer .nav {
	width: 690px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1
}

#footer ul {
	float: left;
	width: 260px;
	margin-top: 5px
}

#footer ul.left {
	text-align: right
}

#footer ul.right {
	text-align: left
}

#footer li {
	font-family: "Helvetica Neue", sans-serif;
	display: inline;
	color: #535b60;
	font-weight: bold;
	font-size: 9pt
}

#footer li+li {
	margin-left: 32px
}

#footer a {
	color: #535b60
}

#footer a.logo {
	margin: 0 40px;
	float: left
}

#footer p.copyright {
	font-family: "Helvetica Neue", sans-serif;
	margin-top: 45px;
	text-align: center;
	font-size: 8pt;
	line-height: 10pt;
	color: #121b21;
	opacity: 0.3
}



.person {
	clear: both;
	overflow: hidden;
	*zoom: 1;
	padding: 50px 80px;
	border-bottom: 1px solid #cccccc;
	background-repeat: no-repeat;
	min-height: 450px;
	width: 100%
}

.person.odd {
	padding-right: 384px;
	background-position: bottom right
}

.person.even {
	padding-left: 384px;
	background-position: bottom left
}

.person h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	margin-top: 55px;
	font-size: 24pt;
	text-align: left
}

.person p {
	font-size: 14pt;
	line-height: 1.2em;
	margin: 10px 0
}

.person#yehuda {
	background-image: url("/images/team/yehuda-cb1173c9.jpg")
}

.person#tom {
	background-image: url("/images/team/tom-90905961.jpg")
}

.person#leah {
	background-image: url("/images/team/leah-c978918a.jpg")
}

.person#carl {
	background-image: url("/images/team/carl-535e73e4.jpg")
}

.person#peter {
	background-image: url("/images/team/peter-65391ddd.jpg")
}

.person.small_photo#yehuda {
	background-image: url("/images/team/yehuda-sm-3a4be4e6.png")
}

.person.small_photo#tom {
	background-image: url("/images/team/tom-sm-1c77360e.png")
}

.person.small_photo#leah {
	background-image: url("/images/team/leah-sm-4c797679.png")
}

.person.small_photo#carl {
	background-image: url("/images/team/carl-sm-91cb983e.png")
}

.person.small_photo#peter {
	background-image: url("/images/team/peter-sm-412deb4f.png")
}

.person.small_photo#jamie {
	background-image: url("/images/team/jamie-sm-e5c498a5.png")
}

.inquire {
	margin: 85px 0 45px;
	text-align: center;
	line-height: 8px
}

.inquire h1,.inquire span.headline {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 31pt
}

.inquire span.headline {
	display: inline-block;
	line-height: 40px
}

.inquire h1 {
	line-height: 40pt
}

.inquire p {
	font-size: 18pt;
	line-height: 22pt;
	margin-bottom: 20px
}

.inquire a {
	display: inline-block
}

.inquire.oneline span.headline {
	vertical-align: middle;
	margin-right: 38px
}

p.social-links a.twitter,p.social-links a.github,p.social-links a.linkedin {
	font-family: "Helvetica Neue", sans-serif;
	font-weight: bold;
	color: #535b60;
	text-transform: none;
	font-size: 10pt;
	margin-right: 15px
}

p.social-links a.twitter:before,p.social-links a.github:before,p.social-links a.linkedin:before {
	position: relative;
	top: 4px;
	margin: 2px
}

p.social-links a.twitter:before {
	content: url(/images/team/twitter-ab3bc0d1.png)
}

p.social-links a.github:before {
	content: url(/images/team/github-f388d418.png)
}

p.social-links a.linkedin:before {
	content: url(/images/team/linkedin-79cdbf05.png)
}

.index #header {
	padding-top: 70px;
	position: relative;
	background: #00afc4 url(/images/home/code-background-eef602f0.png) center center/auto 100% repeat-y
}

.index #header h1 {
	letter-spacing: -0.07em;
	font-size: 92pt;
	line-height: 100px
}

.index #home-team-photo {
	position: relative;
	display: block;
	width: 425px;
	height: 294px;
	padding: 0;
	margin: -56px auto -14px
}

.index #subhead {
	position: relative;
	margin-top: -28px;
	padding-top: 39px;
	padding-bottom: 60px
}

.index #subhead .border {
	top: -46px
}

.index #subhead h2 {
	color: #535b60
}

.index #subhead p {
	text-align: center;
	color: #121b21;
	font-size: 18pt;
	margin: 0 auto 45px auto;
	line-height: 31px;
	-webkit-font-smoothing: antialiased
}

.index #subhead p span {
	display: block
}

.index #subhead ul#home-open-source {
	margin: 17px auto 0 auto;
	text-align: center
}

.index #subhead ul#home-open-source li {
	display: inline;
	margin: 0 10px 10px
}

.index #main div.content {
	padding-top: 64px
}

.index #home-what-we-do {
	overflow: hidden;
	*zoom: 1;
	margin: 56px auto 90px
}

.index #home-what-we-do h3 {
	margin: 24px auto 18px;
	font-size: 17pt;
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21
}

.index #home-what-we-do p {
	margin: 0 15px 15px;
	font-size: 14pt;
	line-height: 17pt
}

.index #home-what-we-do a {
	display: block;
	margin-bottom: 90px;
	text-decoration: underline;
	font-size: 14pt;
	line-height: 17pt
}

.index #home-what-we-do>div {
	text-align: center;
	width: 33%;
	float: left
}

.index #home-inquire {
	margin: 75px 0 25px
}

.index #home-inquire a {
	letter-spacing: -0.08em
}

.consulting #header h1 {
	font-size: 38pt;
	line-height: 38pt;
	letter-spacing: -0.08em;
	margin-top: 5px
}

.consulting #header p {
	margin: 0 auto 40px
}

.consulting #main h2>span {
	padding: 0 15px
}

#our-process div {
	overflow: hidden;
	*zoom: 1
}

#our-process div h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	padding: 110px 0 0 80px;
	font-size: 24pt;
	line-height: 30pt;
	margin-bottom: 3px
}

#our-process div p {
	padding: 0 80px;
	font-size: 14pt;
	line-height: 18pt;
	margin: 12px 0
}

#our-process div img {
	float: right;
	padding: 60px 60px 60px 80px
}

#our-process div#plan h3 {
	padding-top: 90px
}

#our-process div#plan img {
	padding: 65px 45px 40px 80px
}

#our-process div#design img {
	float: left;
	padding: 45px 90px 65px 45px
}

#our-process div#design h3 {
	padding-top: 110px
}

#our-process div#build img {
	padding: 60px 60px 50px 80px
}

#our-process div#market img {
	float: left;
	padding: 45px 100px 45px 60px
}

#contact {
	width: 790px;
	margin: 25px auto;
	overflow: hidden;
	*zoom: 1
}

#contact h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	margin-bottom: 25px;
	font-size: 14pt
}

#contact #contact-info {
	float: left;
	width: 438px;
	text-align: center
}

#contact #contact-info form {
	padding-left: 4px
}

#contact #contact-info span {
	width: 100%;
	display: block
}

#contact #contact-info span.radio-option {
	width: 33.33333333%;
	float: left;
	border: 1px solid white;
	box-sizing: border-box
}

#contact #contact-info span.radio-option.active {
	border: 1px solid #c4cbcf
}

#contact #contact-info span.radio-option.active label {
	color: #121b21
}

#contact #contact-info span.radio-option label {
	text-align: center;
	color: #00afc4
}

#contact #contact-info input[type=radio] {
	display: none;
	padding: 0
}

#contact #contact-info fieldset {
	margin-bottom: 20px
}

#contact #contact-info #title119 {
	display: none
}

#contact #contact-info label {
	float: left;
	margin: 5px 0 10px 10px
}

#contact #contact-info label.error {
	color: red;
	margin-top: -6px;
	margin-bottom: 16px
}

#contact #contact-info label.choice {
	display: block;
	cursor: pointer;
	font-size: 100%;
	line-height: 150%;
	margin: 0 0 0 0px;
	padding: 8px 0 8px 0;
	color: #222;
	width: 100%;
	text-align: left
}

#contact #contact-info label.error {
	font-family: "Helvetica Neue", sans-serif;
	font-weight: bold;
	float: right;
	font-size: 10pt
}

#contact #tilde-info {
	float: right;
	width: 310px;
	padding-left: 40px;
	text-align: center;
	border-left: 1px solid #d2d2d2
}

#contact #tilde-info dt {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	margin: 15px 0 5px 0
}

#contact #tilde-info dt.social {
	margin-bottom: 10px
}

#contact #tilde-info dd {
	font-size: 13.5pt;
	line-height: 1.3em
}

#contact #tilde-info a {
	text-decoration: underline
}

#contact #tilde-info a.map {
	display: block;
	overflow: hidden;
	margin-bottom: 25px
}

#contact #tilde-info a.address {
	text-decoration: none;
	color: #535b60
}

#contact #contact-info h1 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	margin-bottom: 10px;
	font-size: 30pt;
	line-height: 30pt
}

#contact #contact-info p {
	font-size: 18pt;
	line-height: 22pt
}

#contact #contact-info img.mailman {
	margin-bottom: 30px
}

#team {
	margin-top: 4em;
	border-bottom: 1px solid #cccccc
}

#team .person {
	clear: none;
	overflow: hidden;
	*zoom: 1;
	padding: 50px 80px;
	border-bottom: 1px solid #cccccc;
	background-repeat: no-repeat;
	min-height: 450px
}

#team ul {
	font-size: 0
}

#team ul li {
	font-size: 16px;
	width: 100%;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom: 60px;
	padding: 0 12px;
	text-align: center
}

@media screen and (min-width: 410px) {
	#team ul li {
		width: 50%
	}
}

@media screen and (min-width: 610px) {
	#team ul li {
		width: 33.333333333%
	}
}

@media screen and (min-width: 810px) {
	#team ul li {
		width: 25%
	}
}

#team ul li h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 13pt;
	text-align: center;
	margin-top: 18px
}

#team ul li p {
	text-align: center
}

#team ul li p.department {
	margin-top: 6px
}

#team ul li p.social-links {
	margin-top: 10px
}

#team ul li p.social-links a {
	margin: 0
}

#team ul li p.social-links a::before {
	display: inline-block;
	height: 24px;
	width: 24px;
	padding: 2px;
	font-size: 0
}

#team ul li p.social-links a.github::before {
	content: url(/images/team/github-big-ec111a4f.png)
}

#team ul li p.social-links a.twitter::before {
	content: url(/images/team/twitter-big-2693c730.png)
}

#team ul li p.social-links a span {
	display: none
}

.team-avatar {
	width: 100%;
	height: 100%;
	max-width: 160px;
	border-radius: 50%
}

#founders .team-avatar {
	display: block;
	margin: 0 auto;
	margin-bottom: 18px
}

@media screen and (min-width: 750px) {
	#founders .team-avatar {
		display: none
	}
}

#open-source .header {
	text-align: center;
	padding: 50px
}

#open-source .header img {
	margin: 25px
}

#open-source .header h1 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	margin-bottom: 10px;
	font-size: 32pt
}

#open-source .header p {
	font-size: 18pt;
	line-height: 1.3em;
	margin: 10px 0
}

#open-source #projects {
	overflow: hidden;
	*zoom: 1;
	padding: 50px 0;
	font-size: 14pt;
	line-height: 18pt
}

#open-source #projects .project {
	width: 33%;
	float: left;
	padding: 30px 5%;
	height: 310px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #cccccc
}

#open-source #projects .project:nth-child(3n+3) {
	border-right-width: 0
}

#open-source #projects .project:nth-last-child(-n+3) {
	border-bottom-width: 0;
	margin-bottom: 50px
}

#open-source #projects a.project-title {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 16pt;
	display: block;
	height: 50px
}

.training #header {
	padding-top: 68px;
	padding-bottom: 46px
}

.training #classes {
	margin-top: -15px
}

.training #classes .class {
	margin: 75px 100px 85px;
	padding-top: 10px;
	padding-left: 100px;
	background: url("/images/training/scroll-4deb7400.png") no-repeat
}

.training #classes .class.gem {
	background-image: url("/images/training/gem-c15e14ad.png")
}

.training #classes .class.rails {
	background-image: url("/images/training/rails-75cfd77b.png")
}

.training #classes .class.flame {
	background-image: url("/images/training/flame-4447f846.png")
}

.training #classes table.training-list {
	width: 100%;
	margin-left: 30px
}

.training #classes table.training-list tr {
	line-height: 180%
}

.training #classes table.training-list td:first-child {
	white-space: nowrap;
	width: 1px;
	padding-right: 20px
}

.training #classes table.training-list td {
	vertical-align: top
}

.training #classes h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	font-size: 30pt;
	margin-bottom: 5px
}

.training #classes h4 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	overflow: hidden;
	*zoom: 1;
	color: #535b60;
	font-size: 14pt;
	margin-bottom: 15px
}

.training #classes h4 .date,.training #classes h4 .location {
	display: inline-block;
	float: left
}

.training #classes h4 .location {
	padding-left: 24px;
	background: url("/images/common/bullet-d302bc66.png") 8px 5px no-repeat
}

.training #classes p {
	font-size: 14pt;
	line-height: 1.3em
}

.training #classes p {
	margin-bottom: 10px
}

.training #classes a {
	text-decoration: underline
}

.events .team-avatar {
	display: none
}

.events #header h2 .location {
	padding-left: 24px;
	background: url("/images/common/bullet-bluebg-7e85d0a6.png") 8px 5px no-repeat
}

.events #header h2.tickets {
	margin-top: 50px;
	background-position-y: center
}

.events #header h2.tickets a {
	width: 177px;
	height: 67px;
	background: #00afc4 url("/images/training/ticket-89c30d47.png") center no-repeat;
	display: inline-block;
	color: #121b21;
	font-size: 10pt;
	padding-top: 14px
}

.events #header h2.tickets a .cost {
	display: block;
	font-size: 20pt
}

.events #subhead div.content {
	text-align: center
}

.events #subhead div.content>div {
	width: 33%;
	display: inline-block;
	font-size: 14pt;
	line-height: 1.2em;
	vertical-align: middle
}

.events #main {
	font-size: 14pt;
	line-height: 17pt
}

.events #main h2 {
	margin-bottom: 55px
}

.events #main h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 22pt;
	letter-spacing: -0.06em;
	margin-top: 45px;
	margin-bottom: 15px;
	text-align: left
}

.events #main h4 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 14pt;
	margin: 0 0 15px;
	text-align: left
}

.events #main p {
	margin: 15px 0
}

.events #main strong {
	font-weight: bold
}

.events #main ul li:before {
	content: '.';
	color: transparent;
	background: url("/images/common/bullet-sm-d93a3e68.png") 0 7px no-repeat;
	width: 14px;
	display: inline-block
}

.events #main .section {
	overflow: hidden;
	*zoom: 1;
	padding: 30px;
	margin-bottom: 30px
}

.events #main .section.halves {
	background: url("/images/common/grey-line-1e0e9dea.gif") center repeat-y;
	padding: 0
}

.events #main .section.halves:first-of-type {
	border-bottom: solid 1px #ccc
}

.events #main .section.halves>div {
	width: 50%;
	float: left;
	padding: 30px 40px
}

.events #main .section.halves>div:only-child {
	width: 100%
}

.events #main .section.halves>hr {
	width: 50%;
	float: left
}

.events #main .section.halves h3 {
	margin-top: 0
}

.events #main .section.thirds {
	padding: 0;
	margin-bottom: 70px
}

.events #main .section.thirds>div {
	width: 33%;
	float: left;
	border: solid 0 #ccc;
	border-width: 0 1px 1px 0;
	padding: 0 !important
}

.events #main .section.thirds>div:nth-child(3n+3) {
	border-right-width: 0
}

.events #main .section.thirds>div>div {
	padding: 30px
}

.events #main .section.thirds>div:nth-last-child(-n+3) {
	border-bottom-width: 0
}

.events #main .section.thirds>hr {
	width: 33%;
	float: left
}

.events #main .section.sidebar-right {
	position: relative
}

.events #main .section.sidebar-right .content {
	padding: 0;
	margin: 0 435px 0 0;
	width: auto;
	overflow: auto
}

.events #main .section.sidebar-right .sidebar {
	width: 350px;
	float: right
}

.events #main .section.sidebar-right .sidebar img {
	width: 100%
}

.events #main #hosts {
	background: none;
	padding-bottom: 40px
}

.events #main #hosts .person {
	clear: none;
	padding-left: 160px;
	min-height: 0;
	border-bottom-width: 0;
	background-position: 20px top
}

.events #main #event-tickets h1 {
	margin-bottom: 7px
}

.events #main #event-tickets p {
	margin-top: 60px
}

.events #main #event-tickets .ticket {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 10pt;
	width: 197px;
	height: 43px;
	line-height: 46px;
	background: url("/images/training/ticket-small-2ac5a9ae.png") no-repeat;
	background-color: #ffc618
}

.events #main #event-tickets .ticket.secondary {
	background: url("/images/training/ticket-small-secondary-d9036be1.png") no-repeat;
	background-color: transparent
}

.events #main #event-tickets .loading {
	text-align: center
}

.events #main #event-tickets #eventbrite {
	margin-top: 40px
}

.email-signup {
	text-align: center;
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.07em;
	word-spacing: 0.1em;
	color: #535b60;
	margin-bottom: 15px;
	margin-top: 30px;
	font-size: 14pt
}

.email-signup label {
	display: block
}

.email-signup input {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	height: 42px
}

.email-signup input[type=submit] {
	width: auto
}

.blog #header {
	text-align: center;
	padding-top: 52px
}

.blog #header h1 {
	display: inline-block;
	position: relative;
	margin-top: 8px
}

.blog #header h1 a {
	display: block;
	position: absolute;
	top: -8px;
	right: -40px
}

.blog #header h1 a img {
	display: block
}

.blog #subhead {
	padding-top: 27px;
	padding-bottom: 41px;
	height: 113px
}

.blog #subhead .border {
	top: -34px
}

.blog #subhead div.content {
	width: 356px;
	height: 39px
}

.blog #subhead div.content input {
	float: left;
	margin: 0;
	height: 39px
}

.blog #subhead div.content input[type=text] {
	width: 316px;
	background-color: white
}

.blog #main .post {
	position: relative;
	width: 630px;
	margin: 10px auto 85px
}

.blog #main .post h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	font-size: 30pt;
	margin-bottom: 10px
}

.blog #main .post h4 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	color: #535b60;
	margin-bottom: 13px;
	font-size: 11pt
}

.blog #main .post .comments-count {
	position: absolute;
	top: -4px;
	left: -100px;
	height: 25px;
	width: 82px;
	text-align: right;
	background: url("/images/blog/comment-tail-bf63177d.png") right 20px no-repeat
}

.blog #main .post .comments-count a {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	background-color: #ffc618;
	display: inline-block;
	padding: 4px 7px 0;
	line-height: 16px;
	font-size: 11pt
}

.blog #main .post .byline,.blog #main .post .categories {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	display: inline-block;
	color: #535b60;
	font-size: 11pt
}

.blog #main .post .categories {
	padding-left: 15px;
	background: url("/images/common/bullet-sm-d93a3e68.png") 3px 3px no-repeat
}

.blog #main .post hr {
	margin: 23px 0
}

.blog #main .post img {
	margin-bottom: 30px
}

.blog #main .post .body {
	font-size: 14pt;
	line-height: 1.3em
}

.blog #main .post .body h1,.blog #main .post .body h2,.blog #main .post .body h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	margin-bottom: 15px
}

.blog #main .post .body h1 {
	font-size: 22pt;
	letter-spacing: -0.06em;
	margin-top: 65px
}

.blog #main .post .body h2 {
	background: none;
	font-size: 15pt;
	margin-top: 45px
}

.blog #main .post .body h3 {
	font-size: 11pt;
	margin: 30px 0 0
}

.blog #main .post .body p,.blog #main .post .body blockquote,.blog #main .post .body ul {
	margin: 0 0 25px
}

.blog #main .post .body a {
	text-decoration: underline
}

.blog #main .post .body blockquote {
	border-left: solid 6px #ffc618;
	padding-left: 18px;
	font-size: 0.9em;
	color: #6b757b
}

.blog #main .post .body ul {
	list-style-image: url("/images/common/list-bullet-49bf4c0a.png");
	padding-left: 17px
}

.blog #main .post .body ul li {
	padding-left: 7px;
	margin-bottom: 15px
}

.blog #main .post .body strong,.blog #main .post .body b {
	font-weight: bold
}

.blog #main .post .body em,.blog #main .post .body i {
	font-style: italic
}

.blog #main .post a.continue {
	font-size: 14pt;
	line-height: 1.3em;
	margin-top: 25px;
	display: block
}

.blog #main #posts .post {
	margin-top: 70px
}

.blog #main #disqus_container {
	width: 630px;
	margin: 50px auto 80px
}

.blog #main #disqus_container #disqus_thread {
	font-family: "Helvetica Neue", sans-serif;
	color: #535b60
}

.blog #main #disqus_container #disqus_thread #dsq-content-stub {
	text-align: center
}

.blog #main #disqus_container #disqus_thread #dsq-content {
	font-family: "SerifaBT-Light"
}

.blog #main #disqus_container #disqus_thread * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.blog #main #disqus_container #disqus_thread h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	font-size: 14pt
}

.blog #main #disqus_container #disqus_thread .dsq-like-panel {
	font-family: "Helvetica Neue", sans-serif;
	font-size: 10pt
}

.blog #main #disqus_container #disqus_thread .dsq-avatar img {
	border-radius: 50%;
	width: 48px;
	height: 48px
}

.blog #main #disqus_container #disqus_thread #dsq-content>h3 {
	border-bottom: solid 1px #ccc;
	padding-bottom: 15px;
	margin-bottom: 35px
}

.blog #main #disqus_container #disqus_thread #dsq-global-toolbar {
	margin-bottom: 35px
}

.blog #main #disqus_container #disqus_thread .dsq-reply {
	margin: 80px 0 0
}

.blog #main #disqus_container #disqus_thread #dsq-account-dropdown>a {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 10pt;
	color: #535b60
}

.blog #main #disqus_container #disqus_thread #dsq-account-dropdown>a:hover {
	color: #009ce0
}

.blog #main #disqus_container #disqus_thread .dsq-textarea textarea {
	font-family: "Helvetica Neue", sans-serif
}

.blog #main #disqus_container #disqus_thread .dsq-textarea-reply {
	margin-left: 63px
}

.blog #main #disqus_container #disqus_thread #dsq-sort-by select {
	-webkit-appearance: menulist-button;
	background-color: transparent;
	padding: 0;
	border: solid 1px #ccc;
	display: inline
}

.blog #main #disqus_container #disqus_thread .dsq-comment {
	border-bottom: solid 1px #ccc;
	padding-bottom: 38px;
	margin-bottom: 30px
}

.blog #main #disqus_container #disqus_thread .dsq-comment-body {
	padding-left: 63px
}

.blog #main #disqus_container #disqus_thread .dsq-comment-header {
	font-family: "Helvetica Neue", sans-serif;
	background: none;
	border: none;
	margin-bottom: 5px;
	padding: 0;
	font-size: 10pt
}

.blog #main #disqus_container #disqus_thread .dsq-comment-header .dsq-commenter-name {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 11pt
}

.blog #main #disqus_container #disqus_thread .dsq-comment-header a.dsq-commenter-name {
	text-decoration: underline
}

.blog #main #disqus_container #disqus_thread .dsq-comment-header a.dsq-commenter-name:hover {
	color: #009ce0
}

.blog #main #disqus_container #disqus_thread .dsq-comment-message {
	margin-bottom: 25px;
	font-size: 13pt
}

.blog #main #disqus_container #disqus_thread .dsq-comment-footer {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	color: #c4cbcf;
	font-size: 11pt;
	letter-spacing: -0.06em
}

.blog #main #disqus_container #disqus_thread .dsq-comment-footer a:hover {
	color: #009ce0
}

.blog #main #disqus_container #disqus_thread .dsq-comment-footer .dsq-comment-actions a {
	color: #535b60
}

.blog #main #disqus_container #disqus_thread .dsq-comment-footer .dsq-comment-actions a:hover {
	color: #009ce0
}

.blog #main #disqus_container #disqus_thread .dsq-footer {
	margin-bottom: 5px
}

.blog #main #disqus_container a.dsq-brlink {
	display: block;
	text-align: right
}

.blog #main #pages {
	text-align: center;
	margin: 55px 0;
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 20pt;
	height: 45px;
	line-height: 50px
}

.blog #main #pages .arrow {
	display: inline-block;
	width: 107px;
	height: 45px;
	line-height: 50px;
	color: white;
	font-size: 11pt;
	vertical-align: top;
	background: top left no-repeat
}

.blog #main #pages .newer {
	background-image: url("/images/common/gray-button-arrow2-back-5ae1dc31.png");
	padding: 0 12px 0 16px;
	margin-right: 60px
}

.blog #main #pages a.newer {
	background-image: url("/images/common/blue-button-arrow2-back-8f10e605.png")
}

.blog #main #pages .older {
	background-image: url("/images/common/gray-button-arrow2-fab38f0f.png");
	padding: 0 16px 0 12px;
	margin-left: 60px
}

.blog #main #pages a.older {
	background-image: url("/images/common/blue-button-arrow2-1648dbcc.png")
}

.blog #main #no-results {
	margin: 30px 0 80px
}

.blog #main #no-results h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	font-size: 30pt;
	margin-bottom: 10px
}

.blog #main #no-results p {
	font-size: 18pt;
	text-align: center
}

.blog #main #links {
	overflow: hidden;
	*zoom: 1;
	margin-top: 90px;
	margin-bottom: 58px
}

.blog #main #links>div {
	width: 316px;
	float: left;
	border-right: solid 1px #d0d1d3;
	padding: 0 25px
}

.blog #main #links h3 {
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	text-align: left;
	font-size: 14pt;
	margin-bottom: 20px
}

.blog #main #links a {
	text-decoration: underline
}

.blog #main #links li {
	font-size: 13pt;
	margin-bottom: 20px
}

.blog #main #links .dsq-widget-thread {
	font-weight: normal
}

.blog #main #links .date,.blog #main #links .dsq-widget-meta {
	display: block;
	font-family: "Helvetica Neue", sans-serif;
	font-size: 10pt;
	margin-top: 2px
}

.blog #main #links .topics {
	overflow: hidden;
	*zoom: 1;
	border-width: 0;
	padding-right: 0
}

.blog #main #links .topics li {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 5px
}

.blog #main #search {
	width: 310px;
	margin: 0 auto 34px
}

.blog #main #search form {
	overflow: hidden;
	*zoom: 1
}

.blog #main #search input {
	float: left;
	margin: 0;
	height: 39px
}

.blog #main #search input[type=text] {
	width: 270px
}

.blog_index #main #posts .post:first-child {
	margin-top: 10px
}

@font-face {
	font-family:'PodkovaRegular';src:url("/webfonts/Podkova-Regular-webfont-30b3ca07.eot");src:url("/webfonts/Podkova-Regular-webfont-30b3ca07.eot?#iefix") format("embedded-opentype"),url("/webfonts/Podkova-Regular-webfont-a8d80c27.woff") format("woff"),url("/webfonts/Podkova-Regular-webfont-9fceef32.ttf") format("truetype"),url("/webfonts/Podkova-Regular-webfont.svg#PodkovaRegular") format("svg");font-weight:normal;font-style:normal
}

.flatiron {
	font-family: 'PodkovaRegular', arial;
	display: block;
	margin-bottom: 15px
}

.three-col {
	overflow: hidden;
	*zoom: 1;
	margin: 56px auto 90px
}

.three-col h3 {
	margin: 24px auto 18px;
	font-size: 17pt;
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.1em;
	color: #121b21;
	letter-spacing: -1px
}

.three-col p {
	margin: 0 15px 15px;
	font-size: 14pt;
	line-height: 17pt
}

.three-col a {
	display: block;
	margin-bottom: 90px;
	text-decoration: underline;
	font-size: 14pt;
	line-height: 17pt
}

.three-col>div {
	text-align: center;
	width: 33%;
	float: left
}

#skylight-screenshot {
	width: 100%;
	height: auto;
	margin-top: -120px;
	margin-bottom: 80px;
	position: relative
}

.skylight div.content {
	overflow: visible
}

.skylight #header {
	padding-bottom: 120px;
	background-color: #edf3f3;
	text-align: center
}

.skylight #header p {
	color: #323333
}

.skylight #skylight-logo {
	width: 369px;
	margin: 0 auto;
	margin-bottom: 20px
}

.skylight .blue-cta {
	width: 209px;
	height: 59px;
	background: url("/images/skylight/blue-arrow-92ba4a7f.png") no-repeat;
	background-size: 100%;
	display: block;
	margin: 0 auto;
	font-family: "FuturaBT-Bold", Impact, sans-serif;
	text-transform: uppercase;
	color: white;
	font-size: 11pt;
	line-height: 62px
}

.skylight .three-col {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 80px
}

.skylight .three-col h3:before {
	content: '';
	display: block;
	width: 141px;
	height: 167px;
	margin: 0 auto;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: 10px
}

.skylight .three-col #featherweight-agent h3:before {
	background-image: url("/images/skylight/featherweight-agent-icon-bed3fc49.png")
}

.skylight .three-col #true-response-times h3:before {
	background-image: url("/images/skylight/true-response-times-icon-9c211be5.png")
}

.skylight .three-col #heads-up h3:before {
	background-image: url("/images/skylight/heads-up-icon-f403a4e4.png")
}

.skylight hr {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d6d6d6
}

.skylight .inquire h1:before {
	content: '';
	display: block;
	width: 41px;
	height: 47px;
	margin: -15px auto 30px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("/images/skylight/skylight-symbol-b2e08ab4.png");
	background-size: 100%;
	background-repeat: no-repeat
}

.skylight .blue-cta:hover {
	-webkit-animation: shake 250ms linear 0s 1;
	-moz-animation: shake 250ms linear 0s 1;
	-ms-animation: shake 250ms linear 0s 1;
	-o-animation: shake 250ms linear 0s 1;
	animation: shake 250ms linear 0s 1
}