body, html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background: #192134;
	background-image :   url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family : Arial, Helvetica;
	text-align: center;
}
#wrapper {
	position:relative;
	width:900px;
	margin-right : auto;
	margin-left : auto;
	min-height:100%;
	text-align: left;
	background-position: center top;
	background-image :  url(images/bg.jpg);
	background-repeat: no-repeat;
}
* html #wrapper {
	height:100%;
}
#container {
	padding-bottom:100px;
}
#container:after {
	content:" ";
	display:block;
	clear:both;
}
* html #container {
	height:1px;
}
#topheader {
	background-image: url(images/header.jpg) ;
	width : 900px;
	padding:0;
	height:103px;
	
}
#topNav #navlink {
	float : right;
	height : 36px;
	padding-right : 20px;
}
#topLeft {
	background-image: url(images/top_image.jpg);
	float: left;
	height: 244px;
	width: 664px;
}
#topLeftCompany {
	background-image: url(images/top_image_company.jpg);
	float: left;
	height: 244px;
	width: 664px;
}
#topLeftCandidate {
	background-image: url(images/top_image_candidate.jpg);
	float: left;
	height: 244px;
	width: 664px;
}
#topLeftContact {
	background-image: url(images/top_image_contact.jpg);
	float: left;
	height: 244px;
	width: 664px;
}
#topContact {
	background-image: url(images/contact_image.jpg);
	float: left;
	height: 244px;
	width: 664px;
}
#topRight {
	background-image: url(images/nav.jpg);
	float: right;
	width: 236px;
	height: 244px;
}
		
 /* NAVIGATION
------------------------------------------------------*/
#nav {
	padding : 13px 0px 0px 0px;
	width : 227px;
	height: 220px;
	float : left;
}
#nav #navlink-1 {
	width : 227px;
	height: 44px;
	align : left;
}
#nav img {
	display:block;
}
/* MAIN CONTENT
------------------------------------------------------*/

#main {
	width : 664px;
	float: left;
	margin: 0;
	padding: 0 ;
	}
#mainContent {
	width : 620px;
	float: left;
	padding-right: 50px;
	padding-left: 20px;
	
}
#mainContact {
	width : 850px;
	float: left;
	margin: 0;
	padding: 0 ;
	}
#mainContentContact {
	width : 850px;
	float: left;
	padding-right: 50px;
	padding-left: 20px;
	
}
#sidebar {
    height: 365px;
	float:right;
	width:236px;
 }
#quote {
    background-image: url(images/quote.jpg);
	background-repeat: no-repeat;
	margin-top : 10px;
	padding-top:60px;
	padding-bottom:80px;
	float:right;
	width:236px;
 }
#quoteTxt {
	float: left;
	width:226px;
	color : #ffffff;
	font-family : Arial , Helvetica;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
 }
#quote a {
	color : #ffffff;

 }
 #quote a:hover {
	color : #D18F07;

 }	
#job {
    background-image: url(images/job_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
		height: 127px;
   	float:right;
	width:233px;
 
}
.jobText {
	font-size : 75%;
	font-weight: bold;
	color : #192134;
	line-height: 20px;
	padding-left: 10px;
	margin-right : 10px;
}
#email {
	height: 25px;
   	float:center;
	width:228px;
 
}	
#content{
	width : 900px;
	padding : 0;
}
/* FOOTER
------------------------------------------------------*/
#footer {
	background: #192134;
	position:absolute;
	background: url(images/footerbg.gif) no-repeat;
	bottom:0;
	width:100%;
	height:100px;
	text-align: left;
}
.footer {
	color : #D6930F;
	font-family : Arial , Helvetica;
	font-size : 11px;
	padding-top : 40px;
	display : block;
	padding-left: 20px;
}
#footer a {
	color : #D6930F;
	text-decoration: none;
}
#footer a:hover {
	color : #Fff;
	text-decoration: none;
}
.footer2 {
	color : #192134;
	font-family : Arial , Helvetica;
	font-size : 10px;
	padding-top : 20px;
	display : block;
}

/* FONTS
------------------------------------------------------*/
p {
	font-size : 80%;
	color : #ffffff;
}

.pBold {
	font-size : 80%;
	font-weight: bold;
	color : #ffffff;
}
.pBig {
	font-size : 90%;
	color : #ffffff;
}
.pOrange {
	font-size : 80%;
	font-weight: bold;
	color : #D18F07;
}

a {
	color: #D18F07;
	text-decoration: none;
}
a:hover{
	color: #ffffff;
	text-decoration: none;
}
.H1 {
	font-size : 100%;
	font-weight: bold;
	color : #FAB851;
}
.JobTitle {
	font-size : 100%;
	font-weight: bold;
	color : #FAB851;
}

.H2 {
	font-size : 100%;
	font-weight: bold;
	color : #b3ab95;
}
.white {
	font-size : 11px;
	color : #ffffff;
}
ul {
	font-size : 80%;
	color : #192134;
	list-style-image :  url(images/bullet.gif);
	padding : 0 10px 0 20px;
	margin : 0;
}
.inputContact {
	font-family : Arial, Helvetica;
	font-size: 13px;
		color: #192134;
	background-color: #FFFFFF;
	width: 180px;
	border: 1px solid #D18F07;
	text-align: left;
		}
		.inputClient {
	font-family : Arial, Helvetica;
	font-size: 14px;
		color: #192134;
	background-color: #FFFFFF;
	width: 220px;
	border: 1px solid #D18F07;
	text-align: left;
		}
		.pic
{
 margin: 0px;

border-bottom: 1px solid #D18F07;
	border-top: 1px solid #D18F07;
	border-right: 1px solid #D18F07;
	border-left: 1px solid #D18F07;
 }
		
			.submit-button
{
color: #ffffff;
	font-family : Arial, Helvetica;
font-size: 12px; 
font-weight: bold;
background: #D18F07;
border: 1px #D18F07 outset;
cursor:pointer
}
/** Vacancies table **/
.Datatable {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
		background-color: #0A539B;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	width: 632px;
}

.Datatable td {
		text-align: left;
				padding-top: 20px;
	padding-left: 15px;
		padding-bottom: 15px;
		line-height: 30px;
	
}
.Datatable tr.altrow {
background-color: #18253C;
line-height: 15px;
	}

.Datatable th {
		background-color: #0A539B;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	height: 30px;
}
/** jobs **/
.Datatable2 {
	border: none;
	border-collapse: collapse;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	width: 594px;
}
.Datatable2 a:link, .Datatable2 a:visited {
	text-decoration: underline;
	color: #333333;
}
.Datatable2 a:hover  {
	color: #000000;
	text-decoration: underline;
}
.Datatable2 td {
	border: none;
	text-align: left;
	line-height: 15px;
	height: 15px;
}
.Datatable2 th {
	border: none;
	background-color: #0A539B;
	font-weight: normal;
	text-align: left;
		color: #ffffff;
    padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	
}
.Datatable2 col.drk {
	background-color: #18243B;
	color: #333333;
	line-height: 15px;
	
}
.Datatable2 col.lt {
	background-color: #f0f5da;
	color: #333333;	
}
