* { margin:0px; padding:0px }

body { background:#121212; color:#333333;  }

#top_wrapper, #index_top_wrapper { position:relative; width:960px; margin:20px auto 0 auto; background-color:#f1f3ef; padding:1px 0 0 0;}
	#index_top_wrapper { padding-bottom:10px;}
	#header, #bandeau, #page_content, #footer, #page_content_footer { position:relative;  width:940px; margin:10px 0 0 10px;}
	#header { background-color:#292929; padding:0 0 20px 0; }
		#logo { padding:20px 0 0 35px}
		#header_nav { position:absolute; top:25px; right:40px; color:#999999; font-size:0.8em;}
		#header_nav img { margin-left:8px; margin-right:8px}
		#header_nav a { color:#999999; text-decoration:none; }
		#header_nav a:hover { color:#999999; text-decoration:underline; }
		#header_nav li, #main_nav li { display:inline;}
		
		#main_nav { position:absolute; top:50px; right:40px; color:#ffffff; font-size:1.2em; }
		#main_nav a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
		#main_nav a:hover, #main_nav a.on { color:#ff0000;}
		#main_nav img { margin-left:8px; margin-right:8px}
		 
	#bandeau {   }
		#sub_menu { background:#ac231b; color:#FFFFFF; width:308px; float:left; padding:15px 35px 0 35px; height:228px; overflow:hidden;}
			#sub_menu ul { margin-top:3px;}
			#sub_menu li { list-style-position:inside; list-style-type:square; border-bottom:#cc6666 solid 1px; padding:2px 0 2px 0;}
			.first_item { border-top:#cc6666 solid 1px; padding:2px 0 2px 0;}
			#sub_menu a { color:#FFFFFF; text-decoration:none;}
			#sub_menu a:hover, #sub_menu a.on { color:#cc6666}
			
		#banner_img { float:left;}
		
	#page_content { clear:both }
		#top_block { padding:15px 10px 20px 35px;}
		.project_block { width:415px; padding:0 0 0 35px; margin:0 15px 10px 0px; float:left; height:auto; min-height:145px; background: url(../images/project_degrade.gif) repeat-x ; }
			.project_img { float:left; margin:0 20px 0 0;}
			.project_img img { border:#cccccc solid 5px; }
			.project_block h4 { display:inline }
	
		.image { border:#cccccc solid 2px; margin:2px 0 2px 0}	
	#index_content_footer { position:absolute; top:420px; left: 10px;}
	#page_content_footer { clear:both; padding:5px 0 0px 0; position:relative; top:10px;}
		.content_footer_block { font-size:0.9em; color:#666666; width:255px; height:120px; padding:5px; float:left; background:#f1f3ef url(../images/corner.gif) bottom right no-repeat; margin:0 0 0 35px;}
		.content_footer_block img { float:left; margin-right:6px; }
		.content_footer_block h2 { margin-top:8px; color:#333333; font-size: 1.8em; }
		.content_footer_block h2.red_title { color:#ff0000}
		.content_footer_block p {  line-height:1.2em; }

	/* tab naigation */
	#tabs{  
		margin:0 0 0 0; 
		/* for EI7 above */
		*position:relative; 
		*top:6px; 
		/* for EI6 under */
		_position:relative; 
		_top:6px; 
	}
	#tabscontent {  }
	#tabs ul{ margin:0; }
	#tabs ul li{ float:left; list-style:none; background:#e7e7e7;  margin-right:6px; border:none  }
	#tabs a{ font-size:1.2em; color:#666666; font-weight:bold; padding:10px 30px 10px 30px; display:block; }
	#tabs a:hover{ color:#000000}
	#tabHeaderActive a { color:#000000 }
	li#tabHeaderActive { padding-bottom:7px; }
	#tabHeaderActive {  padding-bottom:15px;}
	.tabContent {
		clear:both; 
		padding:15px 30px 15px 30px;
		*padding:8px 15px 8px 15px;
		_padding:8px 15px 8px 15px;
		background:url(../images/tab_bkg.gif) repeat-x #FFFFFF  ;
	}


			
#bottom_wrapper {position:relative; width:960px; margin:0 auto 40px auto;}
	#footer { width:870px; padding:20px 35px 20px 35px; color:#666666; font-size:0.8em; }
		#footer_title { width:auto; border-bottom:#202020 solid 1px; padding-bottom:2px }
		.footer_block { margin:15px 0 15px 0; padding:0 45px 0 0; float:left; }
		.footer_block img { vertical-align:middle; margin-right:8px}
		.footer_block li { list-style:none;  }
		.footer_block a { color:#666666; text-decoration:none;}
		.title { color:#999999; margin-bottom:3px }
		.credit { float:none; clear:both }
		.credit li { display:inline}
		.credit li img { margin-left:5px; margin-right:5px; vertical-align:top}