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


p {padding-top:18px;}

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

h1 {
	float:left;
	padding-top:22px;
}
	h1 a {
		text-indent:-5000px;
		width:227px;
		height:74px;
		display:block;
		background:url(../images/logo.gif) left top no-repeat;
	}
	
h2, h5 {
	font-size:2.153em;
	color:#393939;
	line-height:1.2307em;
	text-transform:uppercase;
	padding:32px 0 18px 0;
}
	.h2-pad {
		padding-bottom:15px;
	}
	.h2-pad1 {
		padding-bottom:10px;
	}
	.h2-top {
		padding-top:0
	}
	.h2-top1 {
		padding-top:22px
	}
		h5 {
			padding-top:22px;
		}
	
h3 {
	font-size:1.9375em;
	line-height:1.2307em;
	color:#282828;
	padding:29px 0 22px 0;
	text-transform:uppercase;
}
	h3 em {
		font-size:1.677em;
		line-height:1.2307em;
		color:#15596d;
		display:block;
		margin-bottom:-10px;
	}
		h3 strong {
			display:block;
			margin-top:-8px;
		}
		
h4 {
	font-size:2em;
	line-height:1.2307em;
	color:#393939;
	text-transform:uppercase;
	padding:10px 0 16px 60px;
}
	h4 strong {
		display:block;
		margin-top:-8px;
	}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position: relative;
	width: 928px; }

	/* Header */
	header{
		height:148px;
		background:url(../images/heade-bg.gif) left 117px repeat-x #fff;
	}
		#page1 header {
			height:575px;
		}
		
	/* Footer */
	footer{
		height:127px;
	}
		#page1 footer {
			height:102px;
		}
/* 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 16px 0 0; 
	float:left;
}
.img-indent1 { 
	margin:0 0 0 12px; 
	float:right;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/
.header-col {
	float:right;
	width:642px;
}
	.clock {
		text-align:left;
		padding-top:15px;
		padding-left:16px;
		font-size:0.769em;
		line-height:2.6em;
		background:url(../images/clock.gif) left 22px no-repeat;
		width:252px;
		float:right;
	}
		.clock span {
			display:inline-block;
		}

nav {
	padding:15px 0 61px 0;
}
	nav ul {
		width:100%;
		height:54px;
		overflow:visible;
	}
		nav li {
			float:left;
			padding-left:1px;
			font-size:1.2307em;
			line-height:1.2307em;
			position:relative;
		}
			nav li a {				
				text-decoration: none;
				color: #000;
				display: table-cell;
				width: 106px;
				height: 54px;
				background: #ececec;
				text-align: center;
				vertical-align: middle;
			}
				nav li > a:hover, nav .active > a {
					background:#282828;
					color:#fff;
				}
					
					nav ul li:hover ul {
						display:block;
					}
					
					nav ul li ul {
						display:none;
						position:absolute;
						left:0px;
						top:54px;						
					}
					
					nav ul li ul li {
						z-index:99;
						width:200px;
						float:none;						
					}
					
					nav ul li ul li a {
						font-size:14px;
						text-align:left;
						padding:3px 10px;
						width:100%;
						height:auto;
						display:block;
						border-top:1px solid #ccc;
						background:#282828;
						color:#ccc;
					}

.slogan {
	float:left;	
	width:272px;
	color:#b5b5b5;
	font-size:1.2307em;
	line-height:1.375em;
}
	.slogan a {
		font-size:0.8125em;
		line-height:1.2307em;
		color:#fff;
		text-decoration:none;
		display:inline-block;
		border-radius: 4px;
		 -moz-border-radius: 4px;
		 -webkit-border-radius: 4px;
		 behavior: url(js/PIE.htc);
		 position: relative;
		 padding: 8px 7px 8px 7px;
		 background:#15596d;
		 margin:28px 7px 0 0;
	}
		.slogan .slogan-link {
			background:#282828;
		}
			.slogan a:hover {
				background:#1e748e;
			}
			.slogan .slogan-link:hover {
				color:#a9a9a9;
			}
.header-img {
	float:right;
}

.block {
	border-bottom:4px solid #ededed;
	padding-bottom:25px;
}
/*===== content =====*/
#content {
	background:#fff;
}

