/* GENERAL TYPOGRAPHY 
=======================*/
body {color:#1d282e;}
strong {font-weight:bold;}
h1 {
	margin-bottom:1em;
	font-size:1.8em;
	color:#ff6633;
}
h2 {
	margin-bottom:0.5em;
	font-size:1.6em;
	color:#005780;
}
h3 {
	margin-bottom:0.5em;
	font-size:1.4em;
	color:#005780;
}
p, p span, p a {
	line-height:1.6em;
}
#info p, #info ul, #info label, #info input {
	text-align:justify;
	font-size:1.2em;
}
#info .opening p {
	font-size:1.4em;
	color:#576c77;
}
a {
	text-decoration:none;
	color:#86a7b3;
}
a:hover {color:#00b2f2;}
.site_logo {
	font-size:2.4em;
	color:#fff;
}
a.t_blank {
	padding-left:16px;
	background:url(../img/blank.gif) no-repeat 0 50%;
}

#col2 ul, #vacdetpage #info ul {margin:1em 2em;}
#col2 ul ul, #vacdetpage ul ul, #col2 ul ul ul, #vacdetpage ul ul ul, #col2 ul ul ul ul, #vacdetpage ul ul ul ul {margin:0;}

#col2 li, #vacdetpage #info li {
	line-height:1.6em;
	list-style-type:disc;
	list-style-position:outside;
}
#col2 li li, #vacdetpage li li {
	margin-left:3em;
	list-style-type:circle;
}
#col2 li li li, #vacdetpage li li li {
	margin-left:5em;
	list-style-type:square;		
}

/* GENERAL LAYOUT
===================*/
body {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:10px;
	background-color:#1d282e;
}
#header,#caption,#news,#content {
	width:100%;
	text-align:center;
}
div.wrapper {
	width:900px;
	margin:0 auto;
	padding-right:10px;
	text-align:left;
}
#header {background:url(../img/bg_header.png) repeat-x #1c3d4e;}
#header .wrapper {
	position:relative;
	height:8em; 
	background:url(../img/bg_headerwrapper.png) no-repeat 0 100%;
}
div.site_logo, a.site_logo {
	display:block;
	position:absolute;
	left:0;
	bottom:0.375em;
	width:300px;
}
div.site_logo a.site_logo {
	position:static;
	bottom:0;
}
img.site_logo {display:block;}
#usernav,#mainnav {
	position:absolute;
	right:10px;
	width:600px;
}
#usernav li,#mainnav li {
	display:block;
	float:right;
}
#usernav {
	height:2em;
	padding-bottom:1em;
	top:0.5em;
}
#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 {bottom:0;}

#mainnav a {
	padding:0 1em 0 0;
	font-size:1.5em;
	text-decoration:none;
	color:#00b2f2;
}
#mainnav li.last a {padding:0;}
li.selected a {color:#ff6633; cursor:default;}
li.selected a * {color:#ff6633; cursor:default;}
#mainnav li {padding-bottom:0.9em;}
#mainnav li.selected {background:url(../img/link.gif) no-repeat 30% 100%;}

#content {background:url(../img/bg_content.png) repeat-x #1d282e;}
#content .wrapper {
	width:910px;
	padding:0;
	background:url(../img/bg_contentwrapper.png) repeat-y 0 0;
}
#info {
	width:900px;
	min-height:30em;
	padding-right:10px;
	padding-bottom:30px;
	background:url(../img/bg_info.png) no-repeat 0 0;
}
#info img {
	display:block;
	float:left;
	font-size:1.2em;
}
#infocontent {
	position:relative;
	margin:3em;
}
#info div.textloop {
	margin-bottom:1em;
}
#col1 {
	display:inline; /*(IE6 double-margin fix)*/
	float:left;
	width:285px;
	min-height:100px;
}
* html #col1 {height:100px;}
#col2 {margin-left:285px;}
* html #infocontent #col2 {
	width:552px;
	overflow:hidden;
}
#col2 img.contentimg, #col2 span.file {
	clear:right;
	float:right;
	margin:0 0 1em 1em;
}
#col2 img.noscale {
	float:none;
	margin:1em 0;
}

