@charset "utf-8";

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

html, body {
	background-color: rgb(110,110,110);
}
body {
	font-family: 'bankgothic_md_btmedium', 'Orbitron', Arial, sans-serif;
	margin:0;
}
a {
	text-decoration:none
}
h1 {
	font-size:32px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:14px;
}
h4 {
	font-size:18px;
}
h1, h2, h3, h4 {
	color: #78e6c8;
	font-weight:normal;
	padding:0;
	margin:0;
}
dt {
	float:left;
	clear:left;
	text-align: right;
}
dt:after {
    content: ":";
  }
dd {
	margin-left:150px;
}
#eikona {
	width:100%;
	height: 250px;
	background-color:#6e6e6e;
	background-image:url(../images/panopano.jpg);
    background-position: center top;
}
#plaisio {
	position:absolute;
	width:700px;
	left:50%;
	margin-left:-350px;
}
#name {
	position:relative;
	top:0;
}
#nav {
	position:relative;
	background-color: rgba(110,110,110,0.90);
	top:10px;
	height:38px;
	width:700px;
	border-top:1px solid #464646;
}
#nav ul {
	padding:0;
	margin:8px 0px 0px 0px;
}
#nav ul li {
	display:inline;
	font-size:16px;
}
#nav ul li a:link {
	color: #464646;
}
#nav ul li a:visited {
	color: #464646;
}
#nav ul li a:hover {
	color: #c8c8c8;
}
#scroll-to-before-about {
	position:absolute;
	left:0;
}
#scroll-to-before-projects {
	position:absolute;
	left:110px;
}
#scroll-to-before-visualizations {
	position:absolute;
	right:280px;
}
#scroll-to-before-clients {
	position:absolute;
	right:140px;
}
#scroll-to-before-contact {
	position:absolute;
	right:0;
}
#about, #projects, #visualizations, #clients, #contact {
	margin-top:50px;
	position:relative;
	color:#c8c8c8;
}
#about {
 	line-height: 1.5em;
	text-align:justify;
	font-size:13px;
}
#projects ul, #visualizations ul {
	padding:0;
}
#projects ul li, #visualizations ul li {
	display:inline;
	height:100px;
	float:left;
}
.normal_thumb {
	padding-right:20px;
	padding-bottom:20px;
}
.right_thumb {
	padding-right:0;
	padding-bottom:20px;
}
.project_item {
	height:260px;
}
.project_item_short {
	height:140px;
}
.project_item_large {
	height:380px;
}
#clients, #contact {
	line-height:1.5em;
	font-size:16px;
}
#contact dl dd a:link {
	color: #c8c8c8;
}
#contact dl dd a:visited {
	color: #c8c8c8;
}
#contact dl dd a:hover {
	color: #78e6c8;
}
#contact {
	margin-bottom:30px;
}