@charset "utf-8";
/* CSS Document */

body {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	background:#f7f5ec;
	margin:0;
	padding:0;
}

div.container {
	margin:30px auto;
	width:960px;
}

div.logo {
	background:url(../images/odumidika.png) no-repeat;
	height:76px;
	width:360px;
	float:left;
	text-indent:-99999px;
}

h1, h2, h3, h4 {
	font-weight:100;
	margin:0;
}

h1 {
	clear:left;
	width:850px;
	padding-top:50px;
	font-size:1.7em;
}

h2 {
	padding-top:50px;
	padding-bottom:10px;
}

h3 {
	padding-top:15px;
}

h3.contact {
	padding:0;
	clear:left;
}

div.left_portfolio {
	float:left;
	width:440px;
}

div.right_portfolio {
	float:right;
	width:440px;
}

img.client {
	padding:10px;
	border:1px solid #b2aa85;
	background:#e4e1d4;
}

img.client:hover {
	background:#fff;
}

div.role {
	float:left;
	margin-top:5px;
	margin-bottom:40px;
}

img {
	border:0;
}

/* Hover Effects */

.role em {
	font-size:14px;
	background:#e4e1d4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:32px;
	padding:6px;
	margin-top:2px;
	position:absolute;
	text-align:center;
	font-style:normal;
	z-index:1;
	display:none;
}

.role em.myrole {
	width:250px;
}

div.role em.item1 {
	width:200px;
	margin-left:140px;
}

div.role em.item2 {
	width:200px;
	margin-left:104px;
}

div.role em.item3 {
	width:200px;
	margin-left:68px;
}

div.role em.item4 {
	width:200px;
	margin-left:32px;
}

a {
	color:#349def;
	text-decoration:none;
}

a:hover {
	color:#e93da6;
}