#subnav {
	margin-bottom:2em;
	padding:2em 1.2em 0 1.2em;
	border-bottom:1px dotted #084c6e;
}
#subnav li {
	display:block;
	float:left;
	height:2em;
	padding-right:2em;
	background:url(../img/subnav.gif) no-repeat 100% 0.5em;
}
#subnav li.last {
	padding-right:0;
	background:none;
}
#subnav a {
	font-size:1.2em;
	text-decoration:none;
	color:#1d282e;
}
#subnav a:hover {color:#86a7b3;}
#subnav li.selected a {color:#ff6633; cursor:default;}
#subnav li.selected a:hover {color:#ff6633;}

#adminlink {
	display:block;
	margin-bottom:1em;
}

#footer {
	clear:both;
	width:910px;
	margin:0 auto 20px;
	text-align:left;
	background:url(../img/bg_footer.png) no-repeat 0 0 #1d282e;
}
#footer p {
	float:left;
	width:550px;
	padding:1em 0;
	font-size:1em;
	line-height:1;
	color:#00B2F2;
}
#footer p#legal {
	float:right;
	width:350px;
	margin-right:10px;
	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;}

/* PAGE SPECIFIC
================= */

#newspage #info,#vacanciespage #info,#vacdetpage #info, #contactpage #info {
	width:780px;
	padding:60px 70px 30px 60px;
}
#newspage h1, #vacdetpage h1 {margin-left:0;}
#vacanciespage #info h1 {margin: 0 0 0.8571em 0.625em;} /*rescale to pixels!*/

/* NEWS */
#info div.newsitem {
	margin-bottom:2em;
}
.newsitem h2 {
	position:relative;
	height:20px;
	margin-bottom:0.5em;
	padding-left:25px;
	background:url(../img/newsitem.png) no-repeat 0 0;
	border-bottom:1px dotted #00b2f2;
}
.newsitem h2 span {
	position:absolute;
	height:1%;
	top:0;
	right:0;
	font-size:0.8571em;
	color:#3e4c53;
}
/* VACANCIES */
#vacancies li a {
	padding:0.8571em 0.8571em 0.4286em 0.8571em;
	display:block;
	height:1%;	
	position:relative;
}
#vacancies li.even {background:url(../img/vacancieslist_dark.png) repeat-y 0 0 #d1e6ed;}
#vacancies li:hover, #vacancies li.sfhover {background:url(../img/vacancieslist_darker.png) repeat-y;}
#vacancies li span {
	display:block;
	margin:0.5em 0 0 0;
	padding:0.5em 0;
	border-top:1px dotted #00b2f2;
}
#vacancies li span.postdate {
	position:absolute; 
	top:0; 
	right:1em;
	border:0;
	background:none;
}
#vacancies li a, #vacdetpage dt {
	color:#005780;
}
#vacancies li a {font-size:1.2em;}
#vacancies li:hover a, #vacancies li a:hover {color:#ff6633;}
#vacancies li a span {
	font-size:0.8571em;
	line-height:1.5em;
	color:#1d282e;
}
#vacancies li:hover a span, #vacancies li a:hover span {border-top:1px dotted #ff6633;}
#vacancies li a span.more {
	text-align:right;
	line-height:1em;
	border:0;
	color:#3e4c53;
}
#vacancies li:hover a span.more, #vacancies li a:hover span.more {color:#ff6633;}
#vacancies li a span.postdate {color:#3e4c53;}
#vacancies li:hover span.postdate, #vacancies li a:hover span.postdate {
	color:#ff6633;
	border:0;
}
#vacancies li a span.more {
	margin:0 0 1em 1em;
	padding:0;
}
div.paging {
	margin:0.8571em;
	text-align:right;
}
div.paging b {color:#ff6633;}

/*VACANCIES DETAILS */
#vac_id, #vac_id2 {
	float:left;
	padding-top:1em;
	border-top:1px dotted #00b2f2;
}
#vac_details {
	clear:left;
	margin-top:0;
	padding-top:1em;
	border-top:1px dotted #00b2f2;
	border-bottom:1px dotted #00b2f2;
}
#vacdetpage dl {font-size:1.2em;}
#vacdetpage #info p, #vacdetpage #info ul {font-size:1em;}
#vacdetpage dt {
	clear:left;
	float:left;
	width:140px;
	padding-bottom:1em;
	line-height:1.6em;
}
#vacdetpage dd {
	float:left;
	width:640px;
	padding-bottom:1em;
	text-align:justify;
	line-height: 1.6em;
}
#vac_id2 {width:240px;} /* for IE */
#vac_id dt {width:140px;}
#vac_id2 dt {width:90px;}
#vac_id dd {width:400px;}
#vac_id2 dd {width:150px;}

