/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:url(../images/body-bg.jpg) top center no-repeat #fbfaf9; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.875em; 
	line-height:1.2857em;
	color:#939393;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:18px;}

a {
	color:#18c777; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	padding:21px 0 0 0;
	margin-left:-20px;
	position:relative;
	float:left;
}
	h1 a {
		display:block;
		width:314px;
		height:131px;
		text-indent:-5000px;
		background:url(../images/logo_new.png) left top no-repeat;
	}
	
	
h2 {
	font-size:2.142em;
	line-height:1.2307em;
	color:#fff;
	padding:2px 0 0 10px;
	background:url(../images/h2-bg.png) left top no-repeat;
	margin-bottom:-41px;
	font-family:"Arial Black", Gadget, sans-serif;
	position:relative;
		z-index:10;
		height:88px;
	
}
	h2 em {
		display:block;
		font-size:0.766em;
		line-height:1.2307em;
		padding:4px 0 20px 11px;
		font-style:normal;
		position:relative;
	}
	.bg1 {
		background:url(../images/h2-bg1.png) left top no-repeat;
	}
	.bg2 {
		background:url(../images/h2-bg2.png) left top no-repeat;
	}
	.h2-pad {
		margin:0;
		padding-bottom:20px;
	}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 990px; }

	/* Header */
	header{
	height:550px;
	background:url(../images/header-bg.png) left top repeat-x;
	}
	
	/* Content */
	.extra-content {
		background:url(../images/extra-content-bg.gif) left top repeat-y #efefef;
		position:relative;
		z-index:2
	}
	section#content {
		background:url(../images/content-bg.gif) left top no-repeat;
		position:relative;
		z-index:2;
	}
	/* Footer */
	footer{
		height:60px;
		background:url(../images/footer-bg.png) left top repeat-x;
		margin-top:-35px;
		padding-top:55px;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left; position:relative; }

.alignright {
	text-align:left;
}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/
nav {
	float:right;
	padding-top:38px;
	width:657px;
	height:96px;
}
	nav ul {		
		position:relative;
	}
		nav li {
			float:left;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:1.2857em;
			line-height:1.2307em;
			text-transform:uppercase;
			background:url(../images/navli-bg-left.png) left bottom no-repeat;
			height:96px;
			font-weight:bold;
		}
		nav li span {
			display:inline-block;
			background:url(../images/nav-li-bg-right.png) right bottom no-repeat;
			padding:0 9px;
			height:96px;
		}
			nav li a {
				display:inline-block;
				text-align:center;
				text-decoration:none;
				padding:20px 10px 20px 10px;
				background:url(../images/png-bg.png) repeat;
			}
				nav li a em {
	font-style:normal;
	display:block;
				}
		nav .last span {
			background:none;
		}
			nav .m1 a {
	padding-top:20px;
	padding-right:12px;
	color:#9cc718;
			}
				nav .m1 a:hover, nav .m1 .active {
					background:url(../images/m1.png) left top no-repeat;
					color:#fff;
				}
			nav .m2 a {
				color:#18c777;
			}
				nav .m2 a:hover, nav .m2 .active {
					background:url(../images/m2.png) left top no-repeat;
					color:#fff;
				}
			nav .m3 a {
				color:#18acc7;
			}
				nav .m3 a:hover, nav .m3 .active {
					background:url(../images/m3.png) left top no-repeat;
					color:#fff;
				}
			nav .m4 a {
				color:#fa9505;
				padding-right:12px;
			}
				nav .m4 a:hover, nav .m4 .active {
					background:url(../images/m4.png) left top no-repeat;
					color:#fff;
				}
			nav .m5 a {
				color:#f8315f;
			}
				nav .m5 a:hover, nav .m5 .active {
					background:url(../images/m5.png) left top no-repeat;
					color:#fff;
				}
/*===== content =====*/
#content li {
	line-height:1.5714em;
}
.indent {
	padding:50px 18px 44px 38px;
}
	.padding {
		padding-bottom:54px;
	}
.relative {
	position:relative;
}
.col-pad {
	padding-right:16px;
}
.col-indent {
	padding:0 10px 0 20px;
}
/*------------*/
.color1 {
	color:#18c777;
}
	.color1 a {
		color:#18c777;
	}
.color2 {
	color:#18adc7;
}
	.color2 a {
		color:#18adc7;
	}
