@charset "utf-8";



/*************************** Clear browser defaults ***************************/

html {
	overflow-y: scroll;	
	font-size: 18px;
}

html * {
	margin: 0;
	border: 0;
}



/*************************** Set main style ***************************/

body {
	background: #efefef url('../images/bg_body.jpg') repeat-y top center;
	color: #010102;
	font-family: tahoma, verdana, sans-serif;
	font-size: 62.5%; /* 62.5% => 1em = +/- 10px */
	text-align: center; /* IE wrapper centering */	
}

h1, h2, h3, p, li {
	line-height: 145%;
}


/*************************** Links ***************************/

a:link, a:visited {
	color: #114175;
}

a:hover, a:active {
	color: #009;
}



/*************************** Layout ***************************/

#wrapper {
	background-color: #fff;
	position: relative;
	margin: 0 auto; /* W3C centering */
	padding: 0 0 2em 0;
	border: 1em solid #fff;
	width: 750px;
	border-right-width: 145px;	
	text-align: left; /* reset body IE centering */
	font-size: 1em;
	height: 100%;
}

#container {
	position: relative;
	border-right: 1px dotted #eee;
}

#header {
	position: relative;
	height: 184px;
	background: #28285A url('../images/bg_header.jpg') repeat-x;
	color: #fff;
	border-bottom: 1px solid #efefef;
}

#logo {
	height: 6em;
	background-color: #fff;
	color: #114175;
}

#content {
	position: relative;
}

#footer {
	position: relative;
	margin: 2em 0;
	clear: both;
	padding: 2em 0;
	position:relative;
}

#content_main {
	position: relative;
	float: left;
	width: 520px; /* Make room for sub column */
	min-height: 40em;		
}

.inner #content_main {
	margin-bottom:2em;
}

#content_sub {
	float: right;
	width: 210px;
}

.inner #content_sub_top {
	background-color: #EFEFEF;
	height: 100%;
	border: 1px solid #E2E2E2;
	border-right-color: #EFEFEF;
	border-top: 0;
	margin-top:-2px;
	padding:0.5em;
}

#int_recruiters li {
	background-color: #fff;
	color: #DD7E00;
	width: 160px;
	height: 60px;
	display: block;
	margin-bottom: 0.2em;
	text-align: center;
}

#worldmap {
	border: 1px solid silver;
	color: silver;
	height: 250px;
	margin: 1em 1.5em 0 0;
	position:relative;
	width: 505px;	
}

#partners {
	margin: 2em 1.5em 2em 0;
}

#contacts, #contactform {
	background-color:#FEFAE1;
	border:1px solid #FCDB74;
	display:block;
	min-height:6em;
	_height: 6em;
	margin:0pt 0pt 1.5em;
	padding:1em;
}


/*************************** Banners ***************************/

#banners {
	position: absolute; /* positioned on #wrapper */
	top: 0;
	left: 0;	
	z-index: 999;
	color: silver;
}

#banners div {
	position: absolute;
		
}

#banners span {
	display: block;
	margin: 1em;
}

div#ad_leaderboard {
	height:90px;
	width:752px;
	left:0em;
	top:6em;		
}

#ad_skyscraper {
	height: 600px;
	width: 120px;
	left: 760px;
	top: 6em;
	border: 1px solid #fff;
	background-color: #fff;
}

#ad_skyscraper span {
	display: block;
	margin: -1.2em 1em 0pt;
	text-align:center;
}



/*************************** Branding ***************************/

#logo h1 {
	font-size: 2em;
	margin: 0;
	padding: 0;
}

#baseline {
	position: absolute;
	top: -1000em;
	left: -1000em;
	font-size: 0.8em;
	font-weight: normal;
}


/*************************** Block elements ***************************/

#block_buttons {
	margin: 1em 0;	
}

#block_buttons .block {
	float: left;
	width: 160px;
	height: 142px;
	border: 1px solid #DD7E00;
	margin-right: 8px;
	position: relative;
	background: #DD7E00 url('../images/bg_box_orange_arrow.gif') no-repeat;
	color: #fff;
}

#block_buttons h2 {
	position: absolute;
	bottom: 0.3em;
	left: 0.5em;
	font-weight: normal;
	/*font-size: 1.2em;*/
	text-transform: uppercase;
	margin: 0;	
}

.front #content_sub .block {
	margin: 1em 1em 1em 0;	
}

#content_sub ul {
	list-style-type: none;
	margin: 0;
}

#content_sub dl, #content_sub ul, #content_sub div div {
	/*border: 1px solid #efefef;*/
	background-color: #eee;
	padding: 0 0.5em;
}

#latest_offers dl {
	margin: 0;
	border: 1px solid #eee;
	border-bottom: 4px solid #fff;
}

.inner #content_sub ul {
	background-color: transparent;
	margin-left: 0.75em;
}

.inner #content_sub div div {
	border: 0;	
}

#content_sub div div {
	padding: 0.2em 0;
}

#content_sub ul.bullet li{
	margin-bottom: 0.4em;
}

#content_sub dt {
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 0.5em;
}

#content_sub dt.first {
	margin-top: 0.5em;
	border-top: 0;
}	

#content_sub dd {
	color: #28285A;
	display: block;
	padding:1em 0pt;	
}

.block hr {
	background-color: #ddd;
	color: #ddd;
	height:1px;
}

#content_sub dt a{
	display: block;
	_width: 100%;
}

#content_sub_bottom {
	margin-top: 1em;
}

/*************************** menus ***************************/

.menu ul, ul.readmore, .logos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	display: block;
	float: left;	
	text-align: left;
}

.logos ul li {
	display: block;
	font-size: 1em;
}

ul.readmore {
	margin-top: 0.5em;
	text-align: right;	
	height: 1.5em;
}

ul.readmore a {
	display: block;
	_width: 100%;
}

#content_sub .readmore {
	
}

#toplinks {
	position: absolute;
	top: 4.5em;
	right: 7em; /* Make room for lang links */
	color: #009;
	text-transform: capitalize;
}

#toplinks li, #menu_main li {
	margin-right: 0.75em;
}

#toplinks li {
	border-right: 1px solid #009;
	padding-right: 0.5em;
}

#langselect {
	position: absolute;
	top: 4.4em;
	right: 0.5em;
	color: #009;	
}

#langselect li {
	margin-right: 0;
}

#menu_main {
	height:30px;
	left:0;
	position:absolute;
	top:157px;
	width:100%;
	background: transparent url('../images/bg_mainmenu.gif') repeat-x; /* #4d4c4d */
}

#menu_main ul {
	margin: 0;
}

#menu_main ul li {
	position: relative;
	padding: 0;
	height: 26px;
	margin: 1px 0 0 0;
	border-right: 1px solid #5C5C5C;
	width: 11em; /* width of the main menu button, check number of buttons */
	_z-index: 999;
	text-align: center;	
}

#menu_main ul li.last {
	border-right: 0;
}

#menu_main a:link, #menu_main a:visited{
	display: block;	
	color: #dedede;
	text-decoration: none;
}

#int_recruiters a:link, #int_recruiters a:visited, #block_buttons a:link, #block_buttons a:visited {
	display: block;	
	color: #efefef;
	text-decoration: none;
	padding-right: 10px;
}

#block_buttons a:hover, #block_buttons a:active {
	color: #fff;
}

#int_recruiters a:link, #int_recruiters a:visited {
	padding: 0;
}

#menu_main a:link, #menu_main a:visited {
	padding: 0.5em 0.6em 0 0.6em;
	height: 20px;
	_height: 20px;
}

#menu_main a:hover, #menu_main li.active a:link, #menu_main li.active a:visited {
	color: #fff;	
}

#menu_main a:hover {
	text-decoration: underline;
}

#menu_main li.active {
	color: #fff;
	background: #4F4E4F url('../images/bg_mainmenu_on.gif') repeat-x;
	border: 1px solid #E79120;
	border-top: 0;
	border-bottom: 0;
}

#menu_main li.active span {
	display:block;
	padding-top:0.5em;
}

#menu_main li.active a span {
	padding-top: 0;	
}

#content_sub li.active {
	color: #2D377F;
}

dd a, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, #toplinks a:link, #toplinks a:visited, #langselect a:link, #langselect a:visited {
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	color: slategray;
}

.currentmembers {
	margin-top: 1em;
}

#breadcrumbs {
	background: #efefef url('../images/bg_breadcrumbs.jpg') repeat-x;
	/*border: 1px solid #efefef;*/
	border-top: 0;
	padding: 0.5em 1em;
}

#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:visited {
	color: #2D377F;
}



/*************************** Titles ***************************/

#content_main h1 { /* Main page title */
	margin: 1em 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #DD7E00;
	border-bottom: 2px solid #DD7E00;
	text-transform: capitalize;
	padding: 0;
}

#content_sub h2 {
	color: #28285A;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 3px solid #cecece;
	padding: 0 0 0.1em 0;
	/*margin-bottom: 0.5em;*/
}

.inner #content_sub h2 {
	background: #28285A url('../images/bg_header.jpg') repeat-x bottom left;
	border-bottom: 1px solid #2A3273;
	color: #fff;
	font-size:1em;
	padding:0pt 0.5em;
	text-transform:uppercase;
	text-align: center;	
}

h2 {
	font-size: 1em;		
	color: #000;
}

.privacy h2 {
	margin-top: 1.5em;
	font-size: 1.3em;
}

#content_main.article h2 {
	margin-bottom: 0.5em;
}

#content_main h3 {
	font-size: 1em;
	color: #222;
	margin-bottom: 0.5em;
}

.inner #content_main h3 {
	/*margin-bottom: 1.5em;*/
	margin-bottom: 0.5em;
}

.privacy #content_main h3 {
	margin-bottom: 0;
	font-size: 1em;
}

#content_sub h2 a, #content_sub h3 a {
	display: block;
	width: 100%;
}

.inner #content_sub h2 a, .inner #content_sub h3 a {
	color: #E4880D;
}

#content_sub h2 a:hover {
	color: #28285A;
}

#content_sub h3 {
	color: #28285A;
	font-size: 1em;
	font-weight: bold;
}

#block_buttons  #int_recruiters {
	background: #DD7E00 url('../images/bg_box_orange.gif') no-repeat;
}

#int_recruiters h2 {
	bottom: 0.2em;
	font-size:0.9em;
	text-align:center;
	width:93%;
}

#content_main .box h2 {
	background: #DC840F url(../images/bg_box_title.jpg) repeat-x scroll left bottom;
	padding-left: 0.5em;
	color: #fff;	
}

#content_main .box h2 a:link, #content_main .box h2 a:visited {
	color: #fff/*#fdf4e7*/;
	display: block;	
}

#content_main .box h2 a:hover, #content_main .box h2 a:active {
	color: #fff;
	display: block;
}

#content_main .column .box p a:link, #content_main .column .box p a:visited {
	color: #000;
	text-decoration: none;
}

/* hcard */
.contactus .fn, .contactus .n, .contactus .honorific-prefix {
	font-size: 1.1em;
	font-weight: bold;
}

.contactdata {
	margin: 0.5em 0;
}

#latest_news h3 {
	text-transform: capitalize;
}

#intro h3 a:link, #intro h3 a:visited {
	text-decoration: underline;
}

.articleDate {
	color: #DD7E00;
}


/*************************** Forms ***************************/

#subscribetonewsletter { /* on frontpage */
	background: #DD7E00 url('../images/bg_box_orange_arrow.gif') no-repeat scroll bottom left;
	border-top: 1px solid #ED931C;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 150px;
	z-index: 9999;
	padding: 2px 5px 0 5px;
}

.contactformrow, .formrow, #NewsletterForm {
	display: block;
	margin: 1em 0;
}

.field, textarea, select, .inputfield {
	border: 1px solid #999;
	font: normal 1.1em arial, sans-serif;
	color: #111;
}

.field:focus, textarea:focus, select:focus, .field:active, textarea:active, select:active, .inputfield:focus, .inputfield:active {
	border: 1px solid #222;
}

label {
	display: block;
	margin-bottom: 0.5em;
	position: relative;
}

.required {
	float: right;
}	

.required, .required_tag {
	color: #DB9B43;
}

.required_tag {
	margin-left: 0.5em;
}

.button {
	background: #DC840F url('../images/bg_box_title.jpg') repeat-x scroll left bottom;
	color: #FFF;
	padding-left: 0.5em;
	border: 1px solid #DD7E48;
}

.errormessage {
	color: #ce0000;
}

.errorfield {
	border-color: #ce0000;
	background-color: #fce4e4;
}

#selectpartner {
	width: 100%;
}

div.button {
	width: 20%;
	height: auto;
	text-align: center;
	color: white;
	border:1px solid #DD7E00;
	cursor: hand;
	cursor: pointer;
	padding: 4px 8px;
	font-weight: bold;
}

div.button a {
	display: block;
	width: 100%;
	font-size: 11px;
}

div.button a:link, div.button a:visited, div.button a:hover {
	color: white;
	text-decoration: none;
}

input.button {
	font-size: 11px;
	padding: 4px;
}


/*************************** News ***************************/

.NewsTeaser h4 {
	font-size: 1.2em;
}

.TeaserTitle {
	text-transform: capitalize;
}

.TeaserDate {
	color: #D67B04;
	display: block;
	float: left;
	margin-right: 0.5em;
	padding: 0.1em 0.2em;
	font-weight: normal;
}

.archive .TeaserDate {
	color: gray;
	width: 70px;
}

.TeaserContent {
	padding:0.5em 1.5em 0.5em 5.75em;
}

.front .TeaserContent {
	padding: 0;
}


/*************************** Lists ***************************/

#history dt {
	position: relative;
	display: block;
	color: #DD7E00;
	font-size: 1.1em;
	margin: 1em;
	border-bottom: 1px dotted #DD7E00;
}

#history dd {
	position: relative;
	margin-left: 3em;
}

.article ol li {
	margin-bottom: 1em;
}


/*************************** text blocks ***************************/

#content_main blockquote {
	margin: 1em 1.5em;
	line-height: 140%;
}

#content_main .box {
	min-height: 10em;
	margin-bottom:1em;
}

