@font-face {
    font-family: 'Roboto';
    src: url('style7/roboto-bold.eot');
    src: url('style7/roboto-bold.eot') format('embedded-opentype'),
         url('style7/roboto-bold.woff') format('woff'),
         url('style7/roboto-bold.ttf') format('truetype'),
         url('style7/roboto-bold.svg#RobotoBold') format('svg');
}

body {
	background-color: #00a6ca;
	padding:0;
	margin: 0;

}

.topbar {
background-color: #282828;
}

.refresh {
	position:fixed;
	top:50px;
	left:50%;
	margin-left: -102;
	height:145px;
	width:205px;
	background-image: url("style6/refresh2.png");
	background-size: 205px 145px;
	background-repeat: no-repeat;
}

.social {
	position:fixed;
	bottom:50px;
	right: 50px;
	height:70px;
	width:160px;
}

.linkedin {
	float:left;
	height:61px;
	width:61px;
	background-image: url("style7/linOK.png");
	background-size: 122px 61px;
	background-position: 0px 0px;
}

.linkedin:hover {
	background-size: 122px 61px;
	background-position: 61px 0px;
}

.mail {
	float:left;
	margin-left: 20px;
	height:61px;
	width:61px;
	background-image: url("style7/mailOK.png");
	background-size: 122px 61px;
	background-position: 0px 0px;
}

.mail:hover {
	background-size: 122px 61px;
	background-position: 61px 0px;
}

.mainbox {
	position: relative;
	width:100%;
	height:100%;
}

.container {
	width:594px;
	height: 524px;
	background-image: url("style7/pic.png");
	background-size: 594px 524px;
	background-position: center;
	background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.pic {
	
}

.text {
	float:left;
	width: 460px;
}

.text h1 {

	margin-left: 90;
	margin-top: 294px;
	width: 160px;
	text-align: left;
	text-transform: none;
	font-family: Roboto;
	font-weight: bold;
	color: #414042;
	font-size: 17px;
	line-height:1.2;
}

.text h2 {
	width:160px;
	margin-left: 392;
	margin-top: -264px;
	text-align: left;
	text-transform: none;
	font-family: Roboto;
	font-weight: bold;
	font-size: 19px;
	line-height:1.2;
	color:#fff;
}

.text h2 a {
	color:#f15a29;
	text-decoration: none;
}

.text h2 a:hover {
	color: #fc6b44;
}

.text h3 {
	width:160px;
	margin-left: 392;
	font-family: Roboto;
	text-transform: none;
	text-align: left;
	font-weight: bold;
	font-size: 19px;
	line-height:1.2;
	color: #fff;
}

.text h3 a {
	color:#f15a29;
	text-decoration: none;
}

.text h3 a:hover {
	color: #fc6b44;
}