/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* BASE */

html, body	{height:100%; margin:0; padding:0;}

body{
	color:#fff;
	background:#000;
/*	font-family:helvetica,arial,sans-serif; */
	font-family: Verdana, Geneva, sans-serif; 
	font-size:11px;
	margin:0;
}
.centered{ /* horizontal centering */
	position:relative;
	margin:0;
	width:1px;
	left:50%;
}
#floater{ /* vertical centering */
	height:50%;
	margin-bottom:-300px;
	position:relative;
}
#content{ /* vertical centering */
	clear:both;
	height:600px;
	position:relative;
	margin:0 auto;
}

a:active{ -moz-outline-style: none; outline: none; } /* firefox and MSIE dotted borders on links */
a:focus{ -moz-outline-style: none; outline: none; } /* firefox and MSIE dotted borders on links */
a img{ border-style:none; }
/* a:link, a:visited, a:active, a:hover, a:focus { text-decoration: none; } */

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* NO SCRIPT VERSION */

#noscript{
	position:relative;
	margin-top:30px;
	margin-left:20px;
	width:700px;
	font-size:11px;
	font-weight:normal;
}
#noscript ul{ margin:0; padding:0; list-style:none; }
#noscript h1{ font-size:18px; font-weight:normal; margin:20px 0 0 0; }
#noscript h2{ font-size:14px; font-weight:normal; margin:20px 0 0 0; }
#noscript p{ margin:10px 0 0 0; }
#noscript a, #noscript .active{ text-decoration:none; color:#ccc; }
#noscript a:hover { color:#fff; }
.noscript_img{ height:100px; width:auto; margin:5px 0 0 0; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* IMAGES GALLERY */

#projectgallery{
	position:absolute;
	top:260px;
}

#gallery{ position:relative; }

#info h2{ font-size:15px; font-weight:normal; margin:0 0 12px 0; }
#info p{ font-size:11px; line-height:15px; margin:0 0 5px 0; }
#info a{ text-decoration:none; color:#fff; }
#info a:hover, #info .active{ color:#ccc; } 

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* LOGO (WHEN GALLERY IS SHOWN) */

#logo{
	position:absolute;
	top:100px;
	left:-250px;
	display:none; /* set to 'block' by main.js (disabled javascript solution)*/
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* MAIN MENU */

#menu{
	position:absolute;
	top:700px;
	width:800px;
	left:-400px;
	text-align: center;
	font-size:11px;
	color:#fff;
	display:none; /* set to 'block' by main.js (disabled javascript solution)*/
}
#menu ul{ margin:0; padding:0; }
#menu ul li{
	margin:0;
	padding:0px 3px;
	display:inline;
	list-style:none;
}
#menu a{ text-decoration:none; color:#fff; }
#menu a:hover, #menu .active{ color:#aaa; } 

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* LANGUAGE MENU */

#lang{
	position:absolute;
	top:725px;
	width:800px;
	left:-400px;
	text-align:center;
	font-size:9px;
	color:#aaa;
	display:none; /* set to 'block' by main.js (disabled javascript solution)*/
}
#lang ul{ margin:0; padding:0; }
#lang ul li{
	margin:0;
	padding:0px 3px;
	display:inline;
	list-style:none;
}
#lang a{ text-decoration:none; color:#aaa; }
#lang a:hover, #lang .active{ color:#fff; } 

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* CREDITS */

#credits{
	position:absolute;
	top:0px;
	right:0px;
}
#credits a img{ width:2px; height:2px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* HOME */

#homelogo{
	position:absolute;
	top:350px;
	left:-300px;
	display:none; /* set to 'block' by main.js (disabled javascript solution)*/
}
#homelang{
	position:absolute;
	top:450px;
	width:800px;
	height:25px;
	left:-400px;
	display:none; /* set to 'block' by main.js (disabled javascript solution)*/
}
#linkHomeDE{ position:absolute; left:190px; }
#linkHomeEN{ position:absolute; left:460px; }