/* 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.gif) top center no-repeat #080808; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.5625em; 
	line-height:2em;
	color:#8f8f8f;
	min-width:1000px;
	text-transform:uppercase;
}
html, body { height:100%;}


p {padding-top:18px;}

a {
	color:#8f8f8f; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	padding:83px 0 0 70px;
	position:relative;
}
	h1 a {
		display:block;
		text-indent:-5000px;
		width:280px;
		height:112px;
		background:url(../images/logo.png) left top no-repeat;
	}
	
h2 {
	font-size:3.666em;
	line-height:1.2307em;
	color:#fff;
	font-weight:normal;
	letter-spacing:-1px;
	padding:0 0 10px 0;
	text-transform:none;
}
	.h2-pad {
		padding-bottom:15px;
	}
/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 947px; }

	/* Header */
	header{
		height:195px;
	}
	
	/* Content */
	section#content {
		height:478px;
	}			
	/* Footer */
	footer{
		height:33px;
		background:url(../images/footer-bg.png) left top no-repeat;
	}
/* Left & Right alignment */

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

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

.alignright { text-align:right;}
.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 26px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

/*===== content =====*/
.menu {
	float:left;
}
.menu1 {
	width:246px;
}
	.menu li {
		float:left;
		position:relative;
	}
		#page1 .menu li a {
			margin-left:-66px;
		}
		.menu li a {
			display:block;
			width:241px;
			height:478px;
			text-decoration:none;
			margin-left:6px;
		}
			.menu .m1 a {
				background:url(../images/m1.png) left top no-repeat;
			}
			#page1 .menu .m1 a {
				margin-left:5px;
			}
				.menu .m1 a:hover, .menu .m1-active a {
					background:url(../images/m1-hover.png) left top no-repeat;
				}
				.menu .m1-active a {
					margin-left:5px;
				}
			.menu .m2 a {
				background:url(../images/m2.png) left top no-repeat
			}	
			#page1 .menu .m2  a {
				margin-left:-65px;
			}
				.menu .m2 a:hover, .menu .m2-active a {
					background:url(../images/m2-hover.png) left top no-repeat;
				}
				.menu .m2-active a, .menu .m3-active a, .menu .m4-active a, .menu .m5-active a {
					margin:0px -1px 0 6px;
				}
			.menu .m3 a {
				background:url(../images/m3.png) left top no-repeat;
			}
				.menu .m3 a:hover, .menu .m3-active a {
					background:url(../images/m3-hover.png) left top no-repeat;
				}
			.menu .m4 a {
				background:url(../images/m4.png) left top no-repeat;
			}
				.menu .m4 a:hover, .menu .m4-active a {
					background:url(../images/m4-hover.png) left top no-repeat;
				}
			.menu .m5 a {
				background:url(../images/m5.png) left top no-repeat;
			}
				.menu .m5 a:hover, .menu .m5-active a {
					background:url(../images/m5-hover.png) left top no-repeat;
				}


.inner {
	width:765px;
	height:478px;
	float:left;
	margin-left:-64px;
	background:url(../images/inner-bg.png) left top no-repeat;
	position:relative;
}
	.button {
		position:absolute;
		top:9px;
		right:6px;
	}
	.inner .indent {
		padding:100px 115px 0 140px;
		
	}
	
	.color {
		color:#fff;
	}
	.color1 {
		color:#fa3b03;
	}
	
.pad {
	padding-top:20px;
}
.pad1 {
	padding-top:15px;
}

.link {
	color:#fff;
	display:inline-block;
	background:url(../images/link-bg.gif) right 6px no-repeat;
	padding-right:10px;
	text-decoration:none;
	vertical-align:baseline;
}
	.link:hover {
		text-decoration:underline;
	}
	
.list {
}
	.list li {
		padding-left:19px;
		line-height:2.555em;
		background:url(../images/marker.gif) left 8px no-repeat;
	}
		.list li a {
			color:#fa3b03;
			text-decoration:none;
		}
			.list li a:hover {
				text-decoration:underline;
			}
			
.col-pad {
	padding-right:50px;
}

.phone {
	display:inline-block;
	width:80px;
	vertical-align:baseline;
}

.inner1 {
	width:942px;
	height:478px;
	margin-left:5px;
	position:relative;
	background:url(../images/inner1-bg.png) left top no-repeat;
}
	.inner1 .indent {
		padding:100px 130px 0 140px;
	}
/*===== footer =====*/
.policy {
	color:#fff;
	padding:8px 0 0 20px;
	float:left;
}
	.policy a {
		color:#fa3502;
		text-decoration:none;
	}
		.policy a:hover {
			text-decoration:underline;
		}

nav {
	float:right;
	padding:10px 82px 0 0;
}
	nav li {
		line-height:1.2307em;
		float:left;
		padding-left:11px;
	}
		nav li a {
			text-decoration:none;
			color:#545353;
		}
			nav li a:hover, nav .active a {
				color:#fff;
			}

/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:30px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
		vertical-align:top;
	}
		#contacts-form input {
			width:226px;
			padding:4px 0px 3px 5px;
			border:none;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}
		#contacts-form .textarea-box {
			background:url(../images/textarea-bg.gif) no-repeat 0 0;
			height:106px;
			overflow:hidden;
		}
		#contacts-form textarea {
			width:238px;
			padding:3px 0px 3px 5px;
			border:none;
			background:none;
			color:#8c8c8c;
			height:100px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:5px;
		}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */