/* =============== RESET TAGS NEW 0*/ 
a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, input, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol {
	margin:0px; padding:0px; border:0px; font-family :Arial, Verdana, Helvetica, sans-serif; color:#000; text-decoration:none; 
}
html, body { height:100%; }
body{ font-size:100%; }
img { display:block; }
table, td, th { border-collapse:collapse; }
ul { width:auto; list-style:none; }
ol {  list-style-type:decimal; }
li a { display:block; }
@media all {	 
	* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 
}

/* =============== END RESET TAGS */

/* =============== GENERAL LAYOUT ITEMS */
body { background:#FFF url(../images/bg_body.gif) 0px 0px repeat-x; margin:0px; padding:0px; border:0px; text-align:center; }		/* align whole page in center */
	div { text-align:left; }																										/* to reset text-align:center for all divs */
	#all-container { width:760px; margin:70px auto; padding-bottom:50px; }
		#main-layer { background:#FFF url(../images/bg_middle.gif) 0px 0px repeat-y; width:760px; margin:0px; padding:0px;}	
			#header-layer { width:760px; border-bottom: 1px solid #999; background:#FFF url(../images/bg_header.jpg) 100% 0px no-repeat; margin:0px; padding:0px;}			
			#middle-layer { background:#FFF url(../images/bg_middle.gif) 0px 0px repeat-y; }
				#subnavigation-layer { background:#FFF url(../images/bg_middle.gif) 0px 0px repeat-y; float:left; padding:0px; margin:0px; width:170px; height:400px; }
				#content-layer { float:left; padding:38px 30px 0px 45px; width:514px !important; width /**/:590px; background-image:none; background-color:#FFF; }
					.no-sub #content-layer { float:none; margin:0px 0px 0px 170px; padding:38px 30px 20px 45px; width:514px !important; width /**/:590px; }
					.home #content-layer { background:white url(../images/bg_content_home.jpg) 100% 0px no-repeat; }
			#footer-layer { clear:both; height:90px; background:#FFF url(../images/bg_footer.gif) 0px 0px repeat-y; }
			
/* =============== END LAYOUT ITEMS */	

/* =============== FONT-SPECIFICS */
h4, p, li, label, input, select, td, th { font-size:12px; color:#666; }
		
a { color:#588DA7; text-decoration:underline; }
a:hover { color:#005474; }
/* =============== END FONT-SPECIFICS */

/* ========================== HEADER */
h1 a { display:block; position:relative; top: 20px; left:35px; width:101px; height:87px; background:transparent url(../images/h1.gif) 0px 0px no-repeat; }
	h1 a span { display:none; }
div#tagline p { display:none; }

	/* ================== NAVIGATION */
	ul#navigation { border-top:1px solid #999; border-left:1px solid #999; margin:6px 0px 0px 169px; display:block; padding:2px 0px 0px 43px; height:35px; background:transparent url(../images/bg_navigation.gif) 2px 2px no-repeat; }
		ul#navigation li, ul#navigation li a { display:block; float:left; }
			ul#navigation li a span { display:none; } 
			/* PAY ATTENTION: class of body determines which main naviagtion item is active; */
			ul#navigation li a:hover { background:transparent url(../images/1.gif) 0px 0px no-repeat; }
			body.home ul#navigation li#nav-1 a, ul#navigation li#nav-1, ul#navigation li#nav-1 a:hover { background:transparent url(../images/li_nav_1.gif) 0px 0px no-repeat; }
				ul#navigation li#nav-1 a { height:33px; width:74px; background:transparent url(../images/li_nav_1_a.gif) 0px 0px no-repeat; }
			body.vision ul#navigation li#nav-2 a, ul#navigation li#nav-2, ul#navigation li#nav-2 a:hover { background:transparent url(../images/li_nav_2.gif) 0px 0px no-repeat; }
				ul#navigation li#nav-2 a { height:33px; width:70px; background:transparent url(../images/li_nav_2_a.gif) 0px 0px no-repeat; }
			body.service ul#navigation li#nav-3 a, ul#navigation li#nav-3, ul#navigation li#nav-3 a:hover { background:transparent url(../images/li_nav_3.gif) 0px 0px no-repeat; }
				ul#navigation li#nav-3 a { height:33px; width:135px; background:transparent url(../images/li_nav_3_a.gif) 0px 0px no-repeat;}
			body.jobs ul#navigation li#nav-4 a, ul#navigation li#nav-4, ul#navigation li#nav-4 a:hover { background:transparent url(../images/li_nav_4.gif) 0px 0px no-repeat; }
				ul#navigation li#nav-4 a { height:33px; width:101px; background:transparent url(../images/li_nav_4_a.gif) 0px 0px no-repeat; }
			body.contact ul#navigation li#nav-5 a, ul#navigation li#nav-5, ul#navigation li#nav-5 a:hover { background:transparent url(../images/li_nav_5.gif) 0px 0px no-repeat; }
				ul#navigation li#nav-5 a { height:33px; width:84px; background:transparent url(../images/li_nav_5_a.gif) 0px 0px no-repeat; }
			body.links ul#navigation li#nav-6 a, ul#navigation li#nav-6, ul#navigation li#nav-6 a:hover { background:transparent url(../images/li_nav_6.gif) 0px 0px no-repeat; }
				ul#navigation li#nav-6 a { height:33px; width:83px; background:transparent url(../images/li_nav_6_a.gif) 0px 0px no-repeat; }
		
		ul#navigation:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* hack:reset float left */
/* ====================== END HEADER */

/* MIDDLE LAYER ======== */
div#content-layer h1 { font-size:18px; font-weight:bold; color:#005474; margin-bottom:22px; }
div#content-layer h2 { font-size:14px; font-weight:bold; color:#005474; margin-bottom:7px; }
div#content-layer h3 { font-size:13px; font-weight:bold; color:#005474; margin-bottom:2px; } 

div#content-layer p { margin:0px 0px 18px 0px; }

div#content-layer ul { margin-bottom:20px; }
	div#content-layer ul li { color:#005474; margin-left:18px; padding-left:16px; background:transparent url(../images/ul_li.gif) 0px 5px no-repeat !important; background /**/:transparent url(../images/ul_li.gif) 0px 7px no-repeat; line-height:1.4em; }
		html>body div#content-layer ul li { background:transparent url(../images/ul_li.gif) 0px 4px no-repeat !important; }
		div#content-layer ul li a { color:#005474; text-decoration:none; }
			div#content-layer ul li a:hover { color:#3F5490; text-decoration:underline; }

div#content-layer img { float:left; margin:0px 14px 5px 0px; }
div#content-layer h1 img { float:none; }
	
div#content-layer p:after  div#content-layer:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* hack:reset float left */

		/* SUB NAVIGATION LAYER ======== */
			/* PAY ATTENTION: sub class of body determines which sub item is active; */
			.sub1 #subnavigation-layer li#sub1 a, .sub2 #subnavigation-layer li#sub2 a, .sub3 #subnavigation-layer li#sub3 a,
			.sub4 #subnavigation-layer li#sub4 a, .sub5 #subnavigation-layer li#sub5 a, .sub6 #subnavigation-layer li#sub6 a,
			.sub7 #subnavigation-layer li#sub7 a, .sub8 #subnavigation-layer li#sub8 a { display:block; width:169px; background:#005474 url(../images/li_sub_nav.gif) 0px 0px no-repeat; color:#FFF; }
			#subnavigation-layer li, #subnavigation-layer li a:hover { display:block; width:169px; background:#005474 url(../images/li_sub_nav.gif) 0px 0px no-repeat; color:#FFF; }
			#subnavigation-layer li a { background:#D8DADC url(../images/li_sub_nav_a.gif) 0px 0px no-repeat;, display:block; padding:5px 0px 6px 37px; width:132px !important; width /**/:169px; text-decoration:none; color:#005474; font-size:11px; font-weight:bold; border-bottom:1px solid #999;}
		
/* END MIDDLE LAYER ======== */

/* ======= FOOTER LAYER */
div#footer-layer div#endorsement {float:left; height:90px; width:170px; }
div#footer-layer div#endorsement a { margin:44px 0px 0px 27px; height:18px; width:81px; display:block; background:transparent url(../images/logo.gif) 0px 0px no-repeat; }
	div#footer-layer div#endorsement a span { display:none; }
	
div#footer-layer div#links { float:left; height:90px; width:590px; background-color:#FFF; }	
	
	div#footer-layer div#links ul#services { display:block; background-color:#EBEEF4; padding:0px 0px 0px 45px; width:545px !important; width /**/:590px; }
		div#footer-layer div#links ul#services li, div#footer-layer div#links ul#services li a { display:block; float:left; height:40px; margin:0px; padding:0px; background-color:#EBEEF4; }
			div#footer-layer div#links ul#services li { margin-right:6px; }
				div#footer-layer div#links ul#services li a span { display:none; }
				ul#services li#detachering a { background:transparent url(../images/service_detachering.gif) 0px 15px no-repeat; width:63px; }
				ul#services li#outsourcing a { background:transparent url(../images/service_outsourcing.gif) 0px 15px no-repeat; width:65px; }
				ul#services li#budget-counseling a { background:transparent url(../images/service_budget_couns.gif) 0px 15px no-repeat; width:97px; }
				ul#services li#educate a { background:transparent url(../images/service_educate.gif) 0px 15px no-repeat; width:48px; }
				ul#services li#quick-scan a { background:transparent url(../images/service_quick_scan.gif) 0px 15px no-repeat; width:56px; }
				ul#services li#budget-management a { background:transparent url(../images/service_budget_management.gif) 0px 15px no-repeat; width:74px; }
				ul#services li#consultancy a { background:transparent url(../images/service_consultancy.gif) 0px 15px no-repeat; width:64px; }
	
	div#footer-layer div#links ul#services:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* hack:reset float left */
	
	div#footer-layer div#links ul#utilities { margin:52px 0px 0px 28px; } /* no services: add 40 px  from top */
		.home div#footer-layer div#links ul#utilities { margin:12px 0px 0px 28px; } /* hame has services ul  */
	div#footer-layer div#links ul#utilities li, div#footer-layer div#links ul#utilities li a { display:block; float:left; color:#92B3C3; font-size:11px; }
		div#footer-layer div#links ul#utilities li { margin:0px 10px 0px 0px;  }
		div#footer-layer div#links ul#utilities li a { background:#FFF url(../images/bullet_footer.gif) 0px 5px no-repeat; padding:0px 0px 0px 15px; }
			div#footer-layer div#links ul#utilities li a:hover { color:#005474; }
	
	div#footer-layer div#links ul#utilities:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* hack:reset float left */

div#footer-layer:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* hack:reset float left */
/* ======= END FOOTER LAYER */