.color3 {
	color:#fa9505;
}
	.color3 a {
		color:#fa9505;
	}
/*------------*/
.link, .link1, .link2, .link3 {
	display:inline-block;
	padding:15px 0 0 0;
	text-decoration:none;
	text-align:center;
	height:37px;
	color:#fff;
}
.link {
	width:104px;
	margin:13px 0 0 9px;
	background:url(../images/link-bg.png) left top no-repeat;
}
	.link:hover {
		background:url(../images/link-bg-hover.png) left top no-repeat;
	}
.link1 {
	margin:6px 0 0 9px;
	background:url(../images/link1-bg.png) left top no-repeat;
	width:94px;
}
	.link1:hover {
		background:url(../images/link1-bg-hover.png) left top no-repeat;
	}
	
.link2 {
	margin:15px 0 0 9px;
	background:url(../images/link2-bg.png) left top no-repeat;
	width:68px;
}
	.link2:hover {
		background:url(../images/link2-bg-hover.png) left top no-repeat;
	}
	
.link3 {
	margin:15px 0 0 9px;
	background:url(../images/link3-bg.png) left top no-repeat;
	width:80px;
}
	.link3:hover {
		background:url(../images/link3-bg-hover.png) left top no-repeat;
	}
	
.pad {
	padding-top:20px;
}

.phone {
	display:inline-block;
	width:90px;
}
/*===== footer =====*/
footer {
	color:#fff;
	text-transform:uppercase;
}
	footer a {
		color:#fff;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}

.footer-menu {
	float:left;
}
	.footer-menu li {
		float:left;
		padding-right:20px;
		line-height:1.2307em;
	}
.policy {
	float:right;
}
/*----- forms -----*/
#search-form {
	width:479px;
	float:right;
	padding-top:63px;
	font-size:1.5em;
	color:#fff;
	position:relative;
}
#search-form fieldset {
	border:none;
}
	.form-title1 {
		display:block;
		background:url(../images/form-ttile1-bg.png) left top no-repeat;
		padding:12px 0 0px 26px;
		height:25px;
		line-height:1em;
		margin:-21px 0 0 197px;
	}
	.form-title2 {
		display:block;
		background:url(../images/form-title2-bg.png) left top no-repeat;
		padding:23px 0 0px 10px;
		height:28px;
		line-height:1.2em;
		margin:-13px 0 0 74px;
	}
	.form-title3 {
		display:block;
		background:url(../images/form-title3-bg.png) left top no-repeat;
		padding:10px 0 0px 40px;
		height:28px;
		line-height:1.2em;
		margin:4px 0 0 216px;
	}
	#search-form label {
		display:block;
		height:44px;
		vertical-align:top
	}
		#search-form select {
			width:347px;
			margin-left:91px;
			font-size:0.8em;
			color:#a6a8a9;
		}
		#search-form .select {
			width:365px;
			margin-left:58px;
		}
		#search-form a {
			display:inline-block;
			margin:-19px 0 0 200px;
		}
		#search-form input {
			width:288px;
			padding:10px 0px 12px 75px;
			border:1px solid #f0f0f0;
			line-height:1.2307em;
			font-size:0.8em;
			background:#fff;
			color:#a6a8a9;
			margin-left:28px;
			vertical-align:top;
		}

#registration-form fieldset {
	border:none;
	padding-top:18px;
}
	#registration-form label {
		display:block;
		height:50px;
		vertical-align:top;
	}
		#registration-form input {
			width:248px;
			padding:2px 0px 2px 5px;
			line-height:1.2307em;
			background:#fff;
			color:#8c8c8c;
		}
		.column1 {
			float:left;
			width:310px;
		}
		.column2 {
			float:left;
		}


#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:50px;
		vertical-align:top;
	}
		#contacts-form input {
			width:248px;
			padding:2px 0px 2px 5px;
			line-height:1.2307em;
			background:#fff;
			color:#8c8c8c;
		}
		#contacts-form textarea {
			width:248px;
			padding:0px 0px 0px 5px;
			background:#fff;
			color:#8c8c8c;
			height:109px;
			overflow:auto;
		}
		#contacts-form a {
			margin:15px 8px 0 9px
		}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
.title_home_page {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #999;
	margin: auto;
	line-height: 36px;
	font-style: italic;
}
.title_box {
	margin-left: 50%;
}

.img_front
{
	margin:10px 0px 0px 0px; 
	z-index:3; 
	position:relative;
}