/*_*/

/* Reset */ HTML,BODY,DIV,SPAN,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,ABBR,ADDRESS,CITE,CODE,DEL,DFN,EM,IMG,INS,KBD,Q,SAMP,SMALL,STRONG,SUB,SUP,VAR,B,I,DL,DT,DD,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD,ARTICLE,ASIDE,DIALOG,FIGURE,FOOTER,HEADER,HGROUP,MENU,NAV,SECTION,TIME,MARK,AUDIO,VIDEO{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}ARTICLE,ASIDE,DIALOG,FIGURE,FOOTER,HEADER,HGROUP,NAV,SECTION{display:block;}BLOCKQUOTE,Q{quotes:none;}BLOCKQUOTE:before,BLOCKQUOTE:after,Q:before,Q:after{content:'';content:none;}INS{text-decoration:none;}DEL{text-decoration:line-through;}TABLE{border-collapse:collapse;border-spacing:0;}HR{display:none;}INPUT,SELECT{vertical-align:middle;}

HTML {
	height:100%;
	}

BODY {
	height:100%;
	font:62.5%/1.66 Georgia, serif;
	color:#262626;
	background:#FFF;
	}

BODY:not(IE) {
	overflow-y:scroll;
	}

/* Typography
---------------------------------------- */
/* Headers */
H2.t {
	margin:0 0 20px;
	font-size:1.6em;
	line-height:1.1;
	font-weight:normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#262626;
	}
H3.t {
	margin:0 0 1.3em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#262626;
	}

/* Links */
A:link,
A:visited {
	color:#63B8D8;
	}
	A:link:hover,
	A:visited:hover {
		color:#00B9FF;
		}

/* Lists */
DL.t {
	margin-bottom:1em;
	font-size:1.3em;
	}
	DT.t {
		display:inline;
		text-transform:uppercase;
		}
	DD.t {
		display:inline;
		color:#808080;
		}

UL.t {
	margin-bottom:1.5em;
	padding-left:1.5em;
	}
	LI.t {
		}

/* Other */
P.t {
	margin-bottom:1.5em;
	}

STRONG.t {
	color:#262626;
	}

/* Custom elements */
.b-nou {
	text-decoration:none;
	}
.b-u {
	text-decoration:underline;
	}
.etc {
	display:none;
	}

/* Generic content */
.b-content {
	font-size:1.3em;
	color:#808080;
	}

/* Layout
---------------------------------------- */
.l-main {
	position:relative;
	width:896px;
	min-height:100%;
	padding:0 64px;
	margin:0 auto;
	}
	.l-main-in {
		padding:80px 0 40px;
		}

/* Columns */
.l-cols:after {
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
	}
	.l-col {
		float:left;
		width:100%;
		margin-right:-4096px;
		}

/* Grid */
.l-l1 { margin-left:128px; } .l-r1 { margin-right:128px; }
.l-l2 { margin-left:256px; } .l-r2 { margin-right:256px; }
.l-l3 { margin-left:384px; } .l-r3 { margin-right:384px; }
.l-l4 { margin-left:512px; } .l-r4 { margin-right:512px; }
.l-l5 { margin-left:640px; } .l-r5 { margin-right:640px; }
.l-l6 { margin-left:728px; } .l-r6 { margin-right:768px; }

/* Elements
---------------------------------------- */
/* Logo */
.b-logo {
	position:relative;
	width:305px;
	height:40px;
	overflow:hidden;
	}
	.b-logo:before,
	.b-logo_before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(../i/blank.gif);
		}
		.b-logo:after,
		.b-logo_after {
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url(../i/sprite.gif) 0 0 no-repeat;
			}
.b-logo-mini {
	position:relative;
	width:76px;
	height:7px;
	margin:0 0 20px;
	overflow:hidden;
	}
	.b-logo-mini:before,
	.b-logo-mini_before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(../i/blank.gif);
		}
		.b-logo-mini:after,
		.b-logo-mini_after {
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url(../i/logo-mini.gif) 0 0 no-repeat;
			}

/* Contacts */
.b-contact {
	position:relative;
	width:272px;
	height:88px;
	margin-top:35px;
	overflow:hidden;
	}
	.b-contact:before,
	.b-contact_before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(../i/blank.gif);
		}
		.b-contact:after,
		.b-contact_after {
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url(../i/sprite.gif) 0 -72px no-repeat;
			}
	.b-contact .email {
		z-index:1;
		position:absolute;
		top:66px;
		left:0;
		width:205px;
		height:27px;
		overflow:hidden;
		}
	.b-contact .email:before,
	.b-contact .email_before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(../i/blank.gif);
		}
		.b-contact .email:after,
		.b-contact .email_after {
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url(../i/sprite.gif) 0 -138px no-repeat;
			}
.b-contact_inner {
	width:151px;
	height:63px;
	margin-top:17px;
	}
	.b-contact_inner:after,
	.b-contact_inner_after {
		background-position:0 -205px;
		}
	.b-contact_inner .email {
		top:45px;
		width:113px;
		height:12px;
		}
		.b-contact_inner .email:after,
		.b-contact_inner .email_after {
			background-position:0 -250px;
			}

/* Social links */
.b-social {
	list-style:none;
	font-size:1.3em;
	}

/* Slash works counter */
.b-works {
	position:absolute;
	left:0;
	width:110px;
	height:50px;
	top:290px;
	font-weight:normal;
	background:url(../i/sprite.gif) -228px -224px no-repeat;
	}
	.b-works-link {
		position:relative;
		display:block;
		width:64px;
		padding:5px 0;
		font-size:1.3em;
		font-style:italic;
		}
	.b-works-current {
		position:relative;
		display:block;
		width:60px;
		text-align:right;
		font-size:3.2em;
		font-style:italic;
		}
	.b-works-count {
		position:absolute;
		top:25px;
		left:75px;
		font-size:1.3em;
		font-style:italic;
		color:#808080;
		}

/* breadcrumbs */
.b-crumbs {
	margin:-1px 0 3.2em;
	font-size:1.3em;
	text-transform:lowercase;
	}

/* Info about work */
.b-work {
	padding:50px 0 0;
	}
	.b-work-title {
		font-size:1.3em;
		font-weight:normal;
		text-transform:uppercase;
		}
	.b-work-description {
		font-size:1.3em;
		color:#808080;
		}
	.b-work-link:link,
	.b-work-link:visited {
		font-size:1.3em;
		color:#808080;
		}
.b-works-nav {
	position:absolute;
	top:315px;
	right:64px;
	font-size:1.3em;
	font-style:italic;
	text-transform:lowercase;
	}

/* Vacancy link */
.b-vacancy {
	display:inline-block;
	padding:4em 0 7em;
	}
	.b-vacancy-link {
		position:relative;
		float:left;
		clear:left;
		height:14px;
		padding:8px 19px 8px 9px;
		border:solid #E6E6E6;
		border-width:1px 0 1px 1px;
		margin:0 0 10px -10px;
		font-size:1.3em;
		line-height:1.1;
		}
		.b-vacancy-link:before,
		.b-vacancy-link_before {
			content:"";
			position:absolute;
			top:-1px;
			left:100%;
			overflow:hidden;
			display:block;
			width:0;
			height:0;
			border-top:32px solid #E6E6E6;
			border-right:18px dashed transparent;
			}
		.b-vacancy-link:after,
		.b-vacancy-link_after {
			content:"";
			position:absolute;
			top:0;
			left:100%;
			overflow:hidden;
			display:block;
			width:0;
			height:0;
			border-top:30px solid #FFF;
			border-right:17px dashed transparent;
			margin:0 0 0 -1px;
			}
			
/* Footer */
.b-footer {
	margin-top:-5em;
	line-height:2;
	color:#808080;
	}
	.b-footer .b-nou {
		font-style:italic;
		color:#808080;
		}

/* Grid */
.grid {
	background:url(../i/grid.gif) -64px 0;
	}
	.grid .b-logo:before,
	.grid .b-logo_before,
	.grid .b-contact:before,
	.grid .b-contact_before,
	.grid .b-contact .email:before,
	.grid .b-contact .email_before {
		background-image:url(../i/grid.gif);
		}
#js #GridHandle {
	position:absolute;
	top:80px;
	right:64px;
	width:15px;
	height:12px;
	background:url(../i/sprite.gif) -290px -72px no-repeat;
	cursor:pointer;
	}
	
/* Preloads */
.b-logo .fn {
	background:url(../i/blank.gif) no-repeat -200px -200px;
	}
.b-logo .title {
	background:url(../i/grid.gif) no-repeat -200px -200px;
	}