/* 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-x #fff; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8125em; 
	line-height:1.3846em;
	color:#919191;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:18px;}

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

h1 {
	padding:50px 10px 0 0px;
	float:left;
	width:240px;
}
	h1 a {
		display:block;
		width:240px;
		height:60px;
		text-indent:-5000px;
		background:url(../images/logo.png) left top no-repeat;
	}
	
h2 {
	font-size:2.307em;
	line-height:1.2307em;
	color:#262626;
	padding:0 0 25px 0;
}
	.h2-pad {
		padding-bottom:28px;
	}
	.h2-pad1 {
		padding-bottom:20px;
	}

h3 {
	font-size:3.46em;
	line-height:1.2307em;
	color:#00aeef;
	margin-top:0px;
	padding-bottom:19px;
}
/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 980px; }

	/* Header */
	header{
		height:574px;
		position:relative;
		background:url(../images/header-bg.gif) left bottom repeat-x;
	}
	
		header2{
		height:304px;
		position:relative;
		background:url(../images/header-bg.gif) left bottom repeat-x;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height:68px;
		background:url(../images/footer-bg.gif) left top repeat-x;
	}
/* Left & Right alignment */

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

.col-1, .col-01, .col-2, .col-3, .col-4, .col-5 { 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 27px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/



nav {
	float:left;
	width:720px;
}
	nav .wrapper {
		padding-top:74px;
	}
	nav ul {
		float:left;
		width:120px;
	}	
		nav li {
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-size:1.076em;
			line-height:2.57em;
		}
			nav li a {
				color:#131313;
				text-decoration:none;
				display:inline-block;
				height:40px;
				text-align:center;
				margin-top:-4px;
				padding-top:2px;
			}
				nav li a:hover, nav .active {
					color:#fff;
				}
			.m1 a{
				width:116px;
			}
				.m1 a:hover, .m1 .active {
					background:url(../images/m5.gif) left top no-repeat;
				}
			.m2 a {
				width:116px;
			}
				.m2 a:hover, .m2 .active {
					background:url(../images/m5.gif) left top no-repeat;
				}
			.m3 a {
				width:116px;
			}
				.m3 a:hover, .m3 .active {
					background:url(../images/m5.gif) left top no-repeat;
				}
			.m4 a {
				width:116px;
			}
				.m4 a:hover, .m4 .active {
					background:url(../images/m5.gif) left top no-repeat;
				}
			.m5 a {
				width:116px;
			}
				.m5 a:hover, .m5 .active {
					background:url(../images/m5.gif) left top no-repeat;
				}
			.m6 a {
				width:116px;
			}
				.m6 a:hover, .m6 .active {
					background:url(../images/m5.gif) left top no-repeat;
				}

.header-border {
	background:url(../images/header-border-bg.gif) left bottom repeat-x;
	padding-bottom:14px;
	margin-bottom:3px;
}

.slogan {
	position:absolute;
	z-index:10;
	width:428px;
	height:280px;
	top:64px;
	left:522px;
	font-size:0.92em;
	line-height:1.52em;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
	.slogan strong {
		font-size:4em;
		line-height:1.2307em;
		display:block;
		text-transform:uppercase;
	}
		.slogan em {
			display:block;
			margin-top:-15px;
		}
		.slogan i {
			font-size:2.916em;
			line-height:1.2307em;
			display:block;
			margin-top:-6px
		}
		.slogan p {
			padding-top:12px;
		}
		.slogan a {
			display:inline-block;
			width:118px;
			height:42px;
			background:url(../images/slogan-a-bg.png) left top no-repeat;
			margin:56px 0px 0 0;
		}
		.slogan a:hover {
			background:url(../images/slogan-a-bg-hover.png) left top no-repeat;
		}
/*===== content =====*/
.indent {
	padding:25px 25px 36px 25px;
}
	.padding {
		padding-bottom:55px;
	}
	.padding1 {
		padding-bottom:40px;
	}
	.padding2 {
		padding-bottom:50px;
	}

.col-pad {
	padding-right:70px;
}
.col-pad1 {
	padding-right:65px;
}

.divider {
	background:url(../images/divider-bg.gif) 366px 0px repeat-y;
}
.divider1 {
	background:url(../images/divider-bg.gif) 652px 0px repeat-y;
}
.divider2 {
	background:url(../images/divider-bg.gif) 254px 0px repeat-y;
}


.color {
	color:#3ac2f5;
}

/*--- pad ---*/
.pad {
	padding-top:22px;
}
.pad1 {
	padding-top:36px;
}
/*---- link --*/
.link {
	display:inline-block;
	padding:3px 14px 3px 14px;
	font-weight:bold;
	background:#ff9a30;
	text-decoration:none;
	color:#fff;
	margin-top:25px;
}
	.link:hover {
		background:#ffb86e;
	}

.link1 {
	display:inline-block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin-top:10px;
}
	.link1:hover {
		text-decoration:underline;
	}
	.bg {
		background:#00aeef;
		margin-top:20px;
	}
		.bg:hover {
			background:#66cef5;
		}
		
/*-- title --*/
.title {
	color:#3ac2f5;
	display:block;
	font-size:1.079em;
	line-height:1.2857em;
	padding-bottom:6px;
}
.title1 {
	color:#000;
}

/*--- dt-list ---*/
dl dt {
	background:url(../images/dt-marker.gif) left 4px no-repeat;
	padding:0px 0 4px 20px;
}
	dl dt a {
		color:#ff8e18;
		text-decoration:none;
		font-weight:bold;
	}
		dl dt a:hover {
			text-decoration:underline;
		}
	dl dd {
		color:#545454;
		padding:0 0 17px 20px;
	}
	
/*---- box ----*/
.box {
	background:url(../images/box-bg.gif) bottom center no-repeat #f5f5f5;
	 border-radius:15px;
	 -moz-border-radius:15px;
	 -webkit-border-radius:15px;
	 behavior:url(http://images.osc4.template-help.com/wt_31141/css/js/PIE.htc);
	 min-height:165px;
	 margin-bottom:15px;
}
	.box .indent {
		padding:33px 25px 0 25px;
	}
		.box-adress {
			font-size:1.0769em;
			line-height:1.5em;
			color:#707070;
			padding:20px 20px 0 20px;
		}
		.box h2 {
			color:#656565;
			padding-bottom:10px;
		}
	
	.box ul {
		padding-top:8px;
	}
	.box li {
		line-height:2.307em;
		background:url(../images/box-marker.png) left 7px no-repeat;
		padding-left:28px;
	}
		.box li a {
			color:#303030;
			text-decoration:none;
			font-weight:bold;
		}
			.box li a:hover {
				text-decoration:underline;
			}
/*--- list ---*/

.list {
}
	.list li {
		background:url(../images/marker.gif) left 10px no-repeat;
		padding-left:20px;
		line-height:1.846em;
	}
		.list li a {
			color:#919191;
		}
		
.spacing {
	letter-spacing:-1px;
}

.border {
	background:url(../images/border-bg.gif) left bottom repeat-x;
	padding-bottom:34px;
	margin-bottom:24px;
}

.contacts span {
	width:85px;
	display:inline-block;
}
/*===== footer =====*/
footer em {
	padding-top:24px;
	display:block;
	color:#6c6c6c;
}
	footer a {
		color:#6c6c6c;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}


/*----- forms -----*/
#subscribe-form fieldset {
	border:none;
}
	#subscribe-form label {
		display:block;
		height:30px;
	}
		#subscribe-form input {
			width:214px;
			padding:4px 0px 3px 5px;
			border:1px solid #e5e5e5;
			line-height:1.2307em;
			background:#fff;
			color:#8c8c8c;
		}
			#subscribe-form a {
				display:inline-block;
				padding:3px 14px;
				background:#656565;
				text-decoration:none;
				color:#fff;
				font-weight:bold;
			}
				#subscribe-form a:hover {
					background:#9b9b9b;
				}

