@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('fonts/TitilliumText22L001-webfont.ttf');
    src: url('fonts/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L001-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L001-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('fonts/TitilliumText22L002-webfont.eot');
    src: url('fonts/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L002-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('fonts/TitilliumText22L003-webfont.ttf');
    src: url('fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L003-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	margin:0;
	padding:0;
	background: #21ac73 /*url("images/bg1.png")*/;
}

.clear {
	clear:both;
}
#wrapper {
	overflow:hidden;
	position:absolute;
	z-index:-2;
}
#border_mask {
	overflow:hidden;
	position:absolute;
	z-index:-1;
	background-image: url("images/border_mask.png");
}
.box, .work_box, .box_overlay {
	width:150px;
	height:120px;
	margin-right:10px;
	margin-bottom:10px;
	background-image: url("images/box.png");
	background-position: -160px -130px;
	float:left;
	opacity:0.8;
}
#intro-logo {
	height:260px;
	position:absolute;
	top:260px;
	left:320px;;
}
#logo-intro2 {
	position:absolute;
	top:390px;
	left:320px;
}
#logo-intro {
	position:absolute;
	top:260px;
	left:160px;	
}
header {
	height:260px;
}
.logo {
	position:relative;
}
.logo img, #logo-intro img {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-26px;
	margin-top:-32px;
}
.logo, .logo2, .main_nav a, #logo-intro, #logo-intro2 {
	background-image: url("images/box.png");
	text-align:left;
}
.logo:hover, .logo2:hover, .main_nav a:hover, #logo-intro:hover, #logo-intro2:hover {
	background-position: 0 -130px;
}
.logo, .logo2, .main_nav, #logo-intro, #logo-intro2 {
	float:left;
	z-index:1;
}
.logo, #logo-intro {
	width:150px;
	height:120px;
	display:block;
}
.logo2, #logo-intro2 {
	width:110px;
	height:60px;
	display:block;
	
	padding:30px 20px;
	line-height:1.2em;
	
	font-family: TitilliumText22LLight;
	font-size:14px;
	color:white;
	text-decoration:none;
}
.nikita {
	font-size:31px;
	font-family: TitilliumText22LRegular;
}
.main_nav a {	
	position:absolute;
	z-index:1;
	display:block;
	width:90px;
	height:70px;

	line-height:1.2em;
	padding:25px 30px;
	
	font-family: TitilliumText22LRegular;
	font-size:24px;
	color:white;
	text-decoration:none;
}
.main_nav a:nth-child(1) {	
	left:480px;;
	top:260px;
}
.main_nav a:nth-child(2) {	
	left:640px;;
	top:390px;
}
.content {
	position:absolute;
	line-height:1.2em;
	min-height:260px;
	width:480px;
	font-family: TitilliumText22LLight;
	font-size:32px;
	color:white;
	background: #21ac73;
	padding-bottom:30px;
}
.contact_me {
	width:640px;

	
}
.contact_me p {
	font-size:20px;
	line-height:1.3em;
	font-family: TitilliumText22LLight;
	-moz-font:TitilliumText22LThin;
	margin-bottom:15px;

}
.contact_me a {
	color:white;
	text-decoration:underline;
}
.contact_me a:hover {
	text-decoration:none;
}
.contact_me div {

	margin-right:10px;
	
}
#work_section {
	padding-top:130px;
}
.work_block, .work_block_overlay {
	width:470px;
	height:250px;
	float:left;
	background: url(images/work_block.png);
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
	position:relative;

}
.work_block_mini {
	cursor:pointer;
	width:150px;
	height:250px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.work_box {
	position:relative;
	opacity:1;
}
.corner_tr, .corner_bl {
	position:absolute;
	width:10px;
	height:10px;
	background: url(images/corners.png);
}
.corner_tr {
	background-position: -11px 0;
	top:0;
	right:0;
}
.corner_bl {
	background-position: 0 0;
	bottom:0;
	left:0;
}
.box_overlay {
	position:absolute;
	z-index:4;
	top:0;
	left:0;
	background-position: -160px -130px;
	cursor:pointer;
	display:block;
}
.work_block_overlay {
	position:absolute;
	display:block;
	background-position: 0 -250px;
	font-size:24px;
	color:white;
	font-family: TitilliumText22LLight;
	display:block;
}
.work_block_overlay p, .work_block_overlay h1, h1, p{
	margin:10px;
	font-size:24px;
	line-height:1;
}
.work_block_overlay h1, h1 {
		font-family: TitilliumText22LRegular;
		font-size:32px;
		line-height:1.4em;
}
#logo-intro2:hover {
	background-position: -160px 0px;	
}