/*
	FlatSoft LLC
*/


/* --  Global definitions (begin) -- */
* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; }
	body { text-align: left; background: #fff url(layout.png) 0 -357px repeat-x; }
		body, button, input.textual, select, textarea { font: 10pt/1.5em Arial, Helvetica, sans-serif; color: #333; }

button, img, input, label, select { vertical-align: middle; }
	img { -ms-interpolation-mode: bicubic; }

div, textarea, td, th { vertical-align: top; }

fieldset, hr, img { border: 0; }

address { font-style: normal; }

p { margin-bottom: 0.7em; }
	p.large { font-size:1.1em;line-height:1.3em;}
	ul.large li {font-size:1.1em;line-height:1.3em;margin-bottom:0.7em}
	p.large.form {margin:1.5em 0;}
	form#referralForm p.required span.required {padding-left:145px;}

ol { list-style: decimal outside; margin: 0 0 23px 21px; }
	ol li { margin-bottom: 6px; }
	ol ol, ol ul { margin-top: 6px; }
ul { list-style: none; }

blockquote {
	font-style: italic;
	color: #666;
	margin: 0 0 23px 15px;
	quotes: "" "";
}

table { border-collapse: collapse; }
	th, caption { font-weight: 400; text-align: left; }

a, button, label { cursor: pointer; }
	label:hover { color: #666; }

:active, :focus { outline: none; -moz-outline-style: none; }

::selection { color: #fff; background: #059bcd; }
::-moz-selection { color: #fff; background: #059bcd; }

noscript div {
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #fce9c0;
	margin-bottom: -27px;
	border: solid #dbac48;
	border-width: 0 2px 2px;
}
	noscript img { margin-right: 8px; }


/* Links */
a { color: #125aa7; text-decoration: underline; }
	a:hover { color: #000; }


/* Titles */
h1, h2, h3, h4 { font: italic 15pt/1.2em "Myriad Pro", Calibri, Arial, Helvetica, sans-serif; margin-bottom: 0.5em; }
	h1 a, h2 a { color: #333; }
h3 { font-size: 13pt; margin-top:1.75em;}
h3.cont-slogan-h3 {font-weight:normal;margin-top:1em;margin-bottom:1em;}
h3 strong {font-size:16px;}
h4 { font-size: 12pt;margin-top:1.7em;}
.sidebar h2 {font-size:15pt;}


/* Form elements */

.button, input.textual, select, textarea { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.button {
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	background: url(layout.png);
	padding: 0 15px;
	border: 1px solid #ccc;
	overflow: hidden;
	width: auto !important;
}
	.button:focus, .button:hover { color: #555; }


input.textual, select, textarea {
	background: #f4f4f4;
	padding: 3px 5px;
	border: 1px solid;
	border-color: #c8c8c8 #e4e4e4 #e4e4e4 #c8c8c8;
}
	input.textual:focus, input.textual:hover, select:focus, select:hover, textarea:focus, textarea:hover { background-color: #fefbdf; }
	select { padding-right: 5px; }
		option { padding-left: 7px; }
	textarea { overflow: auto; }
/* -- Global definitions (end) -- */



/* -- Main blocks (begin) -- */
#layout {
	width: 947px;
	min-height: 100%;
	margin: 0 auto -312px;
	padding: 0 8px;
	overflow: hidden;
}

.container, .content, .sidebar { position: relative; overflow: hidden; }
.container { width: 950px; margin-left: -3px; padding-bottom: 380px; }
	.content { float: left; width: 557px; padding-left: 3px; }
	.content.no-sidebar {width:auto;}
	.sidebar { float: right; width: 355px; }

.section { position: relative; margin: 12px 0 60px; padding: 13px 21px 0; }
	.section ul { margin-bottom: 23px; }
		.section ul li {
			position: relative;
			background: url(pointer.gif) 5px 7px no-repeat;
			margin-bottom: 6px;
			padding-left: 21px;
		}
		.sidebar .section ul li { background:none; padding-left:0;}
		.sidebar .section ul.contact-us-expects li {
			position: relative;
			background: url(pointer.gif) 5px 7px no-repeat;
			margin-bottom: 10px;
			padding-left: 21px;}
		
		.section ul ol, .section ul ul { margin-top: 6px; }
	.section blockquote ul li { background-image: url(pointer-grey.gif); }
	.sidebar .section { margin-bottom: 45px; }

.blog .content .section { background: url(section-content.png) no-repeat; }
.blog .sidebar .section { background: url(section-sidebar.png) no-repeat; }

.left { float: left; }
.right { float: right; }

.overflow { position: relative; width: 100%; overflow: hidden; }
	.overflow.conference { margin-bottom:13px; }
	.overflow.conference ul { overflow:hidden; }
		.overflow.conference ul li { background:none; overflow:hidden; }

.corner {
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(bg.png);
	overflow: hidden;
}
	.tl, .tr { top: 0; }
	.bl, .br { bottom: 0; }
	.tr, .br { left: -10px; margin-left: 100%; }
/* -- Main blocks (end) -- */



/* -- Header and footer (begin) -- */
#header {
	width: 961px;
	height: 124px;
	font: 700 18px/18px "Myriad Pro", Calibri, "Trebuchet MS", Arial, sans-serif;
	text-shadow: 1px 1px 0 #fff;
	background: #e7f2f9 url(bg.png);
	margin: 27px -8px 0 -6px;
	overflow: hidden;
}
	#header-inner { height: 119px; background: url(bg.png) 0 -124px no-repeat; padding: 5px 0 0 21px; }

.logo {
	float: left;
	width: 230px;
	background: url(header-line.png) no-repeat;
	padding: 9px 0 0 14px;
}
	.logo a, .logo i { width: 230px; height: 94px; overflow: hidden; }
	.logo a {
		position: relative;
		display: block;
		font-size: 38px;
		line-height: 38px;
		color: #4a4a4a;
		text-decoration: none;
	}
		.logo span { display: block; color: #229ee6; }
		.logo i {
			position: absolute;
			left: 0;
			top: 0;
			background: url(logo.png);
		}

#header address {
	position: relative;
	float: right;
	width: 21px;
	height: 124px;
	background: url(bg.png) 100% -248px no-repeat;
	margin-top: -5px;
}
	#header address * { position: absolute; text-align: center; overflow: hidden; }
		#header address i { left: 0; top: 0; }
	#header strong {
		right: 210px;
		top: 52px;
		width: 235px;
		height: 18px;
	}
		#header strong i { width: 235px; height: 18px; background: url(call-us.png); }
	#header address a {
		right: 41px;
		top: 40px;
		width: 148px;
		height: 41px;
		line-height: 40px;
		text-transform: uppercase;
	}
		#header address a i { width: 148px; height: 41px; background: url(button-contact.png); }
			#header address a:hover i { background-position: 0 -41px; }

.sub-header {
	position: relative;
	width: 920px;
	height: 305px;
	color: #fff;
	background: #1363a5 url(sub-header.jpg);
	margin: 12px -10px 0 -5px;
	padding: 34px 0 0 42px;
	overflow: hidden;
}
	.sub-header h2 {
		font-weight: 700;
		font-size: 32px;
		font-style: normal;
		line-height: 32px;
		overflow: hidden;
	}
		.sub-header h2:before { float: left; font-size: 0; }
	.sub-header a { color: #fff; }
		.sub-header a:hover { text-decoration: none; }
	.sub-header .left { width: 470px; font: italic 22px/26px "Myriad Pro", Calibri, Arial, Helvetica, sans-serif; }
		.sub-header .left h2 { width: 436px; height: 32px; }
			.sub-header .left h2:before { content: url(title-developers.png); }
		.sub-header .left p { margin-bottom: 17px; }
		.sub-header .left em a {
			position: relative;
			display: block;
			/*width: 324px;*/
      width:210px;
			height: 52px;
			line-height: 52px;
			margin-top: 29px;
			overflow: hidden;
		}
			/*.sub-header .left em a:before { float: left; font-size: 0; content: url(button-approach.png); }*/
			.sub-header .left em a:before { float: left; font-size: 0; content: url(button-tour.png); }
	.sub-header .right { position: relative; width: 322px; padding-right: 42px; }
		.sub-header .right h2 {
			width: 180px;
			height: 26px;
			font-size: 26px;
			line-height: 26px;
			margin-top: 5px;
			margin-right:10px;}
			.sub-header .right span.referral {
			position:absolute;
			right:15px;
			top:-10px;
			padding:0;
			font-size:10pt;
			line-height:1;
			height:45px;
			font-style:italic;
			font-weight:bold;
			text-indent:-9999em;
			background:url(referral-program.png) right 0 no-repeat;
			width:175px;
			}
			/* .sub-header .right a.referral:hover {background-position:right -45px;} */
			.sub-header .right h2:before { content: url(title-reviews.png); }
		.sub-header .arrow {
			position: absolute;
			left: -51px;
			top: 110px;
			width: 28px;
			height: 28px;
			text-indent: -9999px;
		}
			.sub-header .next { left: auto; right: 12px; }


.reviews-short {
	position: relative;
	line-height: 18px;
}
	.reviews-short li {
		float: left;
		width: 302px;
		height: 255px;
		padding: 2px 0 0 0;
		overflow: hidden;
	}
 
		.reviews-short img { -moz-border-radius: 5px; border: 3px solid #90B4D4; float: left; margin: 0 10px 11px 0; }
		.reviews-short em { border-bottom: 1px solid #90B4D4; display: block; margin-bottom: 12px; padding: 0 0 7px 0; font-size: 14px; line-height: 20px; }
		.reviews-short em small {font-size:13px;}
    .reviews-short span.qmark {  }
		.reviews-short strong { float: left; display: block; }
			.reviews-short strong span { display: block; margin-bottom: 3px; }
			  .reviews-short strong span.client { padding-top: 2px; font-size: 19px; font-style: italic; }


#footer {
	min-width: 965px;
	height: 311px;
	color: #fff;
	background: #1363a5 url(layout.png) 0 -46px;
	border-top: 1px solid #cdd5df;
	overflow: hidden;
}
	#footer-inner { background: url(footer.jpg) no-repeat; }
		#footer-inner2 {
			position: relative;
			width: 947px;
			height: 311px;
			margin: 0 auto;
			overflow: hidden;
		}
	#footer a { color: #fff; }
		#footer a:hover { text-decoration: none; }

.footer-nav { font-size: 14px; line-height: 54px; overflow: hidden; }
	.footer-nav li { float: left; height: 85px; padding-right: 30px; }

#footer .section {
	float: left;
	/*width: 190px;*/
	margin: 0;
	padding: 0;
}
	#footer .section h2 { font-style: normal; }
	#footer .section ul { margin: 0; }
	#footer .section address {float:left;margin-right:10px;}
	#footer .section ul li, #footer .section address span {
		display: block;
		background: none;
		margin: 0;
		padding: 0 0 7px 15px;
	}
	#footer .section address { font-style: normal; padding-left: 20px; white-space: nowrap; }
		#footer .section address strong { display: block; font-size: 15px; padding-bottom: 7px; }

.copyright {
	float: right;
	width: 270px;
	text-align: right;
	overflow: hidden;
	height:85px;
	line-height:54px;
}
.copyright .copy {height:85px;margin-bottom:0;}
.validator { padding:0; text-align:right; }
.validator a {display:inline-block;padding-top:5px;}
.validator a img {height:50px;width:63px;}

.clocks {
	height: 120px;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	background: #fff url(bg.png) 0 -372px;
	margin-bottom: 5px;
}
	.clocks-inner { background: url(bg.png) 0 -492px no-repeat; }
		.clocks ul { height: 116px; background: url(bg.png) 100% -612px no-repeat; padding: 4px 0 0 5px; }
			.clocks li { float: left; padding-left: 20px; }
				.clocks li div {
					width: 74px;
					height: 44px;
					font: 9px/15px Tahoma, "Myriad Pro", sans-serif;
					background: #eaeaea url(clock.png);
					margin-bottom: 4px;
					padding-top: 30px;
					overflow: hidden;
				}
/* -- Header and footer (end) -- */



/* -- Content (begin) -- */
.post-date {
	position: absolute;
	right: 12px;
	top: -6px;
	width: 45px;
	height: 50px;
	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	background: #eaeaea url(date.png);
	padding: 2px 5px 0 2px;
	overflow: hidden;
}
	.post-date span {
		display: block;
		font-size: 18px;
		font-weight: 700;
		line-height: 26px;
		color: #414141;
		text-shadow: 1px 1px 0 #fff;
	}

.post-author { position: absolute; left: -3px; top: -10px; }

.post-header { min-height: 55px; padding: 0 55px; margin-bottom: 10px; }
	.post-header h1, .post-header h2 { margin-bottom: 3px; }
	.post-header h3 { margin-bottom:0;margin-top:0;font-weight:normal; }
	.post-inner h2 {margin-bottom:0.5em;margin-top:1.5em;}

.post-inner { margin-bottom: 25px; }

.post-meta {
	position: relative;
	width: 557px;
	height: 38px;
	font-size: 12px;
	line-height: 16px;
	background: #f2f2f2 url(icons.png) 0 -48px;
	margin: 0 -21px;
	overflow: hidden;
}
	.post-meta div { height: 38px; background: url(icons.png) 0 -86px no-repeat; }
		.post-meta ul {
			height: 27px;
			background: url(icons.png) 100% -124px no-repeat;
			margin: 0;
			padding-top: 11px;
		}
			.post-meta ul li {
				float: left;
				height: 16px;
				background: none;
				margin: 0 0 0 20px;
				padding: 0;
				overflow: hidden;
			}
				.post-meta li.icon-categories { background: url(icons.png) 0 -32px no-repeat; padding-left: 22px; }
				.post-meta li.icon-comments a { background: url(icons.png) no-repeat; padding-left: 22px; }
					.post-meta li.icon-comments a:hover { background-position: 0 -16px; }

.listing { font-size: 14px; margin: -10px 0 15px; overflow: hidden; }

.comments { padding-left: 22px; }
	.comments h2, .comments dl, .new-comment h2 { padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
	.comments dl { margin-bottom: 20px; }
		.comments dt {
			position: relative;
			height: 16px;
			font-size: 14px;
			font-style: italic;
			line-height: 16px;
			background: url(icons.png) 0 -16px no-repeat;
			margin: 0 0 10px -22px;
			padding-left: 22px;
			overflow: hidden;
		}
			.comments dt span { font-size: 12px; color: #555; }

.new-comment { margin: 60px 21px 20px; }
	.new-comment fieldset {	padding-bottom: 12px; }
		.new-comment label { padding-left: 9px; }
		.new-comment input { width: 220px; }
		.new-comment textarea { width: 480px; max-width: 500px; height: 200px; }
.services h2 { margin-top:35px;}
.services-short { margin:20px 0;overflow: hidden; }
.our-services-home a {
display:block;
text-indent:-9999em;
height:105px;
width:390px;
margin:0 auto;
background:url(services-home.png) 0 0 no-repeat;}
.services-short a.servises-home {
background:url(services-home.png) 0 0 no-repeat;
text-indent:-99999em;display:block;
width:100%;
height:125px;}

.services .services-short { margin:15px 0 0;}
	.services-short a {
				float: left;
				text-indent: -9999px;
				background-color: #dbf2ff;
				overflow: hidden;
	}
	.services-short ul,
	.services ul { margin: 0; }
		.services-short ul li,
		.services ul li{
			float: left;
			background: none;
			margin: 0 15px 0 0;
			padding: 0;
		}
		.services ul.services {overflow:hidden;margin-right:-40px;}
			.services ul.services li {width:235px;margin-right:40px;height:18.5em;line-height:1.3em;}
			.services ul.services li.icon-app,
			.services ul.services li.icon-project,
			.services ul.services li.icon-design,
			.services ul.services li.icon-team {height:22em;}
			
			.services ul.services li p {margin:0;float:left}
			.services ul.services li h3 {margin-bottom:3px;float:left;width:100%;overflow:hidden;}
		  .services ul.services li h3 span {
			display:inline-block;
			float:left;
			width:155px;
			background-repeat:no-repeat;
			background-position:right top;
			padding-right:80px;
			height:59px;
			line-height:59px;
			}
			.services ul.services li.icon-ruby h3 span,
			.services ul.services li.icon-app h3 span {line-height:20px;padding-top:9px;height:50px;}
				.services ul.services li.icon-xthml h3 span {
				background-image: url(services-page-html.png);
				margin-top:0;
	      }
				.services ul.services li.icon-ruby h3 span {
				background-image: url(services-page-ror.png);
				}
				.services ul.services li.icon-app h3 span {
				background-image: url(services-page-admin.png);
				}
				.services ul.services li.icon-project h3 span {
				background-image: url(services-page-manage.png);
				}
				.services ul.services li.icon-team h3 span {
				background-image: url(services-page-team.png);
				}
				.services ul.services li.icon-design h3 span {
				background-image: url(services-page-design.png);
				}
				/*
				.services-short ul.services-short li a:hover {
				background-position:0 -52px;
				}
				*/

			.services-short li.icon-xthml a {
				width: 129px;
				height: 47px;
				background-image: url(services-html.png);
				margin-top: 5px;
			}
				.services-short li.icon-xthml a:hover { background-position: 0 -47px; }
			.services-short li.icon-ruby a {
				width: 143px;
				height: 52px;
				background-image: url(services-ruby.png);
			}
				.services-short li.icon-ruby a:hover { background-position: 0 -52px; }
			.services-short li.icon-app a {
				width: 175px;
				height: 55px;
				background-image: url(services-app.png);
				margin-top: 1px;
			}
				.services-short li.icon-app a:hover { background-position: 0 -55px; }
ul.test-task {display:none;}
.send-task,
.send-test-task,
.contact-us-today,
.flatsourcing-team-include {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	background:#DBF2FF;
	margin: 35px -21px 90px;
	padding: 20px 21px 40px;
	
}
.send-task.tour {
margin:15px 0 20px;
text-align:center;
}
.send-test-task {
	padding: 20px 21px 43px 10px;
	text-align:center;
	height:40px;
}
.contact-us-today {}

.flatsourcing-team-include {
padding:20px 21px 20px;
margin:0 -21px 60px;
background: #edf9ff;
}
.flatsourcing-team-include h4 {margin-top:0;}
	.send-task-button,
	.send-task-button i { position: absolute; width: 330px; height: 87px; }
	.send-test-task-button,
	.send-test-task-button i { position:absolute; height:82px; width:280px; }
	.contact-us-button,
	.contact-us-button i {position:absolute; height:80px; width:300px; }
	
	.send-task-button,
	.send-test-task-button,
	.contact-us-button {
		left: 50%;
		bottom: -67px;
		font: 22px/87px "Myriad Pro", Calibri, Arial, Helvetica, sans-serif;
		text-align: center;
		background: #dbf2ff;
		margin-left: -165px;
		overflow: hidden;
	}
	.send-test-task-button {
		bottom: -55px;
		background:none;
		margin-left: -160px;
	}
	.contact-us-button {
	  bottom: -42px;
		background:none;
	}
		.send-task-button i { left: 0; top: 0; background: url(button-send.png); }
		.send-test-task-button i { left: 0; top: 0; background: url(../images/put-us-to-work.png) 0 0 no-repeat; }
		.contact-us-button i { left: 0; top: 0; background: url(../images/contact-us-btn.png) 0 0 no-repeat;  }
	.flatsourcing-team-include .corner {background:url(bg-light.png) 0 0 repeat scroll; }
	.send-task .tl, .send-test-task .tl, .contact-us-today .tl, .flatsourcing-team-include .tl, .twitter .tl { background-position: 0 -732px; }
	.send-task .tr, .send-test-task .tr, .contact-us-today .tr, .flatsourcing-team-include .tr, .twitter .tr { background-position: -10px -732px; }
	.send-task .bl, .send-test-task .bl, .contact-us-today .bl, .flatsourcing-team-include .bl, .twitter .bl { background-position: 0 -742px; }
	.send-task .br, .send-test-task .br, .contact-us-today .br, .flatsourcing-team-include .br, .twitter .br { background-position: -10px -742px; }

h2.twitter-header { height: 42px; margin-bottom:0; }
	.twitter-header a { position: relative; padding-right: 80px; }
		.twitter-header a i {
			position: absolute;
			right: 0;
			top: -5px;
			width: 62px;
			height: 47px;
			background: url(twitter.png);
			overflow: hidden;
		}

.twitter {
	position: relative;
	background: #dbf2ff;
	margin-bottom: -15px;
	padding: 18px 25px 10px;
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
	color:#333;line-height:1.2em !important;
	font-size:12px;
}
.twitter .loading {background:url(../images/loading.gif) 0 0 no-repeat;padding-left:20px;height:16px;line-height:16px;}
	.twitter .arrow	{
		position: absolute;
		width: 28px;
		height: 27px;
		overflow: hidden;
	}
	.twitter .arrow {
		left: -9px;
		top: 50%;
		font-weight: 700;
		line-height: 24px;
		text-align: center;
		background: #dbf2ff;
		margin-top: -14px;
	}
		.twitter .next { left: auto; right: -9px; }
		/*.twitter .arrow i,*/
		/*.twtr-widget .arrow i { left: 0; top: 0; background: url(arrows.png); }*/
		.twitter .arrow { background: url(arrows.png);text-indent:-9999em; }
			/*.twitter .next i,*/
			/*.twtr-widget .next i { background-position: -28px 0; }*/
		.twitter .prev { background-position: 0 0; }
		.twitter .next { background-position: -28px 0; }
	.twitter ul { margin: 0; }
		.twitter ul li {
			width: 259px;
			margin: 0;
			padding: 0 0 10px;
			background: none;
			overflow: hidden;
		}
	.twitter ul li a {text-decoration:none;color:#125AA7 !important;text-decoration:none;}
	.twitter ul li a:hover {text-decoration:underline;}
	.twitter ul li a.tweet_avatar {display:block;overflow:hidden;height:40px;width:40px;position:absolute;top:4px;left:0;}
	.twitter ul li a.tweet_avatar img {height:30px;width:30px;}
	.twitter ul li a.tweet_user {display:inline-block;margin-left:40px;margin-bottom:2px;}
	.twitter ul li .tweet_text {
	padding:0 !important;
	display:block;
	margin-left:40px !important;
  width:225px !important;
	}
	.twitter ul li a.time-ago {margin-left:40px;display:block;font-size:9px;font-style:normal;margin-top:2px;color:#333 !important;}

.posts-short { margin-bottom: -10px; }
	.posts-short div.dl { margin-bottom: 10px; overflow: hidden; }
		.posts-short div.dt {
			float: left;
			width: 44px;
			text-align: center;
			margin-right: 15px;
		}
			.posts-short div.dt span {
				display: block;
				height: 18px;
				font-size: 11px;
				line-height: 18px;
				color: #fff;
				background: #6aa2cc url(layout.png) 0 -28px;
				overflow: hidden;
			}
		.posts-short div.dd { padding-top: 5px; overflow: hidden; }
			.posts-short strong, .projects-short div.dd strong { display: block; font-style: italic; font-weight: 700; }

.projects-short { margin-bottom: -10px; }
	.projects-short p {	line-height:1.3em; }
	.projects-short p.large {	line-height:1.3em; }
	.projects-short dl,
	.open-source dl { margin: 1.3em 0 1.3em -25px; overflow: hidden; line-height:1.3em; }
	.open-source dl {padding-top:1.3em;margin-bottom:1em;}
		.projects-short dt,
		.open-source dt {
			position: relative;
			float: left;
			width: 80px;
			text-align: center;
			margin-right: 15px;
			padding-top: 52px;
		}
			.projects-short dt.project-exam,
			.open-source dt.project-exam { padding-top: 53px; }
			.projects-short dt.project-lh2bc,
			.open-source dt.project-lh2bc {padding-top:56px;}
			.projects-short dt i,
			.open-source dt i {
				position: absolute;
				right: 0;
				top: 0;
				width: 68px;
				height: 52px;
				background: #eaeaea url(projects.png);
				overflow: hidden;
			}
				.projects-short dt.project-exam i,
				.open-source dt.project-exam i { height: 53px;background-position:0 3px; }
				.projects-short dt.project-slice i,
				.projects-short dt.project-nginx i,
				.open-source dt.project-slice i,
				.open-source dt.project-nginx i { background-position: 0 -53px ; }
				.projects-short dt.project-lhproject i,
				.open-source dt.project-lhproject i { background-position:0 -166px;}
				.projects-short dt.project-lh2bc i,
				.open-source dt.project-lh2bc i {background-position:0 -105px;height:56px;}
				.projects-short dt.project-teaser i,
				.open-source dt.project-teaser i {background-position:0 -223px;}
			.projects-short dt span,
			.open-source dt span { display: block; padding-left: 23px; }
		.projects-short dd { overflow: hidden; }
		.open-source dd {overflow:hidden;font-size:11pt;line-height:1.3em;}
			.projects-short dd strong { font-size: 10pt;display:block;line-height:1.4em;}
			.open-source dd strong {display:block;padding-bottom:0.3em;}
			
.process-short { margin-bottom: -20px; }
	.process-short p {	margin-bottom: 25px; }
	.process-short dl { margin-bottom: 18px; overflow: hidden; margin-left:-8px; }
		.process-short dt {
			position: relative;
			float: left;
			width: 85px;
			text-align: center;
			margin-right: 15px;
			padding-top:62px;
		}
			.process-short dt i {
				position: absolute;
				right: 0;
				top: 0;
				width: 85px;
				height: 62px;
				overflow: hidden;
				background-image:url(tools-pics.png);
		  	background-repeat:no-repeat;
			}
			.process-short dt.basecamp i { background-position:center -2px; }
			.process-short dt.skype i { background-position:center -70px; }
			.process-short dt.github i { background-position:center -138px; }
			.process-short dt.cucumber i { background-position:center -206px; }
			.process-short dt.hoptoad i { background-position:center -542px; }
			.process-short dt.pingdom i { background-position:center -610px; }
			.process-short dt.pivotal i { background-position:center -274px; }
			.process-short dt.lighthouse i { background-position:center -342px; }
			.process-short dt.sifter i { background-position:center -409px; }
			.process-short dt.jira i { background-position:center -476px;}
		.process-short dt span { display: block; padding-left: 0px; }
		.process-short dd { overflow: hidden; padding-right:20px; }
			.process-short dd strong { line-height: 22px; display:block; font-style:italic;}
			.process-short dd em {font-style:normal;line-height:1.2em;}
			.process-short dd a { display:block;}

.team { position: relative; margin: 0 -21px; border: 5px solid #dbf2ff; margin-bottom:55px;}
	.team-inner { overflow: hidden; }
	.try {padding:0;overflow:hidden;padding-bottom:25px;clear:both;font-size:13px;}
	.try strong {font-size:14px;font-style:italic;}
		.team dl {
			margin-top: -3px;
			padding: 20px 20px 8px;
			border-top: 3px solid #DBF2FF;
			overflow: hidden;
		}
			.team dt {
				float: left;
				width: 126px;
				padding: 0 20px 20px 0;
				
			}
				.team dt span { display: block; text-align: center; padding-top: 7px; }
					.team dt a {
						display: -moz-inline-box;
						display: inline-block;
						width: 16px;
						height: 16px;
						/*text-indent: -9999px;*/
						background: url(icons.png);
						margin: 0 2px;
						
						vertical-align: middle;
					}
						.team dt a.icon-twitter { background-color: #89d5f2; background-position: 0 -162px; }
						#footer .section h2 a.icon-twitter {
						display:inline-block;
						text-indent:-99999em;
						background:url(twitter-icon.png) 5px 0 no-repeat;
						width:24px;
						height:24px;
						padding-left:5px;
						}
						#footer .section h2 a.icon-facebook {
						display:inline-block;
						text-indent:-99999em;
						background:url(facebook-icon.png) 0 0 no-repeat;
						width:24px;
						height:24px;
						}
							.team dt a.icon-twitter span,
							.team dt a.icon-linkedin span,
							.team dt a.icon-facebook  span,
							.team dt a.icon-skype span,
							.team dt a.icon-flickr span { visibility:hidden; }
						.team dt a.icon-linkedin { background-color: #4fa0c3; background-position: 0 -178px; } 
						.team dt a.icon-facebook { background-color: #4669a6; background-position: 0 -194px; }
						.team dt a.icon-skype { background-color: #4fc6f2; background-position: 0 -210px; }
						.team dt a.icon-flickr { background-color: #dbdbdb; background-position: 0 -226px; }
			.team dd { padding-bottom: 5px; overflow: hidden; }
	.team .corner { left: -5px; }
		.team .tl, .team .tr { top: -5px; }
			.team .tl { background-position: 0 -752px; }
			.team .tr { background-position: -10px -752px; }
		.team .bl, .team .br { bottom: -5px; }
			.team .bl { background-position: 0 -762px; }
			.team .br { background-position: -10px -762px; }

.ajax-form { margin-bottom: 40px; }
.wpcf7-form .error {
color:#c33;
display:block;
float:none;
font-style:italic;
margin-left:140px;
}
.wpcf7-form .nopadding p { padding-top: 12px; overflow: hidden; margin-bottom:0; }
	.wpcf7-form label {
		float: left;
		width: 130px;
		text-align: right;
		padding: 3px 13px 0 0;
	}
	.wpcf7-form input { width: 280px; }
	.wpcf7-form input.error,
	.wpcf7-form textarea.error{border:1px solid #b66;}
	.wpcf7-form input[type="radio"],
	.wpcf7-form input[type="checkbox"]{width:auto;}
	.wpcf7-form textarea { width: 280px; max-width: 350px; height: 200px; }
	.wpcf7-form p.submit input { margin-left: 143px;margin-top:10px;}

.valid { border: 1px solid #398f14 !important; }
.invalid { border: 1px solid #b66 !important; }
/* -- Content (end) -- */

p#aVfqA span {margin-right:10px;}

/* -- Hacks (begin) -- */
@-moz-document url-prefix() {button { padding: 0 12px; }}
@media all and (-webkit-min-device-pixel-ratio:0) {body:first-of-type button { line-height: 26px; padding: 0 12px; }}
/* -- Hacks (end) -- */

li.hidden { display:none !important; }

span.required { color:#d00; }

div.nopadding { margin-bottom:25px; }

/*div.addresses { overflow:hidden; padding-top:25px; }*/
	div.addresses div.address { margin-bottom:25px; }
		div.addresses div.address h4 { padding-left:25px; margin-top:0; margin-left:-23px; }
		div.addresses div.address ul { margin-bottom:15px; }
			div.addresses div.address.usa { padding-left:3px; }
			div.addresses div.address.ru { padding-left:3px; }
		div.addresses  div.address.ru h4 { background:url(ru.png) 0 7px no-repeat; }
		div.addresses  div.address.usa h4 { background:url(usa.png) 0 7px no-repeat; }
		div.addresses div.address ul li { list-style:none; padding-left:1px; background:none; }
		
.wpcf7-form-control-wrap { position:relative; }
	.wpcf7-form-control-wrap .wpcf7-not-valid-tip-no-ajax,
	span.wpcf7-not-valid-tip {
		background:transparent !important;
		left:10px !important;
		top:0 !important;
		padding:2px !important;
		position:absolute !important;
		text-align:left !important;
		width:280px !important;
		z-index:100 !important; }
		.wpcf7-form-control-wrap .wpcf7-not-valid-tip-no-ajax:hover { display:none; }
	div.wpcf7-response-output { margin-left:100px !important; color:#c00; }
	
#mc_embed_signup form fieldset .mc-field-group {
	margin:0 0 0 15px;
	overflow:hidden;
	}
	#mc_embed_signup form fieldset .mc-field-group label {
		font-weight: bold;
		font-size:15px;
		margin-bottom:7px;
		display:block;
	}
	#mc_embed_signup form fieldset .mc-field-group label:hover { color:#fff;}
	#mc_embed_signup form fieldset .mc-field-group input#mce-EMAIL {
		margin-right: 1.5em;
		padding: .2em .3em;
		width: 260px;
		z-index: 999;
		border:1px solid #ccc;
	}
	#mc_embed_signup form fieldset  #mce-responses {
		top: -1.4em;
		padding: 0;
		overflow: hidden;
		width: 90%;
		margin: 0;
		clear: both;
		}
		#mc_embed_signup form fieldset  #mce-responses  #mce-error-response {
			display: none;
			margin: 0 0 1em;
			padding: 0;
			font-weight: bold;
			top: -1.5em;
			z-index: 1;
			width: 100%;
			background: #FFEEEE;
			color: #FF0000;
			}
		#mc_embed_signup form fieldset  #mce-responses #mce-success-response {
			display: none;
			margin: 1em 0 0;
			padding: 0;
			font-weight: bold;
			top: -1.5em;
			z-index: 1;
			width: 100%;
			color: #9f9;
		}
		#mc_embed_signup form fieldset input#mc-embedded-subscribe {
			clear: both;
			width: auto;
			display: inline-block;
			margin: 10px 0 0 0;
		}
		div.mce_inline_error {
			width:100% !important;
			padding:0 0.1em !important;
			background:transparent !important;
			color:#f99 !important;
			text-align:left !important;
			}
/* Process */
	/*h2.team-includes {margin-top:30px;}*/
	/*ul.flatsourcing-pack {overflow:hidden;margin:15px -45px 0 0;float:left;}*/
	/*ul.flatsourcing-pack li {float:left;padding-left:0;background:none;width:170px;margin-right:15px;}*/
	/*ul.flatsourcing-pack li h3 {margin:5px 0 10px 0;}*/
	/*ul.flatsourcing-pack li h3 strong {font-size:16px;}*/
	/*ul.flatsourcing-pack li.tools,*/
	/*ul.flatsourcing-pack li.programmer {}*/
	/*ul.flatsourcing-pack li img {display:inline-block;}*/
	/*div.flatsourcing-team {text-align:center;margin:0 0 20px 0;float:left;width:100%;overflow:hidden;}*/
	/*div.flatsourcing-team img {}*/
	/* Process */
	.team-includes {margin-top:25px;}
	ul.flatsourcing-pack {clear:both; overflow:hidden;margin:5px -21px 20px 0;float:left;}
	ul.flatsourcing-pack li {font-size:13px;float:left;padding-left:0;background:none;width:155px;margin-right:20px;margin-bottom:0;}
	ul.flatsourcing-pack li h3 {margin:10px 0 5px;}
	ul.flatsourcing-pack li h3 strong {font-size:16px;}
	ul.flatsourcing-pack li.tools,
	ul.flatsourcing-pack li.programmer {}
	ul.flatsourcing-pack li img {display:inline-block;margin:0 auto;}
	div.flatsourcing-team {text-align:center;margin:0 0 20px 0;float:left;width:100%;overflow:hidden;}
	div.flatsourcing-team img {}
	
h2.ready {margin-top:1.4em;}

/* taka a tour */
.sidebar .section ul.take-a-tour {
margin-left:-7px;
}
.sidebar .section ul.take-a-tour li {
margin-bottom:10px;
height:85px;
}
.sidebar .section ul.take-a-tour li a {display:block;text-indent:-9999em;width:297px;height:85px;}
.sidebar .section ul.take-a-tour li a:hover {background-position:-85px;}
.sidebar .section ul.take-a-tour li.approach a {
background:url(tour-approach.png) 0 0 no-repeat;
}
.sidebar .section ul.take-a-tour li.services a {
background:url(tour-services.png) 0 0 no-repeat;
}
.sidebar .section ul.take-a-tour li.test-task a {
background:url(tour-task.png) 0 0 no-repeat;
}
.sidebar .section ul.take-a-tour li.process a {
background:url(tour-process.png) 0 0 no-repeat;
}
.sidebar .section ul.take-a-tour li.contact a {
background:url(tour-contact.png) 0 0 no-repeat;
}
.sidebar .section ul.take-a-tour li a:hover {background-position:0 -85px;}



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(https://flatsourcing.batchbook.com/images/calendar.gif) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {

}
div#aVfqA {overflow:hidden;margin-bottom:0.7em;}
a.more {
background:url(more.png) right center no-repeat;
color:#125AA7;
display:block;
font-style:italic;
line-height:30px;
height:30px;
overflow:hidden;
padding-left:10px;
width:140px;
margin-top:20px;
margin-left:0;
font-weight:700;
}
a.more.posts {margin-top:30px;}
a.more-posts:hover {color:#000;}

.thank-you {
background:url(ok.png) 21px 4px no-repeat #e0ffdb;
height:42px;
line-height:43px;
position:relative;
padding:0 21px 0 70px;
margin:0 -21px 20px;
overflow:hidden;
font-size:1.1em;
}
.thank-you .left,
.thank-you .right {
background:url(bg.png) left -774px no-repeat;
position:absolute;
top:0;
display:block;
width:10px;
height:42px;
}
.thank-you .left {
left:0;
}
.thank-you .right {
right:0;
background-position:right -774px;
}

div.tweetmeme_button {
	position:absolute;
	right:5px;
	top:50px;
	width:70px;
}

img.alignright { display:inline; float:right; margin:0 0 2px 7px; padding:4px; }
body.page237 .sidebar .section ul.take-a-tour li.approach a { background-position:0 -170px; }
body.page11 .sidebar .section ul.take-a-tour li.services a { background-position:0 -170px; }
body.page7 .sidebar .section ul.take-a-tour li.process a { background-position:0 -170px; }
body.page416 .sidebar .section ul.take-a-tour li.test-task a { background-position:0 -170px; }