/* 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.gif) top center repeat-y; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: #666;
	min-width: 1000px;
}
html, body { height: 100%;}

p { padding-top: 20px; }

.pad {padding: 0 !important; margin-top: -1px;}
.pad1 {padding: 0 !important; margin-top: -9px;}

.top { padding-top: 4px; }
.top1 { padding-top: 16px; }
.top2 { padding-top: 18px; }
.top3 { padding-top: 22px; }
.top4 { padding-top: 24px; }
.top5 { padding-top: 10px !important;
padding-left: 55px;}
.top6 { padding-top: 41px; }

.h-top {padding-top: 59px;}
.h-top1 {padding-top: 67px;}
.h-top2 {padding-top: 72px;}
.h-top3 {padding-top: 69px;}

.row-top {padding-top: 21px;}

.bot { padding-bottom: 74px; }
.bot1 { padding-bottom: 77px; }
.bot2 { padding-bottom: 50px; }
.bot3 { padding-bottom: 28px; }
.bot4 { padding-bottom: 79px; }
.bot5 { padding-bottom: 95px; }

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

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

	/* Header */
	header{
		height: 85px;
		background: url(../images/header-bg.gif) 0 0 repeat-x;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height: 35px;
		background: #fff;
	}
/* 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;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: #666;
}

/*----- other -----*/
.img-indent { margin: 0 15px 0 0; float: left; }
.img-indent1 { margin: 0 29px 0 0; float: left; }
.extra-wrap { overflow: hidden; }

/*=============================================================================== text =====*/
h1 {
	padding: 20px 20 38px 70px; /*40 0 46 18*/
	position: relative;
	padding-top: 73px;
	float: left;
}
	h1 a {
		display: block;
		height: 80px;
		width: 240px;
		text-indent: -5000px;
		background: url(../images/logo.png) left top no-repeat;
	}
h2 {
	font-size: 26px;
	line-height: 1.2em;
	color: #1b1b1b;
	padding: 54px 0px 4px 0px;
	margin: 0px 0px 28px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #dadada;
}
h3 {
	font-size: 36px;
	line-height: 1.2em;
	color: #666;
	padding: 46px 0px 0px 0px;
	margin: 0px 0px 28px 0px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #dadada;
}
	h3 span {
		float: left;
	}
	h3 a {float: left; position: relative;}
	h3 img {margin: 6px 0 0 23px; float: left;}
h4 {
	font-size: 20px;
	line-height: 1.2em;
	color: #6a6a6a;
	padding: 34px 0px 17px 18px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}	


.text {
	font-size: 20px;
	line-height: 1.2em;
	color: #666;
	text-transform: uppercase;
	display: block;
	padding-top: 73px;
}
	.text span {
		display: block;
		margin-top: -4px;
	}

.text1 {
	font-size: 17px;
	line-height: 18px;
	color: #666;
	display: block;
	padding: 6px 0 2px;
}
.text2 {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	display: block;
}
.text3 {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	display: block;
	text-align: left;
	background: url(../images/visto11.png) 0 15px no-repeat;
	padding: 15px 0 0 38px;
}

.line-heihgt {line-height: 20px !important; padding: 5px 0 1px;}

.decoration {text-decoration: none;}

.center {text-align: center;}
	.center img {
		text-align: left;
		padding: 2px 18px 5px 0;
	}

.strong {
	font-size: 13px;
	color: #666;
}
.span {
	font-size: 17px;
	line-height: 1.2307em;
	color: #666;
}
.width {width: 306px;}

.questions {width: 570px;}
	.questions p {padding-top: 19px;}
	.questions .top {padding-top: 5px;}
	
