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

body {
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
}

h1,
h2,
h3 {
	font-family: DIN, sans-serif;
	line-height: 1;
	margin: 0;
}

a {
	color: #0b0763;
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover {
	color: #E9600C;
	text-decoration: underline;
}

thead th {
	background: #fff;
	font-family: DIN, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
}

tbody td {
	font-size: 1.1em;
}

.container {
	width: 960px;
}

.clear {
	display: block;
	clear: both;
	height: 0;
}

.ui-tabs-hide {
	display: none;
} 

/* LOGO --------------------------------------------------------------------- */

#brand a {
	background: url(images/logo.gif) no-repeat;
	display: block;
	height: 109px;
	text-indent: -9999px;
}

/* NAVIGATION --------------------------------------------------------------- */

#navigation * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul ul {
	display: none;
}

.company #navigation ul #navigation-company ul {
	display: block;
}

#navigation li {
	border-bottom: #9b9bad dashed 1px;
	zoom: 1; /* fix IE6 */
}

#navigation li li {
	border: none;
}

#navigation a {
	color: #060433;
	display: block;
	font-size: 1.8em;
	line-height: 1;
	padding: 10px 0px 10px 40px;
	text-decoration: none;
}

#navigation a:focus,
#navigation a:hover,
.home #navigation .home a,
.branche #navigation .branche a,
.company #navigation .company a,
.interview #navigation .interview a,
.tip #navigation .tip a,
.link #navigation .link a,
.order #navigation .order a {
	font-weight: bold;
}

.company #navigation .company,
.company #navigation .company a {
	padding-bottom: 5px;
}

.company #navigation .company ul {
	display: block;
}

#navigation ul ul a {
	font-size: 1.4em;
	font-weight: normal !important;
	padding: 5px 0px 5px 55px;
}

.sector-1 #navigation .sector-1 a,
.sector-2 #navigation .sector-2 a,
.sector-3 #navigation .sector-3 a,
.sector-4 #navigation .sector-4 a,
.sector-5 #navigation .sector-5 a,
.sector-6 #navigation .sector-6 a,
.sector-7 #navigation .sector-7 a,
.sector-8 #navigation .sector-8 a,
.sector-9 #navigation .sector-9 a,
.sector-10 #navigation .sector-10 a,
.sector-11 #navigation .sector-11 a,
.sector-12 #navigation .sector-12 a,
.sector-13 #navigation .sector-13 a,
.sector-14 #navigation .sector-14 a,
.sector-15 #navigation .sector-15 a,
#navigation ul ul a:focus,
#navigation ul ul a:hover {
	background: url("images/menu-sub-indicator.gif") no-repeat 42px 9px;
	font-weight: bold !important;
}

#navigation a:focus,
#navigation a:hover {
	color: #E9600C !important;
}

/* TURN PAGES BANNER -------------------------------------------------------- */

#turn-pages-banner {
	margin: 30px 0px;
	text-align: center;
}

/* HEADING ------------------------------------------------------------------ */

#heading {
	margin-left: -10px;
	margin-right: 0px;
	width: 650px;
}

/* HEADING : SECTION INDICATOR ---------------------------------------------- */

#section-indicator {
	background: #666;
	color: #fff;
	font-family: DIN, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	padding: 3px 10px;
	text-transform: uppercase;
}

.sector-1 #section-indicator {
	background: #fdb913; 
}

.sector-2 #section-indicator {
	background: #e0da0a; 
}

.sector-3 #section-indicator {
	background: #0067b1; 
}

.sector4 #section-indicator {
	background: #c88a12; 
}

.sector-5 #section-indicator {
	background: #808285; 
}

.sector-6 #section-indicator {
	background: #00aeef; 
}

.sector-7 #section-indicator {
	background: #32186b; 
}

.sector-8 #section-indicator {
	background: #727a35; 
}

.sector-9 #section-indicator {
	background: #61116a; 
}

.sector-10 #section-indicator {
	background: #00274c; 
}

.sector-11 #section-indicator {
	background: #439539; 
}

.sector-12 #section-indicator {
	background: #f26522; 
}