/* COMPANY - TEAM */
#teampage #col1 {
	width:200px;
	margin-left:60px;
	padding-top:3em;
}
#teampage #col2 {
	margin-left:260px;
	margin-right:60px;
}
#teampage #col2 img.contentimg {
	float:left;
	margin:0 9px 10px 0;
}
#teampage #col2 img.teamwide {margin-right:0;}
#info a.teamloop {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	color:#005780;
}
#info a.teamloop:hover {
	color:#ff6633;
	background:url(../img/vacancieslist_darker.png) repeat-y;
}
#teampage #col2 h6 {
	margin-bottom:0.5em;
	font-size:1.4em;
	color:#86A7B3;
}
#teampage #col2 .teamwide h2 {display:none;}

/* CONTACT */
#contactpage #col1 {
	width:255px;
	padding-right:30px;
}
#contactpage #col1 p {
	width:210px;
	margin-bottom:3em;
	text-align:left;
}
#contactpage h2.sales {color:#ff6633;}
#contactpage #col2 h2 {
	margin-bottom:1em;
	padding-bottom:0.5em;
	border-bottom:1px dotted #00b2f2;
}
#contactpage p.cvlink {
	margin:1em 0 2em 0;
	font-size:1.3em;
	text-align:left;
	border-top:1px dotted #00B2F2;
	border-bottom:1px dotted #00B2F2;
}
#contactpage dl {
	padding-bottom:1em;
}
#contactpage dt {
	float:left;
	width:120px;
	margin-bottom:0.4em;
	padding-top:0.2em;
}
#contactpage dd {
	float:left;
	margin-bottom:0.4em;
}
#contactpage dd.no_error {display:none;}
#contactpage dd.error {
	width:430px;
  	clear:both;
	padding-left:6px;
	color:#f00;
	border-left:1px dotted #f00;
}
#contactpage input.text {
	width:311px;
}
#contactpage textarea {
	width:433px;
	height:300px;
}
#contactpage span.submit {
	display:block;
	padding-top:1em;
	border-top:1px dotted #00b2f2;
	text-align:center;
}
#contactpage input.submit {
	padding:1px 3px;
	font-size:1.4em;
	color:#fff;
	background-color:#1C3D4D;
}
/* XTRA
======== */
#xtrapage #infocontent {
	margin-top:0;
	padding-top:3em;
}

/* LOGIN SECTION
================= */
#loginpage {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	background:url(../img/bg_login.png) repeat-x #1d282e;
}
#loginhead {
	position:relative;
	width:600px;
	height:79px;
	margin:100px auto 0;
}
#loginhead h1 {
	position:absolute;
	width:346px;
	bottom:28px;
	right:36px;
	text-align:right;
}
#loginbody {
	width:600px;
	margin:0 auto;
}
#loginfooter {
	width:600px;
	height:12px;
	clear:both;
}
#loginform {
	display:inline;
	width:170px;
	height:309px;
	padding:12px;
	float:left;
}
#loginform input.text, #loginform input.password {
	width:166px;
}
#logintext {
	display:inline;
	width:382px;
	height:309px;
	padding:12px;
	float:right;
}
/* LOGIN STYLE*/
#loginhead {
	margin-top:10px;
	background:url(../img/logo.gif) no-repeat 0 48px;
}
#loginhead h1 {
	bottom:6px;
	right:0;
	font-size:16px;
	color:#ff6633;
}
#loginbody {background:url(../img/bg_contentwrapper.png) repeat-y;}
#loginform {
	height:297px;
	padding-top:24px;
	border-right:1px solid #86a7b3;
	background:url(../img/bg_info.png) no-repeat 0 -79px;
}
#loginform input.text, #loginform input.password {margin:0.5em 0;}
#loginform input.submit {
	margin:6px 0 0 -2px;
	padding:1px 3px;
	color:#fff;
	background-color:#1B2830;
}
#logintext {
	height:307px;
	width:379px;
	padding-top:22px;
	background:url(../img/bg_info.png) no-repeat -170px -79px;
}
#logintext h2 {
	padding-bottom:1em;
	font-size:14px;
	color:#ff6633;
}
#loginfooter {background-color:#1d282e;}

#loginform input.text, #loginform input.password {margin-bottom:6px;}

/* IE fixes 
============ */
* html #mainnav a span,* html .newsitem h2 span {padding:1px;}
*:first-child+html #mainnav a span,*:first-child+html .newsitem h2 span {padding:1px;}