/* CSS DISPLAY SCREEN WALL SIGNS */

/* ---------- 1.0 MISC ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#333;
	font: 0.7em "Trebuchet MS", Arial, Tahoma, Verdana;
	text-align:center;
	padding:0 0 15px;
	background:#d9d9d9;
	}

.end {
	clear:both !important;
	list-style:none !important;
	font-size:1em !important;
	text-indent:-2000em !important;
	line-height:1em !important;
	display:block !important;
	}

#container {
	width:790px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:3;
	background:#fff;
	}

.skipContent {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	position:absolute;
	top:-200px;
	}


/* ---------- 2.0 HEADER ---------- */
#header {
	height:248px;
	background:url(images/header_vacancies.jpg) 0 100% no-repeat;
	}

#header .wrapper {
	height:248px;
	background:url(images/header_pic_home.jpg) 220px 100% no-repeat;
	}

#aboutUs #header .wrapper {
	background:url(images/header_pic_about.jpg) 220px 100% no-repeat;
	}

#contactUs #header .wrapper {
	background:url(images/header_pic_contact.jpg) 220px 100% no-repeat;
	}

#subscribe #header .wrapper {
	background:url(images/header_pic_subscribe.jpg) 220px 100% no-repeat;
	}

#vacanciesSee #header .wrapper {
	background:url(images/header_pic_vacancies.jpg) 220px 100% no-repeat;
	}
	
#time {
	background:url(images/time.png) 0 0 no-repeat;
	display:block;
	width:165px;
	height:27px;
	padding:5px 0 0 32px;
	color:#50AD07;
	font-size:1.25em;
	}

#time span {
	margin-left:5px;
	}
	
#header h1 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	width:95px;
	height:95px;
	position:absolute;
	top:115px;
	left:35px;
	}

#header a {
	width:95px;
	height:95px;
	display:block;
	}

#header h2 {
	color:#808080;
	font-size:1.8em;
	margin:9px 0 0 33px;
	}

#header h2 span{
	color:#50AD07;
	font-family:"Times New Roman", Times, serif;
	font-size:0.9em;
	font-style:italic;
	font-weight:normal;
	display:block;
	}

/* ---------- 3.0 CONTENT ---------- */
#content{
	margin-top:28px;
	}
	
#content .colLeft {
	width:210px;
	float:left;
	}

#content .colCenter {
	width:359px;
	float:left;
	}

#vacancies #content .colCenter, #vacanciesSee #content .colCenter {
	width:561px;
	float:left;
	}

#content .colRight {
	width:172px;
	position:absolute;
	top:155px;
	right:0;
	padding:0 18px 0 25px;
	}

