/*================================================================================  GENERAL TYPOGRAPHY  ==*/
body {
	font-family:Calibri, helvetica, arial,sans-serif;
	font-size:10px;
	line-height: 1.2em;
	color:#666;
	background-color:#fff;
}
h1,h2,h3,h4,h5,h6 {
	padding-bottom:15px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}
h2,h3,h4,h5,h6 {padding-top:15px};
h6 {font-size:11px;}
h5 {font-size:12px;}
h4 {font-size:13px;}
h3 {font-size:14px;}
h2 {font-size:15px;}
h1 {font-size:16px;}
p, li {
	font-size:12px;
	line-height:1.4;
	padding-bottom:1em;
}
li {
	padding-bottom:0.5em;
}
li li,li li li {
	padding-bottom:0;
}
a {
	text-decoration:none;
	color:#666;
}
a:hover {color:#EC1C24;}
a img {display:block;}

/*================================================================================  COLOURS  ==*/

/* default */	a {border-bottom:1px solid #EC1C24;} 
.ochre			a {border-bottom:1px solid #F7931E;}
.purple 		a {border-bottom:1px solid #93278F;}
.cyan		 	a {border-bottom:1px solid #00ABE2;}
.green 			a {border-bottom:1px solid #8CC63F;}
.navy 			a {border-bottom:1px solid #005193;}
.darkgreen		a {border-bottom:1px solid #11853D;}
.brown 			a {border-bottom:1px solid #4D2F19;}
.pink 			a {border-bottom:1px solid #DD869F;}

/* default */	a:hover {color:#EC1C24;}
.ochre			a:hover {color:#F7931E;}
.purple 		a:hover {color:#93278F;}
.cyan		 	a:hover {color:#00ABE2;}
.green 			a:hover {color:#8CC63F;}
.navy 			a:hover {color:#005193;}
.darkgreen		a:hover {color:#11853D;}
.brown 			a:hover {color:#4D2F19;}
.pink 			a:hover {color:#DD869F;}

/* default */	#nav a.selected {border-bottom:1px solid #EC1C24;} 
.ochre			#nav a.selected {border-bottom:1px solid #F7931E;}
.purple 		#nav a.selected {border-bottom:1px solid #93278F;}
.cyan		 	#nav a.selected {border-bottom:1px solid #00ABE2;}
.green 			#nav a.selected {border-bottom:1px solid #8CC63F;}
.navy 			#nav a.selected {border-bottom:1px solid #005193;}
.darkgreen		#nav a.selected {border-bottom:1px solid #11853D;}
.brown 			#nav a.selected {border-bottom:1px solid #4D2F19;}
.pink 			#nav a.selected {border-bottom:1px solid #DD869F;}

/* default */	#nav a:hover {color:#EC1C24;}
.ochre			#nav a:hover {color:#F7931E;}
.purple 		#nav a:hover {color:#93278F;}
.cyan		 	#nav a:hover {color:#00ABE2;}
.green 			#nav a:hover {color:#8CC63F;}
.navy 			#nav a:hover {color:#005193;}
.darkgreen		#nav a:hover {color:#11853D;}
.brown 			#nav a:hover {color:#4D2F19;}
.pink 			#nav a:hover {color:#DD869F;}

/* default */	#mainline {background:transparent url(../img/mainline_red.gif) no-repeat 0 0;}
.ochre			#mainline {background:transparent url(../img/mainline_ochre.gif) no-repeat 0 0;}
.purple 		#mainline {background:transparent url(../img/mainline_purple.gif) no-repeat 0 0;}
.cyan		 	#mainline {background:transparent url(../img/mainline_cyan.gif) no-repeat 0 0;}
.green 			#mainline {background:transparent url(../img/mainline_green.gif) no-repeat 0 0;}
.navy 			#mainline {background:transparent url(../img/mainline_navy.gif) no-repeat 0 0;}
.darkgreen		#mainline {background:transparent url(../img/mainline_darkgreen.gif) no-repeat 0 0;}
.brown			#mainline {background:transparent url(../img/mainline_brown.gif) no-repeat 0 0;}
.pink			#mainline {background:transparent url(../img/mainline_pink.gif) no-repeat 0 0;}

/* default */	#subnav a.selected {color:#EC1C24;}
.ochre			#subnav a.selected {color:#F7931E;}
.purple 		#subnav a.selected {color:#93278F;}
.cyan		 	#subnav a.selected {color:#00ABE2;}
.green 			#subnav a.selected {color:#8CC63F;}
.navy 			#subnav a.selected {color:#005193;}
.darkgreen	 	#subnav a.selected {color:#11853D;}
.brown 			#subnav a.selected {color:#4D2F19;}
.pink 			#subnav a.selected {color:#DD869F;}

/* default */	h1,/* default */	h2,/* default */	h3 {color:#EC1C24;}
.ochre			h1,.ochre			h2,.ochre			h3 {color:#F7931E;}
.purple 		h1,.purple 			h2,.purple 			h3 {color:#93278F;}
.cyan		 	h1,.cyan		 	h2,.cyan		 	h3 {color:#00ABE2;}
.green 			h1,.green 			h2,.green 			h3 {color:#8CC63F;}
.navy 			h1,.navy 			h2,.navy 			h3 {color:#005193;}
.darkgreen	 	h1,.darkgreen	 	h2,.darkgreen	 	h3 {color:#11853D;}
.brown 			h1,.brown 			h2,.brown 			h3 {color:#4D2F19;}
.pink 			h1,.pink 			h2,.pink 			h3 {color:#DD869F;}

/* default */	form dt,/* default */	input.submit,/* default */	input.reset {color:#EC1C24;}
.ochre			form dt,.ochre			input.submit,.ochre			input.reset {color:#F7931E;}
.purple 		form dt,.purple 		input.submit,.purple 		input.reset {color:#93278F;}
.cyan		 	form dt,.cyan		 	input.submit,.cyan		 	input.reset {color:#00ABE2;}
.green 			form dt,.green 			input.submit,.green 		input.reset {color:#8CC63F;}
.navy 			form dt,.navy 			input.submit,.navy 			input.reset {color:#005193;}
.darkgreen		form dt,.darkgreen		input.submit,.darkgreen		input.reset {color:#11853D;}
.brown 			form dt,.brown 			input.submit,.brown 		input.reset {color:#4D2F19;}
.pink 			form dt,.pink 			input.submit,.pink 			input.reset {color:#DD869F;}

/*================================================================================  GENERAL LAYOUT  ==*/

body {
	background: url(../img/bg_body.png) repeat 0 0 transparent;
	padding-bottom:26px;
}
#body {
	width:100%;
	margin:0;
	background:url(../img/bg_bodytop.png) repeat-x 0 0 transparent;
}
#container {
	width:956px;
	margin:0 auto;
}

.hidden {
	display:none;
}

/*____________________________________________________________ HEAD __*/
#head {
	position:relative;
	width:952px;
	height:65px;
	padding:34px 2px 26px 2px;
	background: url(../img/bg_content_top.gif) no-repeat 0 100% transparent;
}
#head #nav {
	position:absolute;
	width:646px;
	left:0;
	bottom:28px;
	margin-left:304px;
	font-size:13px;
	list-style-type:none;
}
#nav li {
	float:right;
	padding:0 1.31em 2px; /* padding left & right should be adjusted to number of items in menu */
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	line-height:1;
	list-style-position:inside;
	border-right:1px solid #fff;
}
#nav li a {
	color:#666;
	border:0;
}
#nav li a:hover {color:#EC1C24;}
#nav a.selected {
	cursor:default;
}
#nav a.selected:hover {
	color:#666;
}

/*____________________________________________________________ CONTENT __*/
#contentwrapper {
	width:954px;
	padding-left:2px;
	background: url(../img/bg_content_LR.gif) no-repeat -2px 0 #fff;
}
#content {
	min-height:465px;
	padding:0 17px 15px 15px;
	background: url(../img/bg_content_LR.gif) no-repeat 952px 0 transparent;
}
* html #body {
	height:465px;
}
#mainline {
	height:15px;
	width:920px;
	position:relative;
	top:262px;
}
img.mainimage {display:block;}
#subnavdiv {
	float:left;
	width:218px;
	margin:0 45px 15px 0;
	background: url(../img/bg_subnav_top.png) no-repeat 0 0 transparent;
}
ul#subnav {
	min-height:133px;
	padding-bottom:35px;
	list-style-type:none;
	background: url(../img/bg_subnav_bottom.png) no-repeat 0 100% transparent;
}
#subnav li {
	padding:8px 15px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1;
	text-align:right;
	background:transparent url(../img/subnav_divider.gif) repeat-x 0 0;
}
#subnav li a {
	border:none;
}

#maincontent {
	float:right;
	width:657px;
	margin-bottom:15px;
}
#maincontent h1 {
	padding-top:8px;
}
#maincontent p, #maincontent ul, #maincontent ol {
	width:400px;
	text-align:justify;
}
/* removed on client's request

#maincontent .description p {
	font-family:"Calibri","Georgia","Times New Roman",serif;
	font-size:14px;
	font-style:italic;
}
*/
#maincontent li {
	list-style-position:outside;
	margin-left:2em;
}
/*____________________________________________________________  FORMS __*/
form dl {
	margin-bottom:15px;
}
form dt {
	margin-bottom:3px;
	font-size:12px;
	font-weight:bold;
}
form dd {
	margin-bottom:6px;
}
form dd #subject, form dd #message {
	display:block;
	width:392px;
	border:1px dotted #666;
	padding:4px;
}
form input.text, form textarea, form select {
	width:394px;
	margin-bottom:6px;
	padding:2px 3px;
	font-family:helvetica, arial,sans-serif;
	font-size:12px;
	border-style:inset;
	color:#666;
}
form textarea {
	height:196px;
}
input.submit, input.reset {
	margin-right:15px;
	font-weight:bold;
}
p.no_error {display:none;}
.errormsg {
	margin-bottom:7px;
	font-weight:bold;
	color:#A60015;
}

/*____________________________________________________________ FOOTER __*/
#footer {
	clear:both;
	width:952px;
	height:12px;
	padding:4px 2px 2px;
	font-family:helvetica, arial,sans-serif;
	font-size:9px;
	text-align:right;
	background: url(../img/bg_content_bottom.gif) no-repeat 0 0 transparent;
}
#footer a {border:0;}


/*================================================================================  PAGE SPECIFIC L & T  ==*/

/*____________________________________________________________  HOME __*/

div.caption {
	float:left;
	width:218px;
	height:424px;
	margin-top:15px;
	margin-right:16px;
	font-size:11px;
	line-height:1.2;
	color:#666;
	border:0;
}

#caption_about {background: url(../img/bg_caption1.png) no-repeat 0 100% transparent;}
#caption_clients {background: url(../img/bg_caption2.png) no-repeat 0 100% transparent;}
#caption_candidates {background: url(../img/bg_caption3.png) no-repeat 0 100% transparent;}
#caption_green {margin-right:0; background: url(../img/bg_caption4.png) no-repeat 0 100% transparent;}

.caption a {
	display:block;
	position:absolute;
	height:424px;
	border:0;
}

.caption h3 {
	margin-top:256px;
	padding:10px;
	font-weight:normal;
	text-align:center;
	color:#666;
	border-top:2px solid transparent;
}
* html .caption h3 {border-top:2px solid #fff;}
.caption:hover, .sfhover {cursor:pointer;}

#caption_about:hover h3,.sfhover h3.about {color:#00ABE2; border-top:2px solid #00ABE2;}
#caption_candidates:hover h3,.sfhover h3.candidates {color:#F7931E; border-top:2px solid #F7931E;}
#caption_clients:hover h3,.sfhover h3.clients {color:#93278F; border-top:2px solid #93278F;}
#caption_green:hover h3,.sfhover h3.green {color:#8CC63F; border-top:2px solid #8CC63F;}

.caption p {
	margin:0 10px 10px;
}
.caption:hover p. .sfhover p {color:#666;}

/*____________________________________________________________  JOBS __*/
#joblist #mainline,#jobdetails #mainline,#joblist img.mainimage,#jobdetails img.mainimage {
	width:218px;
}
#joblist #maincontent,#jobdetails #maincontent {
	margin-top:-260px;
}
#joblist #subnavdiv,#jobdetails #subnavdiv {
/*	margin-top:260px; */
}
#maincontent #jobs {
	width:638px;
}
#joblist h1 {
	padding-bottom:25px;
}
#joblist #maincontent p {
	width:456px;
}
#jobs li {
	margin-left:0;
	padding-bottom:1em;
	list-style-type:none;
	background:transparent url(../img/line_joblisting.png) no-repeat 0 2px;
}
#jobs li a {
	display:block;
	position:relative;
	width:456px;
	padding-right:182px;
	border-bottom:0;
}
#jobs li span {
	font-size:12px;
	font-weight:normal;
}
#jobs li span.title {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#jobs li span.city {
	font-size:13px;
}
#jobs li span.short {
	display:block;
}
#jobs li span.more {
	display:block;
	position:absolute;
	width:180px;
	top:2px;
	right:-15px;
}
/* default */	#jobs li span.title,#jobs li span.more {color:#EC1C24;}
.ochre			#jobs li span.title,#jobs li span.more {color:#F7931E;}
.purple 		#jobs li span.title,#jobs li span.more {color:#93278F;}
.cyan		 	#jobs li span.title,#jobs li span.more {color:#00ABE2;}
.green 			#jobs li span.title,#jobs li span.more {color:#8CC63F;}
.navy 			#jobs li span.title,#jobs li span.more {color:#005193;}
.darkgreen		#jobs li span.title,#jobs li span.more {color:#11853D;}
.brown 			#jobs li span.title,#jobs li span.more {color:#4D2F19;}
.pink 			#jobs li span.title,#jobs li span.more {color:#DD869F;}

/*____________________________________________________________  JOBS_DETAIL __*/

#jobdetails h1 {
	position:relative;
}
#jobdetails h1 span {
	font-size:12px;
}
#jobdetails h1 span.id {
	font-weight:normal;
	color:#666;
}
#jobdetails h1 span.contract {
	display:block;
	position:absolute;
	width:212px;
	top:10px;
	right:0;
	text-align:right;
}
#jobdetails h1 span.contracttype {
	padding-left:0.5em;
	font-weight:normal;
	color:#666;
}
#jobdetails dl {
	font-size:12px;
	line-height:1.4;
}
#jobdetails dd {
	margin-bottom:1em;
}
#jobdetails #vac_id2 {
	float:left;
	width:426px;
	margin:0.5em 0 1em;
}
#jobdetails #vac_id2 dt {
	float:left;
	width:120px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#jobdetails #vac_id2 dd {
	float:left;
	width:306px;
	margin-bottom:0.5em;
}
#jobdetails #vac_company {
	float:right;
	width:212px;
	background:transparent url(../img/bg_company_top.png) repeat-y 0 0;
}
#jobdetails #vac_details {
	clear:left;
	width:426px;
}
#jobdetails #vac_company dt,#jobdetails #vac_details dt {
	padding-bottom:4px;
	margin-bottom:0.5em;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	background:transparent url(../img/line_joblisting.png) no-repeat -182px 0;
}
#jobdetails #vac_company dt {
	padding:15px;
	background-image:none;
}
#jobdetails #vac_company dd {
	padding:0 15px 1em;
	margin:0;
}
#jobdetails #vac_company dd.companyname {
	font-size:14px;
	font-weight:bold;
}
#jobdetails #vac_company dd.last {
	min-height:270px;
	padding-bottom:30px;
	background:transparent url(../img/bg_company_bottom.png) no-repeat 0 100%;
}
* html #jobdetails #vac_company dd.last {height:270px;}

/* default */	h1 span.contract,/* default */		#vac_id2 dt,/* default */	#vac_company dt,/* default */	#vac_details dt {color:#EC1C24;}
.ochre			h1 span.contract,.ochre			#vac_id2 dt,.ochre			#vac_company dt,.ochre			#vac_details dt {color:#F7931E;}
.purple 		h1 span.contract,.purple	 		#vac_id2 dt,.purple 		#vac_company dt,.purple 		#vac_details dt {color:#93278F;}
.cyan		 	h1 span.contract,.cyan			 	#vac_id2 dt,.cyan		 	#vac_company dt,.cyan		 	#vac_details dt {color:#00ABE2;}
.green 			h1 span.contract,.green 			#vac_id2 dt,.green 			#vac_company dt,.green 			#vac_details dt {color:#8CC63F;}
.navy 			h1 span.contract,.navy 			#vac_id2 dt,.navy 			#vac_company dt,.navy 			#vac_details dt {color:#005193;}
.darkgreen		h1 span.contract,.darkgreen		#vac_id2 dt,.darkgreen		#vac_company dt,.darkgreen		#vac_details dt {color:#11853D;}
.brown 			h1 span.contract,.brown 			#vac_id2 dt,.brown 			#vac_company dt,.brown 			#vac_details dt {color:#4D2F19;}
.pink 			h1 span.contract,.pink 			#vac_id2 dt,.pink 			#vac_company dt,.pink 			#vac_details dt {color:#DD869F;}


#jobdetails #maincontent p {
	width:auto;
	margin:0;
	padding:0;
}
#jobdetails a#apply {
	font-size:14px;
	line-height:1.4;
}

/*____________________________________________________________  CONTACT __*/

p#skype {
	font-size:10px;
	padding:1.5em 0 2em;
}
p#skype img {
	vertical-align:middle;
}
#map {
	width:400px;
	height:300px;
}

/*____________________________________________________________  EMPTY __*/
#empty #maincontent {
	padding-top:15px;
}

/*____________________________________________________________  LOGIN __*/
#loginhead {
	width:310px;
	height:75px;
	margin:0 auto;
	padding-top:145px;
	background: transparent url(../img/Viamarcomlogo.gif) no-repeat 50% 58px;
}
#loginhead h1 {
	height:25px;
	padding:50px 0 0 0;
	text-align:center;
	color:#EC1C24;
	background: transparent url(../img/bg_login.png) no-repeat 0 0;
}

#loginbody {
	width:220px;
	height:240px;
	margin:0 auto;
	padding:15px 45px 30px;
	background: transparent url(../img/bg_login.png) no-repeat 0 -75px;
}

#logintext {
	margin:0 0 15px 0;
}
#logintext h2 {
	display:none;
}

#loginbody label {
	font-size:12px;
}
#loginbody input {
	display:block;
	margin:7px 0 15px;
}
#loginbody input.text {
	width:212px;
}
#loginbody input.submit {
	color:#EC1C24;
}