#content_main p {
	margin: 0 0 1em 0;
}

#content_main .box p {
	margin: 0 0 1em 0.3em;
}

#content_main ul, #content_main table {
	margin-bottom: 1.5em;
}

#content_main.article ul li {
	margin-bottom: 0.75em;
}

.front #intro {
	position: relative;
	width: 500px;
	margin:0 0 1em 0;
}

.column {
	float: left;
	width: 48%;
	margin-left: 0.5em;
}

.inner .column {
	margin-right: 1.25em;
	width: 48%;
}

.code {
	font-family: "Courier New", Courier, monospace;
	background-color: #F1F1F3;
	color: #111122;
	font-size: 1.1em;
	margin: 0 0 1em 0;
	overflow: auto;
	padding: 1em;
	width: 95%;
}

.example {
	margin: 1em 1em 0 1em;
	padding: 1em;
	border: 1px solid silver;
}

/*************************** images ***************************/

.article img {
	border: 3px solid #efefef;
}

.package img {
	border: 0;
}

#block_buttons .block img {
	width: 160px;
}

.article .picto {
	margin: 0 2em 1em 2em;
}

/* CSS 3 selectors */
.article img.picto[align*="right"] {
	margin-right: 0
}

.article img.picto[align*="left"] {
	margin-left: 0
}

/* img placeholder */
img.placeholder {
	background-color: #dedede;
	width: 200px;
	height: 160px;
}

div.placeholder {
	margin-bottom: 1em;
}

.partnerlogo img {
	border: 5px solid #FFF;
	background-color: #fff;
}

.countrymap img {
	border: 1px solid #EFB464;
}

.gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.gallery li {
	display: block;
	float: left;
	padding: 1em;
}

#companieslist.gallery li, #companieslist.gallery li a:link, #companieslist.gallery li a:visited {
	width: 160px;
	height: 80px;
}

#companieslist.gallery li a:link, #companieslist.gallery li a:visited {
	display: block;
}

#content_sub_bottom img { /* images inside the right column */
	margin: 0.75em 0;
	border: 0;
	border: 1px solid #efefef;
}

#selectpartner option {
 	background-repeat: no-repeat;
 	padding-left:16px;
}

#partners table img {
	border: 8px solid #fff;
}

.article .block img {
	margin: 0 2em 1em 0;
}

/*************************** tables ***************************/

.package {
	width: 85%;
	background-color: #FEFAE1;
	border: 1px solid #FCDB74;
	border-collapse: collapse;
}

.package td {
	padding: 5px;
}	

.package table td {
	padding: 1px;
}

.package th {
	background: #DC840F url(../images/bg_box_title.jpg) repeat-x scroll left bottom;
	color: #fff;
	padding-left: 0.5em;
}

#partners table {
	border: 0;
	background-color: #fefefe;
	width: 100%;
}

#partners table td {
	background-color: #fff;
	text-align: center;
	padding: 4px 2px;
}

/*************************** sitemap ***************************/

ul.sitemap a {
	display: block;	
}

ul.sitemap {
	list-style-type: none;
	margin: 0;
	padding: 0;		
	height: 40em;
}

ul.sitemap li {
	display: block;
	margin: 4px 10px 0 0;
	padding: 0;	
	float: left;
	width: 12em;
	height: 16em;
	font-weight: bold;	
}

ul.sitemap li a:link, ul.sitemap li a:visited {
	padding: 2px 4px;
	background-color: #0c2577;
	color: white;
	text-decoration: none;
}

ul.sitemap li.last {
	
}

ul.sitemap li ul {
	list-style-type: none;
	margin: 0.5em 0 1em 0.4em;
	padding: 0;
}

ul.sitemap li ul li {
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 0;	
	height: 1.2em;
	border: 0;
}	

ul.sitemap li ul li a:link, ul.sitemap li ul li a:visited {
	background-color: #fff;
	color: #0c2577;
	text-decoration: underline;
}

/*************************** colors ***************************/

.black {
	color: #010102;
}
.orange {
	color: #DD7E00;
}
.navy {
	color: #28285A;
}
.darkgray {
	color: #4d4c4d;
}
.green {
	color: #548a1b;
}

#footer {
	color: slategray;
	border-top: 1px dotted silver;
}


/*************************** hCard (http://microformats.org/wiki/hcard) */

.contactus .vcard {	
	display: block;
}

/*************************** Fixes ***************************/

.first, .last {
	border: 0;
}

.last {
	margin-right: 0 !important;
}

.first {
	margin-left: 0 !important;
}

#toplinks .last {
	border-right: 0 !important;
}

#toplinks .first {
	border-left: 0 !important;
}

.clearFix {
	clear: both;
}

.spacer {
	clear: both;
	height: 1em;
}

.hide {
	position: absolute;
	top: -1000em;
	left: -1000em;
}