.col-pad {
	padding-right:46px;
}

.col-pad1 {
	padding-right:21px;
}
.col-pad2 {
	padding-right:38px;
}

.indent {
	padding:22px 0 66px 0;
}
	.inside {
		padding:0px 0 66px 0;
	}
	
	.inside h4 {
		margin-top:12px;
	}

/*----- list -----*/
.list {
}
	.list li {
		background:url(../images/list-li-bg.gif) left bottom repeat-x;
		font-size:1em;
		line-height:2.3846em;
	}
		.list li a {
			text-decoration:none;
			display:inline-block;
			padding-left:11px;
			background:url(../images/list-a-bg.gif) left 13px no-repeat;
			color:#404040;
			font-weight:bold;
			vertical-align:baseline;
		}
			.list li a:hover {
				color:#8c8c8c;
			}			
/*----*/

/*--------- list1 ---------*/
.list1 {
}
	.list1 li {
		background:url(../images/list1-bg.gif) left 10px no-repeat;
		line-height:2.1538em;
		padding-left:14px;
	}
		.list1 li a {
			color:#171717;
		}
/*--------*/
/*--------- list2 ---------*/
.list2 {
}
	.list2 li {
		width:100%;
		overflow:hidden;
		background:url(../images/list2-li-bg.gif) left bottom repeat-x;
		padding-bottom:16px;
		margin-bottom:16px;
	}
		.list2 strong {
			color:#404040;
			display:block;
			font-size:1.3846em;
			line-height:1.23em;
			font-weight:normal;
			padding:10px 0 0 0;
		}
		.list2 li img {
			float:left;
			margin-right:20px;
		}
		.list2 li a {
			color:#f51303;
		}
			.list2.right li img {
				float:right;
				margin:0 0 0 10px;
			}
		.list2 .last {
			background:none;
			padding:0;
			margin:0;
		}
/*--------*/
.icon1 {
	background:url(../images/icon1.jpg) left 14px no-repeat;
}
.icon2 {
	background:url(../images/icon2.jpg) left 14px no-repeat;
}
.icon3 {
	background:url(../images/icon3.jpg) left 14px no-repeat;
	padding-left:66px;
}

.font {
	font-size:0.923em;
	line-height:1.5em;
}

.color {
	color:#f21301;
}
.color1 {
	color:#404040;
}

.border {
	background:url(../images/border-bg.gif) left bottom repeat-x;
	padding-bottom:42px;
}
	.border1 {
		background:url(../images/border-bg.gif) left bottom repeat-x;
		padding-bottom:28px;
	}
	.border-pad {
		padding-bottom:38px
	}
/*------ pad --------*/
.pad {
	padding-top:28px;
}
.pad1 {
	padding-top:15px;
}
.pad2 {
	padding-top:7px;
}

/*---- link -----*/
.link {
	display:inline-block;
	background:#15596d;
	border-radius: 5px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 behavior: url(js/PIE.htc);
	 position: relative;
	 padding: 6px 7px 6px 8px;
	 margin-top:20px;
	 color:#fff;
	 text-decoration:none;
}
	.link:hover {
		background:#1e748e;
	}
	.link-margin {
		margin-top:16px;
	}
	.link-margin1 {
		margin-top:10px;
	}
	.link-margin2 {
		margin-top:28px;
	}

/*---*/

.sub-col {
	width:200px;
	float:left;
}

.text {
	font-size:1.3846em;
	line-height:1.2307em;
	font-weight:normal;
	color:#404040;
}


.adress {
	width:200px;
	overflow:hidden;
}
	.adress span {
		float:right;
	}
		.adress strong {
			color:#404040;
		}
			.adress a {
				color:#404040;
				text-decoration:none;
			}
				.adress a:hover {
					text-decoration:underline;
				}
/*===== footer =====*/
footer {
	font-size:0.92em;
	line-height:1.5em;
	color:#323232;
}
.footer-col-1 {
	float:left;
	width:255px;
}
	.footer-col-1 a {
		text-decoration:none;
	}
		.footer-col-1 a:hover {
			text-decoration:underline;
		}