.color {color: #aaa9a9;}
.color1 {color: #ff0000;}
/*=================================================================================================================== header =====*/
.extra {background: url(../images/extra-bg.gif) no-repeat;  width: 100%;}

/*=============================================================================== nav =====*/
nav {
	padding: 0 0 14px 2px;
	width: 100%;
	overflow: hidden;
}
	nav ul {
		float: left;
		padding-top: 35px;
	}
		nav li {
			float: left;
			font-size: 14px;
			line-height: 1.2em;
			background: url(../images/nav-li-bg.gif) 0 0 no-repeat;
			padding-left: 25px;
		}
			nav li a {
				display: block;
				text-transform: uppercase;
				text-decoration: none;
				color: #1b1b1b;
				margin-right: 13px;
			}
				nav li a:hover, nav .active {
					color: #ff0000;
				}
		nav .first {background: none;}
	last {
	padding: 0px 0 38px 18px; /*40 0 46 18*/
	position: relative;
	float: right;
			}
.rss {
	float: right;
	padding: 8px 36px 5px 0;
	margin: 0 19px 0 0;
	background: url(../images/rss-bg.gif) right 0px no-repeat;
	font-size: 14px;
	line-height: 1.2em;
	color: #1b1b1b;
	text-transform: uppercase;
	text-decoration: none;
}
	.rss:hover {color: #ff0000;}


.sliders {
	background: url(../images/sliders-bg.gif) 0 0 repeat-x;
	height: 527px;
}
/*=================================================================================================================== content =====*/
#content .main {width: 950px;}
/*=============================================================================== indents =====*/
.indent {padding: 10px 0px 0px 17px}
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 20px; }
.col-indent1 { padding-right: 24px; }
.col-indent2 { padding-right: 45px; }
.col-indent3 { padding-right: 28px; }
/*=============================================================================== boxes =====*/
.box {
	background: url(../images/box-bg.gif) #141414;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(js/PIE.htc);
	position:relative;
	padding: 20px;
	position:relative;
	width: 910px;
	min-height: 390px;
}
/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list {
	padding: 0 0 26px 0;
}
	.list li {
		font-size: 11px;
		line-height: 30px;
		background: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		behavior: url(js/PIE.htc);
		position: relative;
		cursor: pointer;
		height: 31px;
		width: 140%;
		overflow: hidden;
		text-transform: uppercase;
		color: #545454;
		margin-bottom: -1px;
	}
		.list li:hover {
			background: #ff0000;
		}
		.list li a {
			color: #545454;
			text-decoration: none;
			border-bottom: 1px solid #afafaf;
			margin: 0 10px;
			padding: 0 0 0px 8px;
			display: block;
		}
			.list li:hover a {
				color: #fff;
				border-bottom: none;
			}
	.list .last a {border-bottom: none;}


.list_1 li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 28px;
}
	.list_1 li img {
		float: left;
		margin-right: 14px;
	}
	.list_1 li a {
		font-size: 17px;
		line-height: 1.2307em;
		color: #3a3a3a;
		text-decoration: none;
		display: inline-block;
		padding: 5px 0 0 0;
		margin-bottom: -1px;
	}
	.list_1 li span {
		display: block;
		font-size: 12px;
		line-height: 18px;
		color:#666;
	}
	.list_1 li strong {
		font-weight: normal;
		font-size: 17px;
		line-height: 1.2307em;
		color: #3a3a3a;
		display: inline-block;
		padding: 5px 0 0 0;
		margin-bottom: -1px;
	}
	.list_1 .list-link {
		font-size: 12px;
		line-height: 17px;
		color: #ff0000;
		text-decoration: none;
		padding: 0;
	}

.list_2 {
	padding: 5px 0 0 0;
	position: relative;
}
	.list_2 li {
		font-size: 17px;
		line-height: 20px;
		padding-bottom: 10px;
	}
		.list_2 li a {
			color: #3a3a3a;
			text-decoration: none;
			background: url(../images/visto.png) 0 0px no-repeat;
			display: inline-block;
			padding: 0px 0 0 38px;
		}
			.list_2 li a:hover {
				color: #ff0000;
			}
	.list_2 .border {
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 13px;
		margin-bottom: 14px;
	}
		
.list_3 {
	padding: 5px 0 0 0;
}
	.list_3 li {
		font-size: 17px;
		line-height: 48px;
		background: url(../images/list_3-bg.gif) left bottom repeat-x;
	}
		.list_3 li a {
			color: #3a3a3a;
			text-decoration: none;
		}
			.list_3 li a:hover {
				text-decoration: underline;
			}
	.list_3 .bg1 {
		background: url(../images/list-bg_1.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg2 {
		background: url(../images/list-bg_2.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg3 {
		background: url(../images/list-bg_3.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg4 {
		background: url(../images/list-bg_4.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg5 {
		background: url(../images/list-bg_5.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg6 {
		background: url(../images/list-bg_6.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_1 {
		background: url(../images/list-bg1.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_2 {
		background: url(../images/list-bg2.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_3 {
		background: url(../images/list-bg3.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_4 {
		background: url(../images/list-bg4.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_5 {
		background: url(../images/list-bg5.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_6 {
		background: url(../images/list-bg6.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .last {background: none;}
/*=============================================================================== links =====*/
.link-italic {
	color: #949494;
	font-size: 13px;
	font-style: italic;
}
/*=============================================================================== aside =====*/
#content .row .main {
	width: 984px;
}
.row {background: #d6d6d6;}
/*=============================================================================== contact =====*/
.contact {padding: 7px 0 0 0;}
	.contact span {
		display: inline-block;
		vertical-align:baseline;
		width: 98px;
	}
/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/

/*=============================================================================== footer span =====*/
footer span {
	float: left;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	padding: 8px 0 0 18px;
}
	footer span a {
		text-decoration: none;
		color: #4a4a4a;
	}
	footer span a:hover {text-decoration: underline;}
	
footer .wrapper p {
	float: left;
	padding: 8px 0 0 100px;
	text-align: center;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 11px;
}
/*=============================================================================== menu =====*/
.menu {
	float: right;
	padding: 7px 10px 0 0;
}
	.menu li {
		float: left;
		font-size: 10px; 
		text-transform: uppercase;
		background: url(../images/menu-li-bg.gif) 0 7px no-repeat;
		padding-left: 14px;
	}
		.menu li a {
			color: #a0a0a0;
			margin-right: 10px;
			text-decoration: none;
		}
			.menu li a:hover {text-decoration: underline;}
	.menu .first {background: none;}


#ContactForm {
	padding-top:5px;
}
	#ContactForm label {
		display:block;
		width:100%; 
		height: 68px;
		background:url(../images/ContactForm-label-bg.gif) 0 0 no-repeat; 
		overflow: hidden;
	}
	#ContactForm .link {
		margin:0px 0px 0px 0px;
	}
	#ContactForm input {
		width:483px; 
		height: 16px;
		background:none; 
		border:none;
		color:#9e9e9e;
		padding: 14px 10px;
		color:#9e9e9e;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 1.2307em;
	}
	#ContactForm textarea {
		width:574px; 
		height:211px;
		background:none;
		border:none;
		padding:14px 0px;  
		overflow:auto; 
		color:#9e9e9e; 
	}
	#ContactForm .text {
		background:url(../images/ContactForm-textarea-bg.gif) 0 0 no-repeat;
		border:none;
		width:574px;
		height:240px;
		padding:0px 10px 0px 10px; 
	}
	#ContactForm strong {color: #ff0000; font-weight: normal;}
	#ContactForm a {
		background:url(../images/link-left-bg.gif) left top no-repeat; 
		display:inline-block;
		text-decoration:none;
		margin: 27px 0 0 16px;
		color:#fff; 
		cursor:pointer; 
		font-size:11px;
		text-transform: uppercase;
	}
		#ContactForm a span {
			background:url(../images/link-right-bg.gif) right top no-repeat;
			display:inline-block; 
			padding:0 7px 0 7px;
		}
		#ContactForm a span span  {
			background:url(../images/link-tail-bg.gif) top repeat-x;
			padding:6px 10px 7px 11px;
		}
		#ContactForm a:hover {color:#000;}
/*============= slidesow ===================*/
/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slide {width: 910px !important;}
.slideShow {
	height:390px;
	float: left; 
}

/** navigation **/
.togglePlayback {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.2307em;
	width: 65px;
	display: block;
	text-align: center;
	background: #313131;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	behavior:url(js/PIE.htc);
	padding: 7px 0;
	margin: 0 0 0 7px;
	color: #fff;
}
.slideShow {
	float: left;
	width: 595px;
	height: 390px;
}
.slideShow .navigation {
	position: absolute;
	left: 400px;
	bottom: -49px;
	display: block;
	width: 268px;
	height: 29px;
}
	.slideShow .navigation ul {
		padding: 0px 0 0 4px;
	}
	.slideShow .navigation li {
		float:left;
		padding-right:4px;
	}
	.slideShow .navigation .page:hover,
	.slideShow .navigation .page.selected {
		background:url(../images/pagination-bg-active.gif) left top no-repeat;
	}
	.slideShow .page {
		display:block;
		width:25px;
		height:24px;
		font-size:0;
		line-height:0;
		text-decoration:none;
		background:url(../images/pagination-bg.gif) left top no-repeat;
		color:#fff;
		
	}
.slides {
	height:317px;
	width: 100%;
} 
	.slide {
		width: 100%;
		overflow: hidden;
	}
	.slide img {
		float: left;
	}
	.slide .fright {
		width: 289px;
		background: #ff0000;
		border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		-webkit-border-radius: 0 6px 6px 0;
		position: relative;
		behavior:url(js/PIE.htc);
		height: 305px;
		float: right;
		padding: 85px 0 0 26px;
		font-size: 34px;
		line-height: 1.2em;
		color: white;
		text-transform: uppercase;
	}
		.slide .fright strong {
			display: block;
			padding-bottom: 29px;
		}
		.slide .fright span {
			display: block;
			margin-top: -11px;
		}
		.slide .fright a {
			display: block;
			width: 140px;
			background: #fff;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			position: relative;
			behavior:url(js/PIE.htc);
			font-size: 14px;
			line-height: 1.2em;
			color: #1d1d1d;
			text-align: center;
			text-decoration: none;
			padding: 14px 0;
		}
			.slide .fright a:hover {
	background: #1d1d1d;
	color: #fff;
	font-size: 12px;
			}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */