body {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:10px;
	background-color:#1d282e;
}
div.wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#header,#caption,#news,#content {
	width:100%;
	text-align:center;
}
#header {background:url(../img/bg_header.png) repeat-x #1c3d4e;}
#header .wrapper {
	position:relative;
	height:8em;
}
div.site_logo, img.site_logo {
	display:block;
	position:absolute;
	left:0;
	bottom:0.375em;
	width:300px;
}
div.site_logo img.site_logo {position:static;}
#usernav,#mainnav {
	position:absolute;
	right:0;
	width:600px;
}
#usernav {
	height:2em;
	padding-bottom:1em;
	top:0.5em;
}
#mainnav {
	bottom:0.8em;
}
#usernav li,#mainnav li {
	display:block;
	float:right;
}
#caption {
	background:url(../img/bg_caption.png) repeat-x #eee;
/*	border-top:1px solid #fff;
	border-bottom:1px solid #202c33; */
}
#caption .wrapper {
	position:static;
	width:920px;
	height:300px;
	padding:0;
	background:url(../img/caption/bg.gif) no-repeat;
	border:0;
}
#news {
	background-color:#1c3d4d;
	border-top:1px solid #084c6e;
	border-bottom:1px solid #202c33;
}
#caption img {margin-left:10px;}
#news .wrapper * {display:inline;}
#content {
	padding-top:0.5em;
	background:url(../img/bg_content.png) repeat-x #1d282e;
	border-top:1px solid #084c6e;
}
#content .wrapper {
	background:url(../img/bg_introwrapper.png) repeat-y 100% 0 #173d4c;
	border-left:1px solid #084c6e;
	border-right:1px solid #86a7b3;
	border-bottom:1px solid #084c6e;
}
#content #vacancies {
	float:left;
	width:219px;
	min-height:40em;
	background:url(../img/bg_vacancies.png) repeat-x;
	border-top:1px solid #084c6e;
	border-right:1px solid #084c6e;
}
#vacancies h2 {
	margin:0 12px 1em 12px;
	padding-top:16px;
}
#vacancies ul {margin:0 12px 20px 12px;}
#vacancies li span {display:block;}
#content #intro {
	float:right;
	width:660px;
	min-height:40em;
	padding-right:20px;
	background:url(../img/bg_intro.png) no-repeat 0 0;
	border-top:1px solid #86a7b3;
}
* html #content #intro {height:40em;}
#intro .column {
	float:left;
	display:inline;
	width:200px;
	margin:16px 0 20px 20px;
}
#intro h2 {
	width:200px;
	margin-bottom:0.8em;
	border-bottom:1px solid #ff6633;
}
#footer {
	clear:both;
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
}
#footer p {
	float:left;
	width:550px;
}
#footer p#legal {
	float:right;
	width:350px;
}

/* TYPOGRAPHY
============== */
strong {font-weight:bold;}
em {font-style:italic;}
a {
	text-decoration:none;
	color:#86a7b3;
}
#usernav * {
	font-size:1.1em;
	color:#86a7b3;
}
#usernav a {
	text-decoration:none;
}
#usernav a.selected {
	cursor:default;
	color:#00b2f2;
}
#usernav span.bullet {
	padding:0 0.5em;
	color:#fff;
}
#mainnav a {
	padding:0 0 0 1em;
	font-size:1.5em;
	text-decoration:none;
	color:#00b2f2;
}
.site_logo {
	font-size:2.4em;
	color:#fff;
}
#news .wrapper * {
	font-size:1.4em;
	line-height:2em;
	color:#fff;
}
#news .wrapper a {font-size:1.5em;}
#news .wrapper a span {font-size:1em;}
#news .wrapper .newslink {
	padding-left:12px;
	color:#00b2f2;
}
#news .wrapper #postdate {
	font-size:1.4em;
	color:#86a7b3;
}
#vacancies h2,#intro h2 {
	padding-bottom:0.5em;
	font-size:1.5em;
	color:#ff6633;
}
#vacancies li {padding-bottom:1em;}
#vacancies a {
	font-size:1.2em;
	text-decoration:none;
	color:#fff;
}
#vacancies a span {
	margin-top:0.5em;
	font-size:0.8333em;
	color:#86a7b3;
}
#vacancies li.last {
/*	font-size:0.8em; */
	text-align:right;
}
#vacancies li.last a {color:#86a7b3;}
#vacancies .xtra {background:url(../img/bg_xtra.png) repeat-x 0 100% #126180;}
#vacancies .xtra h2 {margin-bottom:0;}
#vacancies .xtra a {
	display:block;
	text-align:right;
}
#vacancies .xtra div,#vacancies .xtra a {
	margin:0 12px;
	padding-bottom:12px;
}
#vacancies .xtra div, #vacancies .xtra p {
	color:#fff;
}
#vacancies .ad {margin-bottom:1em;}
#vacancies .ad img {display:block;}
#intro p {
	font-size:1.1em;
	line-height:1.4em;
	text-align:justify;
	margin-bottom:1em;
}
#intro a {
	text-align:right;
}
#footer p {
	padding:1em 0;
	font-size:1em;
	line-height:1;
	color:#00B2F2;
}
#footer p#legal {
	text-align:right;
	color:#fff;
}
#footer p .bullet {color:#fff;}
#footer a {
	padding-left:15px;
	text-decoration:none;
	color:#86a7b3;
	background:url(../img/mail.gif) no-repeat 0 50%;
}
#footer a:hover {text-decoration:underline;}
#footer p#legal a {
	padding-left:0;
	color:#86a7b3;
	background:none;
}
#footer span.refs {color:#86a7b3;}

/* CLEARFIX
(works in: FF1.5/2.0, Opera 8.5, IE 5.01/5.5/6 and IE 7, Camino, Opera 8 Mac, IE5 Mac)
original: www.positioniseverything.net/easyclearing.html
new & improved: http://cthedot.de/xbrowsertest/
==================================================================================================*/

* html .clearfix {
	height: 1%; /* IE5-6 */
}
.clearfix {
	display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
	display: block;  
}
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}