@charset "UTF-8";




/* General properties */

body {
	background-color:#ebebeb;
	font-family:Georgia, "Times New Roman", serif;
	font-size:14px;
	line-height:24px;
	color:#000;
	margin:0;
	}

img { border:0; }
ul, li { margin:0; }

a {
	text-decoration:none;
	outline: none;
	color:#000;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	}
a:hover: {
	color:#f95602;
	}
	
h1 { 
	font-family:Helvetica, Arial, sans-serif;
	font-size:48px;
	font-weight:bold;
	}
h1 p {
	font-size:18px;
	margin:18px 0 0 0;
	font-weight:normal;
	}
	
h2 { 
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	}
	
#page {
	width:100%;
	margin:0 auto 0 auto;
	}

#contents {
	width:940px;
	margin:0 auto 0 auto;
	}
	
#up {
	width:25px;
	height:25px;
	position:fixed;
	bottom:35px;
	right:25px;
}
#up img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
}
#up img.up-btn:hover {
	opacity:0;
}
	
@media screen and (max-width: 1024px) { #up { display:none; } }
	
	
/* Tools */

.break { clear:both; }

.divider, .divider-half {
	width:100%;
	height:1px;
	margin:30px 0 55px 0;
	border:0;
	background:url(../img/divider.gif) repeat;
	}
	
.divider-half {
	margin:25px 0 30px 0;
}


/* Header */

#logo {
	display:block;
	float:left;
	width:220px;
	height:220px;
	position:relative;
	margin:0 auto;
	background:url(../img/logo_ediasporas.png) no-repeat;
	}

#menu {
	float:left;
	margin-top:25px;
	width:720px;
	text-align:right;
	}

#menu a, #further a, .p300 a, .p300list a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#000;
	}
#menu a:hover, #further a:hover, .p300 a:hover, .p300list a:hover { color: #f95602; }
	
	
/* Concept, tools & methodology page */
	
#btn-ctm {
	width:325px;
	height:25px;
	display:block;
	position:relative;
	margin:0 0 120px auto;
}
#btn-ctm img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
}
#btn-ctm img.btn-ctm-b:hover {
	opacity:0;
}

.ctm-shdw {
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #666;
}


/* Contents */

.p460, .p620, .p940 { float:left; }
.p460 { width:460px; }
.p620 { width:620px; margin:0 20px 0 0; }
.p940 { width:940px; }

.p300, .p300l, .p300list {
	width:300px;
	float:left;
	}
.p300list {
	margin-top:0;
	margin-right:20px;
}
.p300list a {
	line-height:36px;
	}
.p300l {
	background:url(../img/logo_btm.png) no-repeat right center;
	height:200px;
	}
	
.p620 img {
	vertical-align:baseline;
}
.p620 strong, .p300 strong {
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	}

.tb {
	display:block;
	float:left;
	position:relative;
	margin:0 20px 40px auto;;
	width:140px;
	height:140px;
	}
.tb img {
	width:140px;
	height:140px;
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;	
	transition: opacity 0.3s ease-in-out;
	}
.tb img.tbtop:hover {
	opacity:0;
	}
.tb a, .resources, .mdl-links, #concept {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	}
.tb a:hover, .resources:hover, .mdl-links:hover, #concept:hover { color: #f95602; }
.tb p {
	display:block;
	position:relative;
	top:125px;
}
#concept { line-height:27px; }
.resources {
	font-size:18px;
	line-height:36px;
	font-weight:normal;
}
.resources img {
	vertical-align:middle;
}

.mdl-links {
	font-size:14px;
	line-height:18px;
	font-weight:normal;
}

/* Footer */
	
#footer {
	width:100%;
	height:100px;
	margin:0 auto 0 auto;
	background:url(../img/ftr-noise.png) repeat;
	}
	
#ftr-contents {
	width:940px;
	margin:0 auto 0 auto;
	}
	
#ftr-structure-top {
	width:300px;
	height:41px;
	margin:0;
	background:url(../img/ftr-structure-top.png) no-repeat center top;
	}
	
#ftr-structure-btm {
	width:300px;
	height:100px;
	margin:0;
	background:url(../img/ftr-structure-btm.png) no-repeat center top;
	float:left;
	}
	
#copy {
	margin:0 0 0 20px;
	padding-top:40px;
}
#copy a:hover { color:#f95602; }