/* 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 repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.7em;
	color:#616060;
	text-transform:uppercase;
}
html { 
	min-width:1000px;
	font-size:0.625em;
}
html, body { height:100%;}


p {
	padding-top:16px;
	color: #FFF;
}

a {
	color:#fff; 
	outline:none;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.block {height:100px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -100px; position:relative;}

h1 {
	padding:265px 0 0 305px;
	position:relative;
}
	h1 a {
		display:block;
		width:266px;
		height:84px;
		background:url(../images/logo.png) left top no-repeat;
		text-indent:-5000px;
	}
	

h2 {
	font-size:2.9em;
	line-height:1.2307em;
	color:#fff;
	padding:15px 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 872px; }

	/* Header */
	header{
		height:440px;
	}
	
	
	/* Content */
	section#content {
		
	}
		nav {
			padding:65px 0 0 64px;
			position:relative;
		}
			nav li {
				float:left;
				line-height:1.2307em;
				font-size:3em;
			}
				nav li a {
					display:block;
					text-align:center;
					width:192px;
					height:115px;
					padding-top:78px;
					background:url(../images/nav-a-bg.png) left top no-repeat;
				}
					nav li a:hover, nav .active a {
						text-decoration:none;
						background:url(../images/nav-a-bg-active.png) left top no-repeat;
						height:140px;
						width:244px;
						margin:-26px;
						padding-top:104px;
						position:relative;
						z-index:100;
					}
	section.inner {
		background:url(../images/inner-bg.gif) left top no-repeat;
		height:290px;
		width:872px;
	}
		.inner .inside {
			padding:32px 0 0 32px;
		}
		
		.scroll {
			overflow:auto;
			height:114px;
		}
		.scroll-1 {
			overflow:auto;
			height:150px;
		}
			.scroll-1 .scroll-inner {
				width:395px;
			}
			
			.scroll-inner {
				width:385px;
			}
	
		.link {
			display:inline-block;
			background:url(../images/link-bg.gif) right 6px no-repeat;
			margin-top:15px;
			padding-right:8px;
		}
		
		.col-pad {
			padding-right:15px;
		}
		.col-pad1 {
			padding-right:30px;
		}
		
		.phone {
			display:inline-block;
			width:80px;
		}
			.link1 {
				text-decoration:underline;
				color:#616060;
			}
				.link1:hover {
					text-decoration:none;
				}
		
		
		.menu {
			padding:20px 0 0 355px;
		}
			.menu li {
				float:left;
				position:relative;
			}
				.menu li a {
					text-decoration:none;
					display:block;
					width:41px;
					height:43px;
				}
					.menu li a:hover {
						text-decoration:none;
					}
			.m1 a {
				background:url(../images/m1.png) left top no-repeat;
			}
			.m2 a {
				background:url(../images/m2.png) left top no-repeat;
			}
			.m3 a {
				background:url(../images/m3.png) left top no-repeat;
			}
			.m4 a {
				background:url(../images/m4.png) left top no-repeat;
			}
				.m1 a:hover, .m1 .active {
					background:url(../images/m1-hover.png) left top no-repeat;
				}
				.m2 a:hover, .m2 .active {
					background:url(../images/m2-hover.png) left top no-repeat;
				}
				.m3 a:hover, .m3 .active {
					background:url(../images/m3-hover.png) left top no-repeat;
				}
				.m4 a:hover, .m4 .active {
					background:url(../images/m4-hover.png) left top no-repeat;
				}
				
	/* Footer */
	footer{
		height:100px;
		position:relative;
	}




/* 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 28px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}


/*----- 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 ========================================================= */