#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:53px;
	}
		#contacts-form input {
			width:225px;
			padding:4px 0px 3px 5px;
			border:1px solid #e4e4e6;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}
		#contacts-form textarea {
			width:225px;
			padding:0px 0px 0px 5px;
			border:1px solid #e4e4e6;
			background:none;
			color:#8c8c8c;
			height:246px;
			overflow:auto;
		}
		#contacts-form .link {
			margin:30px 0 0 15px;
		}

/*==========================================*/
#faded {position:relative; overflow:hidden;}
#faded { width:980px; height:393px;}
a { outline:0; border:0; }

	ul.pagination {
		list-style:none;
		padding:0;
		margin:0;
		z-index:10;
		position:absolute;
		font-size:0; 
		line-height:0;
		top:13px;
		right:13px;
	}
		ul.pagination li {
			float:left;
			padding:0 3px 0 0;
		}
			ul.pagination li a {
				display:block;
				width:21px;
				height:21px;
				background:url(../images/faded-pagination-bg.png) left top no-repeat;
				color:#fff;
				font-size:0;
				text-align:center;
				line-height:0;
				text-decoration:none;
			}
			ul.pagination li.current a {
				background:url(../images/faded-pagination-bg-active.png) left top no-repeat;
				color:#ffb520;
			}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */