/* 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:#171819; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:16px;
	color:#979797;
}
html, body { height:100%;}


p {padding-top:16px;}

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

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position: relative;
	width:960px; }

	/* Header */
	header{
		height:548px;
		background:url(../images/bg-top.png) center top no-repeat;
		width:100%;
		padding-top:22px;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
	}
/* Left & Right alignment */

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

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

.block {height:40px;}
.extra {
 min-height:100%;
 margin: 0 auto -40px;
 position:relative;
 z-index:20;
}

h1 {
	position:relative;
	padding:36px 0px 30px 36px;
	float:left;
	width:329px
	
}
	h1 a {
		display:block;
		text-indent:-5000px;
		width:325px;
		height:65px;
		background:url(../images/logo.png) left top no-repeat;
	}
.bg { background:url(../images/bg.jpg) center top repeat-y; width:100%;}
.body-bg-top { background:url(../images/body-tail-top.gif) left top repeat-x; width:100%;}



h2 { font-size:26px; line-height:1.2em; padding:13px 0 0 33px;}
.h2-pad { padding:24px 0 0 36px;} 
.h2-pad1 { padding:24px 0 0 33px;} 


h3 { font-size:30px; line-height:1.2em; padding:24px 0 0 36px;}
h3 span { text-transform:uppercase;}
.h3-pad {padding:24px 0 0 33px; }

h4 { font-size:26px; line-height:1.2em; color:#000; padding:30px 0 0 33px;}
h4 span { display:inline-block; margin-top:-7px;}
.h4-pad {  padding:27px 0 0 33px;}

/*===== header =====*/
.call { background:url(../images/call.png) left 66px no-repeat; float:right; padding:71px 25px 0 21px; font-size:14px; line-height:18px; color:#FFFFFF;}

nav { height:51px;margin:0 2px 0 0; position:relative; z-index:10; padding-bottom:13px;}
nav ul { overflow:hidden; width:100%;}
nav li { float:left; text-transform:uppercase; font-size:15px; line-height:1.2em; text-align:center; background:url(../images/nav-bg.png) 0 0 no-repeat;}
nav li a { color:#252525; text-decoration:none; display:inline-block; width:160px; height:34px;  padding-top:16px;}
nav li a:hover , nav .active a { background:url(../images/bg-a-hover.gif) repeat-x 0 0; color:#fff;}

nav .first { width:159px; background:url(../images/first-bg-a.png) left top no-repeat;}
nav .first a:hover , .active1 a  { background:url(../images/first-bg-a-hover.png) left top no-repeat; color:#fff;}
nav .last {width:159px; background:url(../images/last-bg.png) left top no-repeat; }
nav .last a:hover , .active2 a{ background:url(../images/last-bg-hover.png) left top no-repeat;color:#fff;}

.absolute { position:absolute; left:-60px; top:100px; z-index:1;}
.box { background:url(../images/box.png) left top repeat; height:367px;  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(js/PIE.htc); position: relative; margin-right:1px;}

.slider { padding:5px 0 0 35px;}
.slider span { font-size:14px; line-height:18px; display:inline-block; color:#FFF; text-decoration:none; padding:276px 0 0 21px;}
.slider strong { font-size:12px; display:block;}
.img1 { background:url(../images/img1.png) left top no-repeat; width:919px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img2 { background:url(../images/img2.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img3 { background:url(../images/img3.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img4 { background:url(../images/img4.png) left top no-repeat; width:219px; height:357px; display:inline-block; float:left;}

.img5 { background:url(../images/img5.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img6 { background:url(../images/img6.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img7 { background:url(../images/img7.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img8 { background:url(../images/img8.png) left top no-repeat; width:219px; height:357px; display:inline-block; float:left;}

.img9 { background:url(../images/img9.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img10 { background:url(../images/img10.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img11 { background:url(../images/img11.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img12 { background:url(../images/img12.png) left top no-repeat; width:219px; height:357px; display:inline-block; float:left;}

.img13 { background:url(../images/img13.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img14 { background:url(../images/img14.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img15 { background:url(../images/img15.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img16 { background:url(../images/img16.png) left top no-repeat; width:219px; height:357px; display:inline-block; float:left;}

.img17 { background:url(../images/img17.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img18 { background:url(../images/img18.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img19 { background:url(../images/img19.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img20 { background:url(../images/img20.png) left top no-repeat; width:219px; height:357px; display:inline-block; float:left;}

.img21 { background:url(../images/img21.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img22 { background:url(../images/img22.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img23 { background:url(../images/img23.png) left top no-repeat; width:219px; height:357px; display:inline-block; margin-right:5px; float:left;}
.img24 { background:url(../images/img24.png) left top no-repeat; width:219px; height:357px; display:inline-block; float:left;}

.slider a { background:url(../images/marker-1.gif) right 14px no-repeat; padding-right:8px; display:inline-block; font-size:10px; line-height:18px; color:#fab218; text-transform:uppercase; padding-top:7px;}
/*===== content =====*/
.box-1 { background:url(../images/box-1.png) left top repeat;  min-height:54px;  border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; behavior: url(js/PIE.htc); position: relative;}
.box-2 { background:url(../images/box-2.png) left top repeat; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; behavior: url(js/PIE.htc); position: relative; padding-bottom:36px;}
.box-3 { background:url(../images/box-1.png) left top repeat; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(js/PIE.htc); position: relative;}
.box-4 { background:url(../images/box-3.png) left top repeat;  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(js/PIE.htc); position: relative;}
.box-5 { background:url(../images/box-2.png) left top repeat; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; behavior: url(js/PIE.htc); position: relative; padding-bottom:25px;}
.divider { background:url(../images/divider.gif) 315px 0px repeat-y; }
.divider1 { background:url(../images/divider.gif) 604px 0px repeat-y; }
.divider2 { background:url(../images/divider.gif) 295px 0px repeat-y; }



.box-indent { padding:13px 0 0 32px;}
.box-indent1 { padding:20px 23px 9px 33px;}
.box-indent2 { padding:16px 30px 43px 33px;}
.box-indent3 { padding:17px 28px 1px 33px;}

.indent { padding:17px 28px 26px 36px;}
.indent1 { padding:17px 0px 32px 35px;}
.indent2 { padding:15px 28px 52px 33px;}
.indent3 { padding:11px 28px 30px 36px;}
.indent4 { padding:15px 28px 26px 33px;}


.col-indent { padding:3px 21px 0 21px;}
.col-indent1 { padding:10px 21px 42px 33px;}
.col-indent2 { padding:15px 23px 29px 33px;}

.pad-bot { padding-bottom:3px;}
.pad-bot1 { padding-bottom:25px;}
.pad-bot2 { padding-bottom:1px;}


.pad-left { padding-left:1px;}
.pad-left1 { padding-left:4px;}

.img-right { margin-right:5px; float:left;}

.pad { padding-top:7px;}
.pad1 { padding-top:27px;}
.pad2 { padding-top:18px;}
.pad3 { padding-top:23px;}

.top { padding-top:5px;}
.top1 { padding-top:19px;}
.top2 { padding-top:11px;}
.top3 { padding-top:13px;}

.policy-top { padding-top:14px;}
.policy-indent { padding:0px 30px 29px 34px; margin-top:-1px;}
.policy-indent a { text-decoration:none;}
.policy-indent a:hover { text-decoration:underline;}

.img-top { padding-top:35px;}
.img-top1 { padding-top:39px;}
.img-top2 { padding-top:2px;}

.img-marg { margin-top:3px;}

.top-data { display:inline-block; padding-top:4px;}

.title { color:#FFF;}
.title1 { color:#fab218;}
.title2 { color:#fab218; font-size:14px; line-height:16px; display:inline-block; }

.color1 { color:#FFF; font-size:14px; line-height:16px; display:inline-block; padding-right:5px;}
.color2 { color:#000;}

.link { font-size:10px; line-height:18px; text-decoration:underline; color:#FFF; display:inline-block; margin-right:9px; text-transform:uppercase; background:url(../images/link.gif) right 7px no-repeat; padding-right:8px; }
.link:hover { text-decoration:none;}
.link-top { margin-top:7px; }
.link-top1 { margin-top:14px;}

.link2 { color:#000; background:url(../images/marker.gif) right 7px no-repeat;font-size:10px; line-height:18px;text-decoration:underline;display:inline-block; margin-right:9px; margin-top:7px; text-transform:uppercase; padding-right:8px; }
.link2:hover { text-decoration:none;}

.link1 { font-size:17px; line-height:30px; text-decoration:none; color:#363738; display:block; padding:0px 0px 0px 30px; background:url(../images/link-left.png) left top no-repeat; height:33px; margin-bottom:2px;}
.link1 span { display:block; background:url(../images/link-tail.png) left top repeat-x; padding:0px 0px 0px 7px; height:33px; margin-right:-4px;}
.link1 span span { background:url(../images/link-right.png) right top no-repeat; padding:0px 14px 0px 0px;height:33px;}
.link1:hover { color:#000;}
	.list li {
		font-size:12px;
		line-height:24px;
		padding-left:11px;
		font-weight:bold;
		margin-left:1px;
		background:url(../images/marker.gif) left 10px no-repeat;
		height:1%;
		
	}
		.list li a {
			color:#000;
			text-decoration:none;
		}
			.list li a:hover {
				text-decoration:underline;
			}
			.list-pad { padding-right:37px;}
			
	.list1 li {
		font-size:12px;
		line-height:24px;
		padding-left:11px;
		font-weight:bold;
		background:url(../images/marker1.gif) left 10px no-repeat;
		height:1%;
		
	}
		.list1 li a {
			color:#fff;
			text-decoration:none;
		}
			.list1 li a:hover {
				text-decoration:underline;
			}		
			
.contact { color:#000; font-size:12px; line-height:16px; font-weight:bold; padding:18px 0 7px 0;}
.contact span { display:inline-block; width:93px;}
.contact em { display:inline-block; font-style:normal; line-height:16px;}
.contact a { color:#000; padding-left:36px;}

.contact1 {color:#979797; font-size:12px; line-height:16px; padding:7px 0 2px 3px;}
.contact1 strong { color:#FFF; display:block;}
.contact1 span { display:inline-block; width:67px;}
.contact1 em { display:inline-block; font-style:normal; line-height:16px;}
.contact1 a { color:#fab218;}

/*===== footer =====*/
.policy { font-size:14px; line-height:20px; color:#fff; float:right; padding:10px 29px 38px 0;}
.policy a { font-size:12px; font-weight:bold; text-decoration:none; color:#fff;}
.policy a span { font-size:14px; font-weight:normal;}
.policy a:hover span  { text-decoration:underline;}
/*----- forms -----*/
#contacts-form span { text-transform:uppercase; display:block; padding-bottom:6px;}
#contacts-form fieldset {
	border:none;
	padding:33px 0 0 0;
}
	#contacts-form strong {
		display:inline-block;
		height:48px;
	
	}
		#contacts-form input {
			width:289px;
			height:16px;
			padding:5px 5px 5px 5px;
			border:1px solid #515152;
			line-height:1.2307em;
			background:url(../images/form-bg.png) left top repeat;
			color:#000;
			border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			 behavior: url(js/PIE.htc);
			 position: relative;
			 
		}
		#contacts-form .textarea-box {
			background:none;
			overflow:hidden;
		}
		#contacts-form textarea {
			width:289px;
			padding:5px 5px 5px 5px;
			border:1px solid #515152;
			background:url(../images/form-bg.png) left top repeat;
			color:#000;
			height:226px;
			overflow:auto;
			border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			 behavior: url(js/PIE.htc);
			 position: relative;
		}
		#contacts-form .link {
			margin-top:33px;
		}

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