#vacancies #content .colRight, #vacanciesSee #content .colRight {
	width:172px;
	float:none;
	position:absolute;
	top:155px;
	right:0;
	padding:0 18px 0 25px;
	}

	/* ---------- 3.1 COLLEFT ---------- */

		/* ---------- 3.1.1 MENU ---------- */
		
		#menu {
			width:186px;
			padding-left:24px;
			margin-bottom:20px;
			}


		#menu ul {
			width:147px;
			display:block;
			}
		
		#menu h3 {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			position:absolute;
			}
			
		#menu li {
			width:147px;
			height:31px;
			display:block;
			margin-bottom:5px;
			}
			
		#menu li a  {
			display:block;
			text-decoration:none;
			color:#50AD07;
			cursor:pointer;
			width:132px;
			height:27px;
			background:url(images/menu_link_off.png) 0 0 no-repeat;
			font-weight:bold;
			font-size:1.5em;
			padding:4px 0 0 15px;
			}
		
		#menu a.selected , #menu a:hover {
			background:url(images/menu_link_on.png) 0 0 no-repeat;
			color:#fff;
			}
			
		
		/* ---------- 3.1.2 NEWSLETTER & CONTACT ---------- */
		
		#newsletter {
			display:block;
			text-decoration:none;
			cursor:pointer;
			width:195px;
			height:75px;
			background:url(images/subscribe_newsletter.png) 0 0 no-repeat;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			margin-bottom:20px;
			}
			
		#ContactNumber {
			display:block;
			padding-left:24px;
			margin-bottom:5px;
			}

		#ContactNumber strong {
			color:#003862;
			font-size:1.8em;
			display:block;
			}

		#ContactNumber span {
			color:#808080;
			font-size:1.8em;
			}
		
	/* ---------- 3.2 COLCENTER ---------- */
	
	#content .colCenter {
		background:url(images/content_short_repeat.png) 0 0 repeat-y;
		}

	#content .colCenter .wrapperBottom {
		background:url(images/content_short_bottom.png) 0 100% no-repeat;
		}

	#content .colCenter .wrapperTop {
		background:url(images/content_short_top.png) 0 0 no-repeat;
		padding:30px 0 20px 0;
		}

	#vacancies #content .colCenter, #vacanciesSee #content .colCenter {
		background:url(images/content_long_repeat.png) 0 0 repeat-y;
		margin-bottom:10px;
		}

	#vacancies .colCenter .wrapperBottom, #vacanciesSee .colCenter .wrapperBottom {
		background:url(images/content_long_bottom.png) 0 100% no-repeat;
		}

	#vacancies .colCenter .wrapperTop, #vacanciesSee .colCenter .wrapperTop {
		background:url(images/content_long_top.png) 0 0 no-repeat;
		padding:30px 0 20px 0;
		}
	
		/* ---------- 3.2.1 MAIN ---------- */
			
		.main {
			font-size:1.2em;
			padding:0 25px;
			color:#000;
			}
			
		.blockLeft {
			float:left;
			width:140px;
			}

		.blockRight {
			float:right;
			width:145px;
			}

		.main img {
			float:left;
			margin:0 12px 5px 0;
			background:#fff;
			border:2px solid #fff;
			padding:1px;
			}

		.main h1 {
			font-size:1.65em;
			color:#fff;
			margin:0 0 0.4em 0;
			position:relative;
			}
	
		.main h2 {
			font-size:1.3em;
			margin: 0.8em 0 0.4em 0;
			}
	
		.main h3 {
			font-size:1.1em;
			margin:0.6em 0 0.1em 0;
			}

		.main h3 span {
			font-size:0.9em;
			}
	
		.main h4 {
			font-size:1.1em;
			margin-bottom:0.2em;
			width:439px;
			clear:left;
			position:relative;
			}
			
		.main p {
			line-height:1.5em;
			margin-bottom:1.0em;				
			}

		.main p em {
			width:99%;
			display:block
			}

		table {
			margin-bottom:2.8em;
			font-size:1.1em;
			margin:0 13px;
			width:534px;
			color:#000;
			}

		table tr.line0 {
			background:#DCF380;
			}

		table th, table td {
			padding:2px 5px;
			text-align:left;
			}

		table th {
			font-size:1.2em;
			}

		table td a {
			color:#000;
			}

		table td a:hover {
			color:#000;
			text-decoration:none;
			}

		table td.first, table th.first  {
			padding:2px 5px 2px 14px;
			}
	
		.main ul, .main ol  {
			margin:0 0 1.7em 16px;
			}
	
		.main li {
			list-style:disc;
			margin-bottom:0.2em;
			}
	
		.main a {
			color:#000;
			text-decoration:underline;
			font-weight:bold;
			}
			
		.main .back {
			display:block;
			width:132px;
			height:27px;
			background:url(images/back.png) 0 0 no-repeat;
			padding:4px 0 0 15px;
			font-size:1.2em;
			display:block;
			color:#50AD07;
			text-decoration:none;
			}
	
		.main a:hover {
			text-decoration:none;
			}

		.main form dd {
			margin-bottom:10px;
			}
		
		.main label {
			display:block;
			font-size:1.0em;
			font-weight:bold;
			}

		.main input {
			display:block;
			font-size:1.1em;
			border:1px inset #000;
			width:308px;
			height:22px;
			}
	
			.main .button{
			border:0;
			float:right;
			width:auto;
			height:auto;
			}


		
	/* ---------- 3.3 COLRIGHT ---------- */
		
		/* ---------- 3.3 VACANCIES ---------- */
			
		.colRight .vacancies h2 {
			font-size:1.7em;
			margin-bottom:0.9em;
			color:#003862;
			}

		.colRight .vacancies li {
			display:block;
			width:148px;
			background:url(images/bullet_ark.png) 100% 0px no-repeat;
			text-align:right;
			padding-right:25px;
			margin-bottom:30px;
			list-style:none;
			}

		.colRight .vacancies strong {
			display:block;
			font-weight:normal;
			font-size:1.1em;
			line-height:0.8em;
			color: #50ad07;
			}

		.colRight .vacancies li a {
			font-size:1.2em;
			font-weight:bold;
			color: #003862;
			}

		.colRight .vacancies a.viewAll {
			font-size:1.3em;
			font-weight:bold;
			color:#50AD07;
			}

		#vacancies .colRight .vacancies p, #vacanciesSee .colRight .vacancies p {
			font-size:1.15em;
			color:#003862;
			line-height:1.2em;
			}

		#vacancies .colRight .vacancies a.viewAll, #vacanciesSee .colRight .vacancies a.viewAll {
			font-weight:bold;
			color:#003862;
			}

		.colRight .vacancies a:hover {
			text-decoration:none;
			}

/* ---------- 4.0 FOOTER ---------- */
#footer {
	width:790px;
	height:49px;
	}
	
#footer .colLeft {
	width:211px;
	float:left;
	}

#footer .colRight {
	width:345px;
	float:right;
	}
	
	/* ---------- 4.1 COLLEFT ---------- */
	
	#footer #recruitment {
		width:211px;
		height:49px;
		background:url(images/ark_recruitment.png) 0 100% no-repeat;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		}
	
	
	/* ---------- 4.2 COLRIGHT ---------- */
	
	#footer .colRight {
		padding-top:15px;
		}

	#menuBottom {
		background:url(images/menu_bottom.png) 0 100% no-repeat;
		padding:10px 0 7px 12px;
		font-size:0.9em;
		height:17px;
		color:#808080;
		}

	#menuBottom li {
		display:inline;
		}

	#footer a {
		color:#808080;
		text-decoration:none;
		padding:0 7px 0 7px;
		}

	#footer a:hover,#footer a.selected {
		color:#50AD07;
		}