* { padding:0; margin:0; }
body { background:url(images/bg.jpg) top center #687d94; font-size:1em; }
html { font:12px Arial, Helvetica, sans-serif; }

.clear { clear:both; }
.blue_square { margin:0 0 0 30px; }
.fade { height:40px; overflow:hidden; }

#slider { height: 270px; width: 948px; margin: auto; z-index:-99; }
#slider img { height: 270px; width: 948px; margin:0 auto; }
#slide { width: 948px; margin:0 auto; }
#slide p { position:absolute; margin:220px 0 0 30px; }
#slide span img { position:absolute; z-index:99; margin:275px 0 0 30px; }

.gallery {}
.gallery img { border:none; }
.gallery li { list-style:none; }

#navigation p { margin:-7px 0 0 5px; }

#reference div { width:150px; float:left; height:70px; padding:0 0 0 40px; margin:0 0 0 10px; }
#reference h4 { color:#3c4f5e; font-size:12px; font-weight:bold; }
#reference p { color:#3c4f5e; font-size:12px; }
#mail { background:url(images/mailing.png) no-repeat; }
#phone { background:url(images/phone.png) no-repeat; }
#fax { background:url(images/fax.png) no-repeat; }
#email { background:url(images/email.png) no-repeat; }

#wrapper { width:990px; margin: 0 auto; }
	#header { width:990px; height:115px; margin:0 auto; background:url(images/bg_header.png) 0 25px no-repeat; }
		#logo { margin:13px 0 0 23px; float:left; }
		#menu { padding:14px 0 0; width:550px; margin-left:370px; }
			#menu li { display:inline; }
			#menu a { display:block; float:left; text-align:center; text-decoration:none; width:109px; height:109px; }
				#menu a:hover { }
			.menu_home { background:url(images/home.png) no-repeat; }
				.menu_home:hover, .active_home { background:url(images/home_hover.png) no-repeat; }
				.menu_home:active { background:url(images/home_hover.png) no-repeat; }
			.menu_company { background:url(images/the_company.png) no-repeat; }
				.menu_company:hover, .active_company { background:url(images/the_company_hover.png) no-repeat; }
				.menu_company:active { background:url(images/the_company_hover.png) no-repeat; }
			.menu_services { background:url(images/our_services.png) no-repeat; }
				.menu_services:hover, .active_services { background:url(images/our_services_hover.png) no-repeat; }
				.menu_services:active { background:url(images/our_services_hover.png) no-repeat; }
			.menu_projects { background:url(images/our_projects.png) no-repeat; }
				.menu_projects:hover, .active_projects { background:url(images/our_projects_hover.png) no-repeat; }
				.menu_projects:active { background:url(images/our_projects_hover.png) no-repeat; }
			.menu_contact { background:url(images/contact_us.png) no-repeat; }
				.menu_contact:hover, .active_contact { background:url(images/contact_us_hover.png) no-repeat; }
				.menu_contact:active { background:url(images/contact_us_hover.png) no-repeat; }
	#container { width:990px; margin:0 auto; }
		#extra { background:url(images/bg_top_layout.png) no-repeat; width:990px; margin:0 auto; height:45px; }
			#extra p {
	font-family:sIFR;
	padding:10px 0 0 35px;
	line-height:20px;
	position:absolute;
	width: 952px;
}
		#content { width:954px; margin:0 auto; }
			#slider { }
				#slider img { }
			#layout { margin:-14px 0 0 10px; position:relative; }
				.layout_div { float:left; width:250px; margin:0 0 0 -14px; }
					.layout_top_div { background:url(images/bg_layout_top_div.png) no-repeat; height:45px; }
					.layout_content_div { background:url(images/bg_layout_content_div.png) repeat-y; width:180px; height:220px; min-height:220px;  padding:5px 40px 20px 30px; }
						.layout_content_div h2 { border-bottom:1px solid #283d64; margin-bottom:10px; }
						.layout_content_div p { font:11px Arial, Helvetica, sans-serif; color:#3c4f5e; }
						.read_more { margin-top:10px; }
							.read_more a { font: bold 10px Arial, Helvetica, sans-serif; color:#3c4f5e; }
		#testimonial {
	background:url(images/bg_testimonial.png) no-repeat;
	margin:-49px 0 0 -3px;
	position:relative;
	height:58px;
	padding:60px 0 0 65px;
}
			.preuve { color:#fff; font-family:"Arial Black", Gadget, sans-serif; font-size:13px; }
			.more_testimonial a { float:right; margin:2px 140px 0 0; }
			.more_testimonial a img { border:none; }
			.name { color:#3e5b71; font-weight:bold; font-size:11px; padding:10px 0 0; }
	#footer { text-align:center; padding:10px 0 20px;}
		#footer ul { width:378px; margin:0 auto; }
			#footer li { display:inline; }
				#footer li a { display:block; padding:5px 10px; float:left; color:#c2bea9; text-decoration:none; font-size:11px; }
				#footer li a:hover { text-decoration:underline; }
		#footer p { border-top:1px solid #C2BEA9; color:#C2BEA9; font-size:11px; margin:0 auto; width:325px; padding-top:5px; }
		#footer a { color:#c2bea9; text-decoration:none; font-size:11px; }


/*The Company*/
#company {}
	#company #contenu { background:url(images/bg_company_contenu.png) no-repeat top; width:953px;}
		#company #navigation {  width:220px; height:370px; margin:-9px 0 0 0; padding:0 10px 0 10px; color:#333; }
			#first_company { margin:-2px 0 0 24px; }
			#company #navigation h2 { width:203px; height:23px; font-size:15px; font-weight:bold; padding:3px 0 0 15px; margin:10px 0 0 0; }
			#company #navigation ul { list-style:none; padding:10px 0 10px; }
			#company #navigation li { background:url(images/bg_company_navigation_li.jpg) bottom no-repeat; padding:2px 10px 2px 15px;}
				#company #navigation li a { color:#333; text-decoration:none; font-size:14px; display:block; }
					#company #navigation li a:hover, #company #navigation li a:active { color:#333; font-weight:bold; }
		#company #layout {
	float:right;
	margin:0;
	padding:30px 30px 0;
	width:900px;
}
			#company #layout h2 { padding:0 0 15px 0; }
			#company #layout p { color:#3c4f5e; padding:0 0 15px 0; }
			
#list {
	
	padding-left:30px;
	color:#3c4f5e;
	width:900px;
}

/*Our Services*/
#services {}
	#services #contenu { background:url(images/bg_company_contenu.png) no-repeat; width:949px; padding:0 0 10px 0;}
		#services #navigation { background:url(images/bg_company_navigation.png) no-repeat; width:220px; height:370px; margin:-9px 0 0 0; padding:0 10px 0 10px; color:#333; }
			#first_services { margin:-2px 0 0 24px; }
			#services #navigation h2 { background:url(images/bg_company_navigation_h2.png) no-repeat; width:203px; height:23px; font-size:15px; font-weight:bold; padding:3px 0 0 15px; margin:10px 0 0 0; }
			#services #navigation ul { list-style:none; padding:10px 0 10px; }
			#services #navigation li { background:url(images/bg_company_navigation_li.jpg) bottom no-repeat; padding:6px 10px 6px 15px;}
				#services #navigation li a { color:#333; text-decoration:none; font-size:14px; display:block; }
					#services #navigation li a:hover, #company #navigation li a:active { color:#333; font-weight:bold; }
		#services #layout { float:right; margin:0; padding:30px 30px 0; width:655px; }
			#services #layout h2 { padding:0 0 15px 0; }
			#services #layout p { color:#3c4f5e; padding:0 0 15px 0; }
			#services #layout ul { color:#3c4f5e; padding:0 0 15px 35px; list-style:none; }

/*Our Project*/
#projects {}
	#projects #layout { background:url(images/bg_layout.png) no-repeat; width:715px; float:left; margin:-10px -60px 0 -1px; padding:40px 60px 20px 20px; height:1250px; color:#3c4f5e;}
		#projects #layout h2 { background:url(images/bg_projectslayout_h2.png) no-repeat; width:694px; height:35px; padding:10px 0 0 20px; }
		#projects #layout ul { padding:10px 0 20px 30px; }
		#projects #layout li { color:#3c4f5e; list-style-type:square; padding:5px 0; }
			#projects #layout li a { color:#3c4f5e; text-decoration:none; font-weight:bold; }
	#projects #navigation { background:url(images/bg_navigation.png) no-repeat; width:143px; float:right; margin:-11px -2px 0 0; position:relative; padding:40px 30px 20px; height:1250px; }
		#projects #navigation h2 { border-bottom:1px solid #ebebe3; padding-bottom:5px; margin-bottom:10px; width:141px; }
		#projects #navigation p { color:#787059; padding:5px 0 10px; font-size:15px; }
		#projects #navigation img { border:none; }

/*Contact Us*/
#contact {}
	#contact #layout { background:url(images/bg_layout_contact.png) no-repeat; margin:-14px 0 0 -5px;}
		.block { float:left; padding:30px 0 0 40px; width:435px; }