.footer-col-2 {
	float:right;
	width:598px;
}
	.socials {
		padding:25px 0 2px 0;
	}
		.socials a {
			display:inline-block;
			margin-right:16px;
		}
footer .alignright {
	padding-top:35px;
	color:#818181;
}

.menu {
	padding-top:5px;
}
	.menu ul {
		width:100%;
		overflow:hidden;
	}
		.menu li {
			float:left;
			background:url(../images/menu-li-bg.gif) left 5px no-repeat;
			padding:0 10px 0 11px;
		}
			.menu li a {
				text-decoration:none;
				color:#323232;
			}
				.menu li a:hover, .menu .active a {
					color:#15596d;
					text-decoration:underline;
				}
	.menu .first {
		background:none;
		padding-left:0;
	}
	.menu .last {
		padding-right:0;
	}
	

/*----- forms -----*/
#contact-form,
#subscribe-form {
	background:url(../images/subscribe-form-bg.gif) left top no-repeat #292929;
	border-radius: 4px;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 box-shadow: 0px 2px 4px #292929;
	 -moz-box-shadow: 0px 2px 4px #292929;
	 -webkit-box-shadow: 0px 2px 4px #292929;
	 behavior: url(js/PIE.htc);
	 position: relative;
	 padding: 27px 25px 31px 25px;
}
	#contact-form strong,
	#subscribe-form strong {
		font-size:2em;
		line-height:1.2307em;
		text-transform:uppercase;
		color:#fff;
		padding:0 0 20px 0;
		display:block;
		margin-left:-5px;
	}

		#contact-form fieldset,
		#subscribe-form fieldset {
			border:none;
		}
			#subscribe-form label {
				display:block;
				height:37px;
				overflow:hidden;
				background:url(../images/subscribe-input-bg.gif) no-repeat 0 0;
				vertical-align:top;
			}
				#subscribe-form input {
					width:178px;
					padding:4px 0px 3px 0px;
					border:none;
					margin:0 4px 0 8px;
					line-height:1.2307em;
					font-size:0.92em;
					background:none;
					color:#404040;
				}
					#contact-form a,
					#subscribe-form a {
						color:#fff;
						display:inline-block;
						margin-top:7px;
						border-radius: 4px;
						 -moz-border-radius: 4px;
						 -webkit-border-radius: 4px;
						 behavior: url(js/PIE.htc);
						 position: relative;
						 padding: 6px 5px 6px 5px;
						 background:url(../images/png-bg.gif) repeat;
					}
						#contact-form a:hover,
						#subscribe-form a:hover {
							background:url(../images/subscribe-link-bg.gif) left top repeat-x #e3e3e3;
							color:#1c1c1c;
							text-decoration:none;
						}
		
		
#contacts-form fieldset {
	border:none;
	padding-top:5px;
}
	#contacts-form label {
		display:block;
		height:45px;
	}
		#contacts-form input {
			width:223px;
			padding:11px 0px 11px 10px;
			border:none;
			line-height:1.2307em;
			background:#ececec;
			color:#404040;
		}
		#contacts-form textarea {
			width:223px;
			padding:10px 0px 0px 10px;
			border:none;
			background:#ececec;
			color:#404040;
			height:380px;
			overflow:auto;
		}
		#contacts-form .link {
			margin:25px 8px 0 0;
		}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
.slider-wrapper {
	position:relative;
	float:right;
}

.nivoSlider {
    position:relative;
    background:url('../images/loading.gif') no-repeat 50% 50%;
	width:621px;
	height:320px;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

.wrapper.overflow-vis {
	overflow:visible;
	height:178px;
}

.logo {
	position:relative;
	margin-top:22px;
	width:227px;
	height:91px;
	background:#ffffff url('../images/logo.png') center center no-repeat;
}

.logo a {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:1;
	width:227px;
	height:91px;
	background:url('../images/clear.png');
}

.logo .back {
	position:relative;
	z-index:0;
}

#page3 .col-1 {
	padding-top:22px;
}

#contact-form label {
	margin-bottom:5px;
	display:block;
}

#contact-form textarea,
#contact-form input {
	width:178px;
	padding:3px;
	color:#404040;
	border:1px solid #ccc;
}

#contact-form textarea {
	resize:none;
	overflow:visible;
	height:200px;
}