/** FRAMEWORK **/

html, body {
	background-image: url(../images/Background.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;  /*total height of logo image and header bar */
	background-color: #000000;

	height: auto;
	width: 100%;
	padding: 0;
	margin: 0;
	color: #9da0a2;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	cursor: default;
	text-shadow: 0 0 0 #000;
	text-align: left;
}

div { color: #9da0a2; }

.text17 { font-size: 17px; }
.text14 { font-size: 14px; }
.text12 { font-size: 12px; }
.text11 { font-size: 11px; }
.gold { color: #be9854; }
.lgrey { color: #b1aeaf; }
.dgrey { color: #656364; }

hr.fix {display: block; clear: both; visibility: hidden; padding: 0; margin: 0;}

a { color: #BE9854; text-decoration: none; }
a:hover { color: #BE9854; text-decoration: underline; }

a.gold { color: #be9854; text-decoration: none; }
a.gold:hover { color: #be9854; text-decoration: underline; }

.link_zoom { display: inline-block; zoom: 100%; }
a.link_zoom {  color: #9DA0A2; text-decoration: none; }
a.link_zoom:hover { color: #BE9854; text-decoration: underline; }



.intro { margin-top: 0px; margin-bottom: 20px; text-align: left; }

#not_exist { width: 100%; height: 380px; }

#outer {
	width: 100%;
	height: auto;
	position: relative;
	display: table;
}

#header_container {
	position: relative;
	top: 0;
	left: 0;
	background-color: #000000;
	height: 130px;
	width: 100%;
	display: table;
}

#footer_container {
	position: relative;
	width: 100%;
	height: auto;
	display: table;
}

#strap { margin-top: 30px; margin-left: 20px; }

#wirth-research {
	background:transparent url(../images/wirth_logo.jpg) no-repeat scroll 0 0;
	height:31px;
	width:239px;
	padding:0; margin: 0;
	float: right; text-align: right;
	margin-right: 20px; margin-top: 20px; margin-bottom: 20px;
}

#header_bar {
	margin-left: auto;
	margin-right: auto;
	width: 1022px;
	height: 39px;
	line-height: 39px;
	vertical-align: middle; 
	background: url(../images/header.png) no-repeat ;
}




#navcontainer { margin-left: auto; margin-right: auto; width: 1000px; height: 39px; text-align: center;}

#navcontainer ul {
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1002;
}

#navcontainer li { display: inline; text-align: center; }

#navcontainer li.navblock { 
	float:left;
	display:inline-block;
	list-style:none;
	width:105px;
	text-align: center;
}

#navcontainer li.navsep { 
	float:left;
	display:inline-block;
	list-style:none;
	width:1px;
	text-align: center;
}

.nav_sep {
	background-color: #9da0a2;
	width: 1px;
	height: 11px;
	padding: 0;
	margin: 0;
	margin-top: 15px;
}

#navcontainer li a { color: #9da0a2; text-decoration: none; }
#navcontainer li a:hover { color: #be9854; }
#navcontainer li a#current { color: #be9854; }

/* SUBNAV */

#navcontainer li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	margin-left: 0px;
	z-index: 1002;
}

#navcontainer li.subnavblock { 
	float:left;
	display:inline-block;
	list-style:none;
	width:140px;
	text-align: left;
}

#navcontainer li ul li {
	width: 150px;
	padding: 0;
	margin: 0;
	background-color: #1b1b20;
	padding-right: 10px;
	border-top: 1px solid #4a4849;
}

#navcontainer li li {
	padding-right: 1em;
	width: 13em;
}

#navcontainer li ul a {
	margin: 0;
	padding: 0;
	padding-left: 13px;
	text-align: left;
}

#navcontainer li ul a:hover { color: #be9854; }

#navcontainer li:hover ul ul, #navcontainer li:hover ul ul ul, #navcontainer li.sfhover ul ul, #navcontainer li.sfhover ul ul ul {
	left: -999em;
}

#navcontainer li:hover ul, #navcontainer li li:hover ul, #navcontainer li li li:hover ul, #navcontainer li.sfhover ul, #navcontainer li li.sfhover ul, #navcontainer li li li.sfhover ul {
	left: auto;
}

#footer_bar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1022px;
	height: 39px;
	
}

.dottedLine {
	color: #fff; 
	border: 1px dotted  #9da0a2; 
	border-style: none none dotted; 
	margin: 0;
	padding: 0;
	width: 100%;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width: 1022px;
	height: auto;
	display: table;
	margin-top: 40px;
	margin-bottom: 40px;
}

#footer_bottom { width: 100%; height: 120px; text-align: left;}

#footer_contact {
	float: left;
	margin-left: 32px;
	margin-top: 20px;
	font-size: 9px;
	color: #9da0a2;
	text-align:left
}












#footer_logos { float: right; margin-top: 15px; margin-right: 32px; }

#footer_logo2 { margin-right: 10px; margin-left: 20px; }

a.link_block {
	background: #2f2e2f url(../images/tri.gif) 222px 4px no-repeat;
	width: 225px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	cursor: pointer; cursor: hand;
	color: #898b8f !important;
}

a.link_block:hover {
	background: #4a4c4e url(../images/tri_r.gif) 222px 4px no-repeat;
	width: 225px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	cursor: pointer; cursor: hand;
	color: #BE9854 !important;
}

a.link_block span { float: left; }

.tri { float: right; margin-right: 5px; margin-top: 5px; }

ul#footer_icons { float: right; text-align: right;}

ul#footer_icons li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

ul#footer_icons li#visoneering { display: block; float: left; color: #636467; font-size: 9px; margin-top: 21px; text-align: left;}
ul#footer_icons li#visoneering a { color: #636467; }
ul#footer_icons li#visoneering a:hover { color: #898b8f; }
ul#footer_icons li#siemens { width: 100px;  display: block; float: left; margin-top: 31px;}
ul#footer_icons li#dfs {   display: block; float: left; margin-top: 42px;}
ul#footer_icons li#queen {  display: block; float: left; margin-top: 12px;}

/** CONTENT **/

/* HOME */

#main_top_container {
	width: 100%;
	height: 120px;
	display: table;
	margin-top: 10px;
	margin-bottom: 15px;
}

.main_top_lside { float: left; width: 520px; }
.main_top_rside { float: right; width: 480px; font-size: 11px;}

#main_top_dfs { width: 100%; height: auto; display: table; }
#main_top_bar { width: 100%; height: 5px; background-color: #2f2e2f; margin-top: 20px; }

#main_content1_container {
	width: 100%;
	height: 100px;
	display: block;
	margin-top: 20px;
	font-size: 11px;
}

.main_content_lside { float: left; width: 500px; }
.main_content_rside { float: right; width: 485px; }





.main_link_blocks { margin-bottom: 4px; }

#main_content2_container {
	width: 100%;
	height: 100%;
	display: block;
	margin-top: 10px;
	font-size: 11px;
}

#latest_news_header {
	color: #656364;
	font-size: 12px;
	font-weight: bold;
	width: 475px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-color: #2f2e2f; 
	padding-left: 10px;
}

a.full_link_block {
	background: #2f2e2f url(../images/tri_gold.gif) 472px 4px no-repeat;
	width: 475px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	cursor: pointer; cursor: hand;
	margin-bottom: 20px;
	color: #BE9854  !important;
	font-size: 12px;
	font-weight: bold;
}
a.full_link_block:hover {
	background: #9DA0A2 url(../images/tri_r_white.gif) 472px 4px no-repeat;
	cursor: pointer; cursor: hand;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.full_link_block span { float: left; }

a.full_link_block span.download_arrow {
	background: url(../images/download_arrow_dgrey.gif) 0px 0px no-repeat;
	display: block;
	width: 21px;
	height: 21px;
	margin: 0px 10px 0px 0px;
}
a.full_link_block:hover span.download_arrow {
	background: url(../images/download_arrow_lgrey.gif) 0px 0px no-repeat;
}

.news_item a { color: #9DA0A2; }
.news_item a:hover { color: #BE9854; }
.news_item span, .news_item span.gold { color: #BE9854; }

#latest_news_header span { float: left; }
#latest_news_container { width: 485px; height: 380px; float: left; }	
#latest_news_footer { background-color: #2f2e2f; width: 485px; height: 12px; }

#main_latest_news_container { width: 485px; height: 201px; float: left; position: relative;}	
#main_latest_news_footer { background-color: #2f2e2f; width: 485px; height: 12px; position: absolute; bottom: 0px; }

.main_latest_news_listing { display: table; width: 100%; height: 17px; margin-top: 7px; margin-bottom: 7px; }
.main_latest_news_listing span.news_title { float: left; margin-left: 10px; }
.main_latest_news_listing span.news_title a { color: #9DA0A2; }
.main_latest_news_listing span.news_title a:hover {  color: #BE9854;  }
.main_latest_news_listing span.news_date { float: right; color: #be9854; margin-right: 10px; }

.latest_news_listing { display: table; width: 100%; height: auto; margin-top: 8px; margin-bottom: 8px; }
.latest_news_listing span.news_title { float: left; margin-left: 10px; }
.latest_news_listing span.news_date { float: right; color: #be9854; margin-right: 10px; }

#main_simulation { background-color: #2f2e2f; width: 157px; height: 181px; padding: 10px; float: left; }
.feat_content a { color: #be9854; text-decoration: none; }
.feat_content a:hover { color: #be9854; text-decoration: underline; }
#main_simulation p { margin-top: 18px; margin-bottom: 18px; line-height: 14px; }
#main_simulation p.simulation_link { margin-top: 18px;}

/* NEWS */

.news_header {
	width: 478px; 
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: #656364; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #2f2e2f; 
	padding-left: 10px;
	position: relative;
}

.news_tri { position: absolute; right: 10px; top : 5px;	}

.news_item {
	width: 488px; 
	height: auto;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.news_date { position: absolute; right: 10px; }
.news_date_e { position: absolute; right: 10px; top: 0px; }

#news_more {
	background-color: #2f2e2f; 
	width: 478px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding-left: 10px;
}

#news_caption {
	background-color: #2f2e2f; width: 468px; height: auto; padding: 10px; margin-top: -4px;
}

#news_story_footer { background-color: #2f2e2f; height: 10px; }

#news_pagination { height: auto; margin-top: 10px; position: relative; }

#news_next_page { position: absolute; right:0; }

.news_dottedLine {
	color: #fff; 
	border: 1px dotted  #9da0a2; 
	border-style: none none dotted; 
	margin: 0;
	padding: 0;
	width: 488px;
}

/* VACANCIES */

#vacancies_apply{
	background-color: #2f2e2f; width: 468px; height: auto; padding: 10px; position: relative; margin-top: 30px;
}

#vacancies_apply span.title { color: #656364; font-size: 12px; font-weight: bold;  }

/* CONTACT */

#contact_container { width: 1022px; height: auto; margin-top: 30px; display: table; margin-bottom: 20px; }
#enquiry_container { float: left; width: 490px; }
#contact_location_container { float: right; width: 490px; }

#enquiry_header {
	color: #656364;
	font-size: 12px;
	font-weight: bold;
	width: 478px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-color: #2f2e2f; 
	padding-left: 10px;
	display: table;
}

#enquiry_header span { float: left; }
#enquiry_container p { margin-top: 20px; margin-bottom: 20px; }

#location_container {
	background-color: #2f2e2f; 
	margin-top: 10px;
	display: table;
	padding: 10px;
	width: 470px;
	height: auto;
}

input.contact {
	background-color: #2f2e2f;
	border: 0;
	color: #9da0a2;
	width: 380px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
}

textarea.contact {
	background-color: #2f2e2f;
	border: 0;
	color: #9da0a2;
	width: 375px;
	height: 100px;
	padding-left: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
}

a.contact_submit {
	color: #5c8d29;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.contact_submit:hover {
	color: #5c8d29;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

/* RESOURCES */

#resources_page { width: 992px; height: auto, display: table; margin-bottom: 20px;}

.resources_header {
	color: #656364;
	font-size: 12px;
	font-weight: bold;
	width: 1008px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-color: #2f2e2f;  
	padding-left: 10px;
	display: table;
	margin-top: 30px;
	margin-bottom: 5px;
}

.resources_header span { float: left; }

.resources_content {
	display: table;
	background-color: #2f2e2f; 
	width: 988px;
	height: auto;
	padding: 15px;
	font-size: 12px;
	position:relative;
}

ul.resources { padding: 0; margin: 0; margin-left: 15px; }
ul.resources li { color: #be9854; padding-top: 5px; }
ul.resources li span { color: #9da0a2; }

#resources_top_lside { float: left; width: 600px; text-align: left; }
#resources_top_rside { float: right; width: 280px; }

#resources_bottom_lside { float: left; width: 670px; text-align: left; }
#resources_bottom_rside { float: right; width: 280px; }

#resources_top_lside_content { display: table; }
#resources_top_circuits { margin-top: 10px; width: 600px; height: auto; display: table; float: left; }
.resources_circuit_containers { width: 150px; height: auto; float: left; }
#resources_manufacturing_container1 { height: auto; width: 670px; display: table; margin-bottom: 10px; }

.resources_manufacturing_containers { 
	height: auto; 
	width: 670px; 
	display: table;  
	margin-top: 10px;	margin-bottom: 20px; 
}

.resources_manufacturing_containers b { color: #ffffff; }
#resources_manufacturing_container1 b { color: #ffffff; }


.resources_manufacturing_lside { height: auto; width: 460px; float: left; }
.resources_manufacturing_rside { height: auto; width: 170px; float: right; }

.resources_link {
	width: 600px;
	height: auto;
	margin-top: 52px;
}

.resources_link2 {
	height: auto; 
	width: 670px; 
	display: table; 
	margin-top: 72px;
}

/* CLIENTS */

.clients_header {
	width: 1012px; 
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: #656364; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #2f2e2f; 
	padding-left: 10px;
	position: relative;
}

.clients_tri { position: absolute; right: 10px; top : 5px;	}

.clients_stroke { width: 1022px; height: 1px; background-color: #4a4849; }

#client_content { margin-top: 10px; background-color: #2f2e2f; }
#resource_content { margin-top: 0px; background-color: #2f2e2f; font-size: 12px;}

.client_image { height: 101px margin: 0; padding; 0; }
.client_reflection { margin-top : -4px; }

/* CONTACT 2 */

.contact_header {
	width : 487px; 
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: #656364; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #2f2e2f; 
	padding-left: 10px;
	position: relative;
}

.contact_tri { position: absolute; right: 10px; top : 5px;	}

.contact_stroke { width: 1022px; height: 1px; background-color: #4a4849; }

.contact_content { margin-top: 10px; background-color: #2f2e2f; padding: 10px; width: 477px; }

a.news_arrow_up {
	background: #2f2e2f url(../images/uarrow.gif) 0px 0px no-repeat;
	width: 12px;
	height: 6px; line-height: 6px;
	display: block;
	text-decoration: none;
	cursor: pointer; 
	float: left;
	margin-top: 9px;
}
a.news_arrow_up:hover {
	background: #2f2e2f url(../images/uarrow_r.gif) 0px 0px no-repeat;
	text-decoration: none;
}
a.news_arrow_down {
	background: #2f2e2f url(../images/darrow.gif) 0px 0px no-repeat;
	width: 12px;
	height: 6px; line-height: 6px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	float: left;
	margin-top: 9px;
}
a.news_arrow_down:hover {
	background: #2f2e2f url(../images/darrow_r.gif) 0px 0px no-repeat;
	text-decoration: none;
}
a.download_arrow {
	background: #2f2e2f url(../images/download_arrow.gif) 0px 0px no-repeat !important;
	width: 24px;
	height: 25px; line-height: 25px;
	display: block;
	text-decoration: none;
	cursor: pointer; 
	float: left;
}
a.download_arrow:hover {
	background-position: 0px -25px !important;
	text-decoration: none;
}