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

* {border:0;margin:0;padding:0;}
body {background:#fff url(../img/bg-pixels.png) no-repeat center top;color:#000;font-family:'Trebuchet MS',Helvetica,sans-serif;font-weight:400;}
h1 {background:url(../img/logo-28-b.gif) no-repeat;display:block;height:28px;margin:0 0 24px;overflow:hidden;width:204px;}
h1 span {display:none;}
h2 {color:#868686;display:block;font-size:14px;font-weight:400;line-height:18px;margin:0;text-transform:uppercase;}
nav {display:block;font-size:11px;height:20px;line-height:20px;margin:5px 0 19px;text-align:right;}
nav a {color:#aaa;height:20px;line-height:20px;margin:5px 0 71px;}

.clear {clear:both;float:none;height:0;width:100%;}
.lang {overflow:hidden;position:relative;}
.lang span {display:none;}

#page {background:url(../img/bg-pixels.png) no-repeat center top;width:100%;}

header {margin:0 auto;width:320px;}
header ul li {border-bottom:1px solid #2e3d58;display:block;padding:24px 0;}
header ul li img {display:block;margin:0 0 24px;width:100%;}
header ul li p {font-size:12px;line-height:20px;padding:8px 0 0;}
header ul li p a {color:#000;text-decoration:underline;}
header ul li ul {display:block;height:14px;margin-top:16px;width:100%;}
header ul li ul li {border:0;float:left;height:16px;padding:0;margin-right:8px;width:16px;}
header ul li ul a {background:url(../img/links.png) no-repeat;display:block;height:16px;width:16px;}
header ul li ul a.f {background-position:0 0;}
header ul li ul a.l {background-position:0 -34px;}
header ul li ul a.t {background-position:0 -17px;}
header ul li.b p a:hover {text-decoration:underline;}
header ul li.b p em {color:#868686;display:block;text-align:right;}
header ul li.c p a {color:#2e3d58;}
header ul li.w div {background:url(../img/world-map.gif);height:155px;margin:5px auto 0;position:relative;width:260px;}
header ul li.w div span {background:#000;display:block;height:2px;position:absolute;width:2px;}


article {margin:0 auto;padding:0 0 48px;width:260px;}
article section {display:block;width:100%;}
article section img {display:block;opacity:0;width:100%;}

footer {background:#000;height:15px;width:100%;}
footer div {margin:0 auto;position:relative;width:320px;}
footer a {background:url(../img/logo-7-w.gif);display:block;height:7px;position:absolute;right:16px;top:4px;width:51px;}
footer a span {display:none;}
footer p {color:#666;display:block;font-family:monospace;font-size:10px;height:15px;line-height:15px;position:absolute;right:75px;top:0;width:auto;;}

@media only screen and (min-width : 600px) {
	
	nav {margin:5px 0 71px;text-align:left;}
	
	#page {margin:0 auto;width:600px;}
	
	header {float:left;margin:0;padding:0 60px 96px 0;width:260px;}

	article {float:left;padding:96px 0 96px;width:280px;}
	article section {float:left;padding:0 2%;width:46%;}

	footer {bottom:0;left:0;position:fixed;}
	footer div {width:600px;}

}

@media only screen and (min-width : 960px) {
	
	#page {width:960px;}
	
	article {width:640px;}
	article section {padding:0 2%;width:29%;}

	footer div {width:960px;}

}