@font-face {
    font-family: 'Intro Regular';
    src: url('fonts/intro-regular.eot');
    src: url('fonts/intro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/intro-regular.woff') format('woff'),
         url('fonts/intro-regular.ttf') format('truetype'),
         url('fonts/intro-regular.svg#Intro Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'WarnockPro-ItDisp';
    src: url('fonts/warnockpro-itdisp.eot');
    src: url('fonts/warnockpro-itdisp.eot?#iefix') format('embedded-opentype'),
         url('fonts/warnockpro-itdisp.woff') format('woff'),
         url('fonts/warnockpro-itdisp.ttf') format('truetype'),
         url('fonts/warnockpro-itdisp.svg#WarnockPro-ItDisp') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
================================================================================
|                                     MAIN TAGS                                |
================================================================================
*/
html, body {
	height:100%;
}
body {
	position:relative;
	background-color:#eeeeee;
	min-width:980px;
	min-height:600px;
	-webkit-font-smoothing: antialiased;
}
form, body, input, select, textarea, img, div, h1, h2, h3, h4, h5, p, a {
	margin:0px;
	padding:0px;
	outline:none;
}
input, textarea {
	display:block;
	width:100%;
	height:30px;
	border:2px solid #222222;
	box-sizing: border-box;
	//behavior: url("scripts/boxsizing.htc");
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	outline:none;
	font-family: 'Intro-Book';
	font-size:14px;
	color:#222222;
	padding-left:6px;
	padding-top:3px;
	margin:0px;
}
input:hover, textarea:hover {
	border:2px solid #999999;
}
textarea {
	height:130px;
	overflow:auto;
	resize:none;
}
img {
	border:0px;

}
h1 {
	font-family: 'Intro Regular';
	font-size:25px;
	color:#ffffff;
	line-height:70px;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:uppercase;
}
h1 span {
	border-bottom:8px solid #ffffff;
}
h2 {


	border-bottom:8px solid #222222;
	font-family: 'Intro Regular';
	font-size:50px;
	color:#222222;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:uppercase;
}
h3 {
	display:inline;
	border-bottom:4px solid #222222;
	font-family: 'Intro Regular';
	font-size:24px;
	color:#222222;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:uppercase;
}
h4 {
	float:left;
	width:100%;
	text-align:center;
	font-family: 'WarnockPro-ItDisp';
	font-size:34px;
	color:#181818;
	line-height:30px;
	font-weight:normal;
	padding-top:59px;
}
p {
	font-family: 'Intro-Book';
	font-size:18px;
	color:#222222;
	line-height:20px;
}
a {
	color:#222222;
	text-decoration:none;
	outline:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.relative {
	position:relative;
}
.overflow {
	overflow:hidden;
}
#main {
	position:relative;
	max-width:1920px;
	min-height:240px;
	margin:0px auto;
	z-index:2;
	background-color: #ffffff;
}
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
#header {
	position:fixed;
	display:table-cell;
	left:0px;
	top:0px;
	width:100%;
	height:80px;
	background-color:#ffffff;
	vertical-align:middle;
	z-index:100;
}
#header .inner {
	position:relative;
	width:940px;
	height:15px;
	overflow:hidden;
	margin:0px auto;
}
#header .inner a {
	border-bottom:2px solid #ffffff;
	font-family: 'Intro Regular';
	font-size:11px;
	color:#222222;
	letter-spacing:1px;
	text-transform:uppercase;
}
#header .inner .language {
	position:absolute;
	right:0;
	top:0px;
}
#header .inner div {
	position:absolute;
	left:320px;
	top:0px;
	width:400px;
	text-align:center;
}
#header .inner div .left {
	position:absolute;
	left:0;
	top:0px;
}
#header .inner div .center {
	position:absolute;
	left:160px;
	top:0px;
}
#header .inner div .right {
	position:absolute;
	left:320px;
	top:0px;
} 
*+html .auxiliary {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}
*+html #logo .inner .block div h1 {
	display: inline-block;
	vertical-align: middle;
}
*+html #logo .inner .block div h1, .auxiliary {
	display: inline;
}
/*
================================================================================
|                                     CONTENT                                  |
================================================================================
*/ 
#about {
	position:relative;
	height:480px;
	overflow:hidden;
}
#about .inner {
	position:absolute;
	left:50%;
	top:0px;
	width:1920px;
	height:480px;
	margin-left:-960px;

}
#about .inner img {
	position:absolute;
	left:0px;
	margin-top:0px;
	top:0px;
}
#about .inner .block {
	position:relative;
	width:940px;
	height:480px;
	margin:0px auto;
}
#about .inner .block div {
	display:table-cell;
	height:480px;
	vertical-align:middle;
}
#about .inner .block div h2 {
	border-bottom:8px solid #ffffff;
	color:#ffffff;
}
*+html .auxiliary {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}
*+html #about .inner .block div h2 {
	display: inline-block;
	vertical-align: middle;
}
*+html #about .inner .block div h2, .auxiliary {
	display: inline;
}
#about_content {
	width:940px;
	overflow:hidden;
	margin:0px auto;
}
#about_content .head {
	height:200px;
	width:100%;
	overflow:hidden;
}
#about_content .inner {
	width:970px;
}
#about_content .inner .left {
	float:none;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:300px;
	vertical-align:top;
	padding-right:16px;
	//padding-right:20px;
	padding-bottom:53px;
}
#about_content .inner .right {
	float:none;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:640px;
	vertical-align:top;
}
#about_content .inner .right div {
	float:left;
	width:240px;
	height:180px;
	padding-right:20px;
}
#about_content .inner .right div img {
	float:left;
}
#about_content .inner .right div strong {
	clear:both;
	display:block;
	font-family: 'Intro Regular';
	font-size:14px;
	color:#181818;
	font-weight:normal;
	padding-top:15px;
	margin-bottom:-2px;
}
#about_content .inner .right div span {
	display:block;
	font-family: 'Intro-Book';
	font-size:13px;
	color:#181818;
	padding-top: 6px;
}
#about_content .project {
	border-bottom:5px solid #232323;
	overflow:hidden;
}
#about_content .project div {
	overflow:hidden;
	padding-bottom:40px;
}
#about_content .project div img {
	float:left;
	margin-bottom:20px;
}
#about_content .project div.left, #about_content .project div.right {
	width:460px;
}
#about_content .project div p {
	position:relative;
	width:300px;
	font-family: 'WarnockPro-ItDisp';
	font-size:16px;
	color:#222222;
	padding-top:11px;
	padding-bottom:54px;
}
#about_content .project div p span {
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:5px;
	overflow:hidden;
	background-color:#232323;
}

 
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
#footer {
	position:relative;
	min-width:880px;
	background-color:#222222;
	z-index:1;
}
#footer .inner {
	width:920px;
	height:55px;
	padding-top:15px;
	margin:0px auto;
}
#footer .inner p {
	float:left;
	width:320px;
	font-family: 'Intro Regular';
	font-size:11px;
	color:#ffffff;
	line-height:20px;
	letter-spacing:1px;
	text-transform:uppercase;
}
#footer .inner p strong {
	font-family: 'Intro Black';
	font-weight:normal;
}
#footer .inner p a {
	border-bottom:2px solid #222222;
	color:#ffffff;
}

#footer .inner p a:hover {
	border-bottom:2px solid #222222; 
	color:#FF9;
}

#footer .inner div {
	position:absolute;
	float:left;
	margin-left:52%;
}
#footer .inner div a {
	position:relative;
	float:left;
	width:30px;
	height:30px;
	overflow:hidden;
	margin-right:10px;
}