.sector-13 #section-indicator {
	background: #004b8d; 
}

.sector-14 #section-indicator {
	background: #00a0af; 
}

.sector-15 #section-indicator {
	background: #80a1b6; 
}

/* HEADING : PAGE HEADING --------------------------------------------------- */


#page-heading {
	display: block;
	font-family: DIN, sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1;
	margin: 0px;
	padding: 22px 0px 4px 10px;
	text-transform: uppercase;
}

#page-heading-text {
	border-bottom: 1px dashed #9B9BAD;
	display: block;
	font-family: DIN, sans-serif;
	font-size: 1.6em;
	line-height: 1;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 16px 10px;
	text-transform: uppercase;
}

/* FOOTER ------------------------------------------------------------------- */

#footer {
	color: #666;
	margin-bottom: 1.6em;
	padding-top: 2em;
}

#footer a {
	color: #EA5E0F;
	text-decoration: none;
}

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

#footer .span-8 {
	margin: 0;
}

#footer .span-16 {
	margin: 0px;
	width: 650px;
}

#footer .span-8 .inner {
	border-top: 4px solid #EA5E0F;
	padding: 6px 8px;
}

#footer .span-16 .inner {
	border-top: 1px dashed #9B9BAD;
	padding: 9px 10px;
	text-align: right;
}

#footer a.contact {
	float: left;
}

/* CONTENT ------------------------------------------------------------------ */

#content .introduction {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

#content .body {
	font-size: 1.1em;
	line-height: 1.6;
	overflow: hidden;
}

#content .body h1 {
	margin-bottom: 0.4em;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}

#content .body h2 {
	margin-bottom: 0.4em;
	font-size: 1.3em;
	font-weight: bold;
}

#content .body h3 {
	margin-bottom: 0.4em;
	font-size: 1.3em;
	font-weight: normal;
}

/* CONTENT : STREAMER ------------------------------------------------------- */

#content .streamer {
	color: #0067b1;
	font-family: DIN, sans-serif;
	font-size: 2.4em;
	line-height: 1.1;
	margin-bottom: 10px;
	text-align: center;
}

.sector-1 #content .streamer {
	color: #fdb913;
}

.sector-2 #content .streamer {
	color: #e0da0a;
}

.sector-3 #content .streamer {
	color: #0067b1;
}

.sector-4 #content .streamer {
	color: #c88a12;
}

.sector-5 #content .streamer {
	color: #808285;
}

.sector-6 #content .streamer {
	color: #00aeef;
}

.sector-7 #content .streamer {
	color: #32186b;
}

.sector-8 #content .streamer {
	color: #727a35;
}

.sector-9 #content .streamer {
	color: #61116a;
}

.sector-10 #content .streamer {
	color: #00274c;
}

.sector-11 #content .streamer {
	color: #439539;
}

.sector-12 #content .streamer {
	color: #f26522;
}

.sector-13 #content .streamer {
	color: #004b8d;
}

.sector-14 #content .streamer {
	color: #00a0af;
}

.sector-15 #content .streamer {
	color: #80a1b6;
}

/* CONTENT : EXTRA'S -------------------------------------------------------- */

#content .extras {
	float: right;
	margin-left: 10px;
	margin-right: -10px;
}

#content .extras .logo {
	padding: 0px 10px 10px 10px;
	text-align: center;
}

#content .extras .facts {
	background: #ECEDED;
}

#content .extras .facts h2 {
	background: #9C9D9F;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 5px 10px;
	text-transform: uppercase;
}

#content .extras .facts .body {
	padding: 10px;
}

#content .extras .images * {
	line-height: 1;
	margin: 0;
	padding: 0;
}

/* CONTENT : OVERVIEW ------------------------------------------------------- */

#content #overview .item {
	border-bottom: #babace dashed 1px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#content #overview .item .image { /* TODO FIX */
	display: block;
	overflow: hidden;
	width: 70px;
}

#content #overview .item .body h2 a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#content #overview .item .body p {
	margin-bottom: 0px;
}

#content #overview .item .body a.bookmark {
	float: right;
	text-align: right;
}

/* CONTENT : OVERVIEW : TIP ------------------------------------------------- */

body.tip #overview-extras h3 {
	margin-bottom: 5px;
}

body.tip #overview-extras h4 {
	margin: 0px 0px 2px;
	font-weight: bold;
}
body.tip #overview-extras ul {
	padding-left: 12px;
}

/* CONTENT : ORDER FORM ----------------------------------------------------- */

body.order .body {
	margin-top: 10px;
}

body.order #order-form {
	border-top: #babace dashed 1px;
	display: block;
}

body.order #order-form * {
	margin: 0;
	padding: 0;
}

body.order #order-form dt {
	padding-top: 10px;
}

body.order #order-form .errors {
	color: #FF2525;
}

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

body.home #section-indicator sup {
	text-transform: lowercase;
}

body.home #page-heading {
	font-size: 2.1em;
	line-height: 1.5;
}

body.home #page-heading-text {
	text-transform: none;
}

body.home h2 a {
	font-size: 0.8em;
	text-transform: uppercase;
}

body.home #interviews {
	border-bottom: 1px dashed #9B9BAD;
	margin: -5px 0px 10px -10px;
	padding-bottom: 10px;
	position: relative;
	width: 650px;
}

body.home #interviews h2 {
	display: block;
	width: 100%;
	z-index: 9999;
}

body.home #interviews h2 a {
	background: #fff;
	display: block;
	height: 20px;
	padding-left: 10px;
}

body.home #interview-container {
	height: 400px;
	overflow: hidden;
	position: relative;
}

body.home #interview-panel,
body.home #interview-panel .ui-tabs-panel {
	position: relative;
	height: 400px;
}

body.home #interview-panel img {
	position: absolute;
	top: 0px;
}

body.home #interview-panel .information {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	bottom: 0px;
	display: block;
	padding: 5px 10px;
	position: absolute;
	width: 532px;
}

body.home #interview-panel a {
	text-decoration: none !important;
	width: 540px;
	position: relative;
}

body.home #interview-panel a span {
	color: #fff;
	display: block;
	font-family: DIN, sans-serif;
	font-weight: bold;
	line-height: 1;
}

body.home #interview-panel a.company {
	padding-top: 5px;
	display: block;
}

body.home #interview-panel a span.name-job{
	font-size: 2em;
	text-transform: uppercase;
}

body.home #interview-panel a span.name {
	font-size: 1.6em;
	text-transform: uppercase;
}

body.home #interview-panel a img {
	height: 40px;
	position: absolute;
	bottom: 5px;
	right: 10px;
}

body.home #interview-panel a .more {
	font-size: 1.4em;
	
}

body.home #interview-panel a .more:focus,
body.home #interview-panel a .more:hover, 
body.home #interview-panel a:focus .more,
body.home #interview-panel a:hover .more {
	color: #E9600C !important;
}

body.home #interview-menu {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	display: block;
	float: left;
	height: 390px;
	margin: 0;
	overflow: auto;
	padding: 5px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 88px;
}

body.home #interview-menu ul {
	margin: 0;
	padding: 0;
}

body.home #interview-menu li {
	clear: both;
	list-style: none;
	margin-bottom: 5px;
}

body.home #interview-menu a {
	border-color: #0b0763;
	border-style: solid;
	border-width: 1px;
	display: block;
}

body.home #interview-menu a:focus,
body.home #interview-menu a:hover,
body.home #interview-menu .ui-tabs-selected a {
	border-color: #E9600C;
}

body.home #interview-menu a img {
	float: left;
}

body.home #sections .span-4 {
	height: 110px;
	position: relative;
}

body.home #sections p {
	margin: 10px 0px;
	font-size: 1.1em;
	line-height: 1.6;
}

body.home #sections .more {
	bottom: 0px;
	position: absolute;
}

body.home #sponsors {
	text-align: center;
}

/* FIXES -------------------------------------------------------------------- */

body.company-57 div.email span.value {
	font-size: 0.8em;
}

/* DEVELOPMENT -------------------------------------------------------------- */

.dev .container {
	background: url(blueprint/src/grid.png);
}