/* 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:#f0f0f0; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%; 
	color:#626262;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:18px;}

h1 {
	position:relative;
	padding:0px 0 0px 0;
	float:left;
	
}
	h1 a {
		text-indent:-5000px;
		width:241px;
		height:70px;
		background:url(../images/logo.jpg) left top no-repeat;
		overflow:hidden;
		display:block;
	}

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

h2{
	color:#353535;
	font-size:24px;
	line-height:1.23em;
	text-transform:uppercase;
	padding:8px 0 0 0;
}
h3{
	color:#5b5b5b;
	font-size:22px;
	line-height:1.23em;
	text-transform:uppercase;
	margin-bottom:3px;
}

h3 em{display:block;margin-top:-3px;}


/* Global Structure ============================================================= */
.extra{
	background:#fff;
	width:1060px;
	margin: 0 auto;
	position: relative;
	}

.main {
	margin: 0 auto;
	position: relative;
	width: 980px;
	font-size:0.75em;
	line-height:1.5em;
	}

	/* Header */
	header{
		height:602px;
	}
	header .row-1{height:96px;padding-top:79px;width:100%;}
	header .row-2{height:358px;width:100%;}
	header .row-2 .colump-1{width:275px;float:left;position:relative;background:url(../images/row-2-bg.gif) left top repeat;margin-left:1px;height:358px;}
	
		.slogan{padding:129px 0 0 30px;font-size:24px;line-height:1.23em;text-transform:uppercase;color:#fff;}
		#page4 .slogan, #page8 .slogan{padding:108px 0 0 30px;}
			.slogan strong{font-size:30px;display:block;}
			.slogan em{display:block;font-style:normal;}
	header .row-2 .colump-2{width:704px;float:left;}
	nav{
	padding:0 0 0 0px;
	position:relative;
	height:69px;
	background:url(../images/nav-ul-bg.gif) left top repeat-x;
	width:100%;
	}
	nav ul{
		overflow:hidden;
	}
	nav ul li {
		float:left;
		font-size:18px;
		line-height:24px;
		width:140px;
		text-align:center;
		background:url(../images/li-bg.gif) left top no-repeat;
		
	}
	nav ul li a{		
		text-decoration:none;
		color:#1c1c1c;
		display:inline-block;
		width:140px;
		text-align:center;
		padding:25px 0 38px 0;
		
	}
		nav ul li.first{background:none;}
	nav ul a:hover, nav ul a.active{background:url(../images/nav-a-hover-bg.gif) left top no-repeat;color:#fdfdfd;padding:22px 0 41px 0;}
	
/*==========================================*/
	.scroll-container{position:relative;}
	.scroll-container1{position:relative;overflow:hidden;}
	.bot {
	height:18px;
	position:absolute;
	left:0;
	bottom:21px;
	width:100%;
	background:url(../images/container-bg.gif) 0 0 repeat;
	z-index:1;
	display:block;
	}
	.bot1 {
	height:21px;
	position:absolute;
	left:44px;
	bottom:0px;
	width:267px;
	background:url(../images/container-bg.gif) 0 0 repeat;
	z-index:1;
	display:block;
	}
	#page1 .bot1, #page3 .bot1, #page6 .bot1{width:509px}
	.bot2 {
	height:21px;
	position:absolute;
	left:44px;
	bottom:0px;
	width:238px;
	background:url(../images/container-bg.gif) 0 0 repeat;
	z-index:1;
	display:block;
	}
	.bot3 {
	height:18px;
	position:absolute;
	right:0px;
	bottom:21px;
	width:348px;
	background:url(../images/container-bg.gif) 0 0 repeat;
	z-index:1;
	display:block;
	}
	.bot4 {
	height:21px;
	position:absolute;
	right:0px;
	bottom:0px;
	width:305px;
	background:url(../images/container-bg.gif) 0 0 repeat;
	z-index:1;
	display:block;
	}
	
	.inside{position:relative}
	.scroll-pane {
	width:100%;
	height:264px;
	overflow:auto;
	position:relative;
}
	.scroll-pane1 {
	width:347px;
	height:150px;
	overflow:auto;
	position:relative;
	float:left;
	
}
	#page2 .scroll-pane{
		height:606px;
		}
	#page3 .scroll-pane{
		height:276px;
		}
	#page4 .scroll-pane {
	height:285px;
	}
	#page5 .scroll-pane {
	height:606px;
	}
	#page6 .scroll-pane {
	height:279px;
	}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/scroll.gif) no-repeat center top;
	display:none;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url(../images/drag.gif) no-repeat center top;
	height:59px;
	width:21px;
	display:none;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 999;
	bottom: 0;
	left: 0px;
	text-indent: -2000px;
	overflow: hidden;
	height:21px;
	width:22px;
	background:url(../images/butt-1-bg.gif) no-repeat left top;
}

a.jScrollArrowUp:hover {
	background-position:0 0 ;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 999;
	bottom: 0;
	left: 22px;
	text-indent: -2000px;
	overflow: hidden;
	height:21px;
	width:22px;
	background:url(../images/butt-2-bg.gif) no-repeat 0 0;
}

a.jScrollArrowDown:hover {
	
}



	/* Content */
	section#content {
		
	}
	.indent{padding:32px 0 3px 1px;}
	.indent1{padding:26px 0 0 0;}
	.indent2{padding:35px 0 28px 29px;}
	#page3 .indent2{padding:35px 0 42px 29px;}
	#page6 .indent2{padding:35px 0 39px 29px;}
	.indent-bottom{padding:0 0 32px 0;}
	#page7 .indent-bottom{padding:0 0 29px 0;}
	#page8 .indent-bottom{padding:0 0 36px 0;}
	
	.border{background:url(../images/border-bg.gif) left bottom repeat-x;padding-bottom:5px;overflow:hidden;}
	.border1{background:url(../images/border-bg.gif) left bottom repeat-x;padding-bottom:12px;overflow:hidden;}
	
	.color1{color:#353535;}
	.color2{color:#000;}
	.color3{color:#626262;}
	
	.link{
		color:#5d5d5d;
		text-decoration:none;
		display:inline-block;
		font-size:12px;
		line-height:18px;
		padding:4px 6px;
		letter-spacing:-1px;
		background:url(../images/link-bg.gif) left top repeat-x #f2f2f2;
		border-radius:5px;
		 -moz-border-radius:5px;
		 -webkit-border-radius:5px;
		 behavior: url(js/PIE.htc);
		 position: relative;
		 border:#efefef 1px solid;
		 border-bottom:none;
		}
		.link:hover{background:#f6c100; border:#f69d00 1px solid;border-bottom:none;}
		
	.link-1{color:#000;display:inline-block;font-weight:bold;}
	
	.butt-1{
		width:21px;
		height:21px;
		background:url(../images/butt-1-bg.gif) left top no-repeat;
		float:left;
		}
	.butt-2{
		width:21px;
		height:21px;
		background:url(../images/butt-2-bg.gif) left top no-repeat;
		float:left;
		}
	
	.top{padding-top:20px;}
	.top1{padding-top:11px;}
	.top2{padding-top:29px;}
	.top3{padding-top:36px;}
	.top4{padding-top:15px;}
	.top5{padding-top:26px;}
	
	.bottom{padding-bottom:3px;}
	.bottom1{padding-bottom:4px;}
	.bottom2{padding-bottom:13px;}
	.bottom3{padding-bottom:1px;}
	.bottom4{padding-bottom:2px;}
	.bottom5{padding-bottom:8px;}
	
	.marg-top{margin-top:-1px;}
	.marg-top1{margin-top:-3px;}
	
	.marg-top-pl{margin-top:1px;}
	
	.marg-right-pl{margin-right:1px;}
	.marg-right-pl1{margin-right:5px;}
	
	.marg-left-pl{margin-left:1px;}
	
	
	.container{background:url(../images/container-bg.gif) left top repeat;overflow:hidden;}
		.container .indent{padding:34px 2px 30px 30px;}
		#page5 .container .indent{padding:34px 6px 30px 30px;}
		
	dl{padding-top:18px;}
	dl dt{}
	dl span {float:left; width:91px;}
	dl a{color:#626262;}
		
	/* Footer */
	footer{
		height:183px;
		padding-left:1px;
	}
	footer .inner{
		border-top:#d9d9d9 2px solid;
		color:#7e7e7e;
		padding:12px 50px 0 1px;
	}
	.link-footer{color:#7e7e7e;text-decoration:none;}
		.link-footer:hover{text-decoration:underline;}
	.text{
		font-size:24px;
		line-height:36px;
		font-family:Verdana, Geneva, sans-serif;
		color:#434343;
		font-weight:normal;
		display:inline-block;
		}
	.text1{
		display:inline-block;
		padding:13px 0 0 2px;
		font-family:Arial, Helvetica, sans-serif;
		}
	.text2{
		color:#6b7181;
		font-size:12px;
		line-height:21px;
		}
	.text3{
	color:#303030;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	display:block;
	padding-left:8px;
	}
	.list-1{padding:2px 0 6px 0;overflow:hidden;}	
	.list-1 li{
		float:left;
		padding-right:4px;
		}
	.list{padding:13px 0 0 0;}
	.list li{	
			line-height:28px;
			font-size:12px;
		}
	.list li a{
			color:#a4a4a4;
			background:url(../images/list-a-bg.gif) left 3px no-repeat;
			display:inline-block;
			padding-left:18px;
			text-decoration:none;
			width:88px;
		}
	.list li a:hover, .list li a.active{color:#fff;background:url(../images/list-a-bg-hover.gif) left 3px no-repeat #f69d00;}
	
	.list-2 li{	
			background:url(../images/marker.gif) left 12px no-repeat;
			line-height:30px;
			padding-left:28px;
			font-size:12px;
			}
			.list-2 li a{color:#626262;text-decoration:none;}
				.list-2 li a:hover{color:#F93;text-decoration:underline;}
/* Left & Right alignment */

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

.col-1, .col-2, .col-3, .col-4 { float:left;}
.col-pad{padding-right:24px;}
.col-pad1{padding-right:35px;}
.col-pad2{padding-right:32px;}
.col-pad3{padding-right:26px;}
.col-pad5{padding-right:10px;}
#page4 .col-pad3{padding-right:28px;}
#page7 .col-pad3{padding-right:28px;}
.col-pad4{padding-right:38px;}

footer .col-1{width:310px;}

.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 9px 0 0; 
	float:left;
}
.img-indent1 { 
	margin:0 21px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/
header .box{
	color:#747474;
	font-size:18px;
	line-height:24px;
	text-transform:uppercase;
	float:left;
	background:url(../images/header-box-bg.gif) right 20px no-repeat;
	padding:24px 39px 2px 108px;
}

/*===== content =====*/
#content {
	
}

/*===== footer =====*/
#footer {

}


/*----- forms -----*/
#form-search{padding:20px 0 0px 0px;float:right;width:243px;}

#form-search label {display:block; height:29px;color:#616161;text-transform:uppercase;font-size:10px;line-height:30px;}
#form-search .input {
	float:right;
	width:146px;
	padding:0 9px;
	height:29px;
	overflow:hidden;
	background:#e0e0e0;
	border-radius:12px 0 0 13px;
	-moz-border-radius:12px 0 0 13px;
	-webkit-border-radius:12px 0 0 13px;
	behavior: url(js/PIE.htc);
	position: relative;
	}
#form-search input {width:146px;padding:5px 0;border:0; background:none;font-size:12px;}
#form-search a{float:right;background:url(../images/link-search-bg.gif) left top no-repeat;width:29px;height:29px;}
#form-search strong{float:left;font-weight:normal;}
/*==========================================*/
#form-main{width:304px;padding:26px 0 0px 1px;}
#form-main label {display:block; height:45px;}
#form-main .input {
	display:block;
	width:291px;
	padding:0 5px;
	height:21px;
	background:#fff;
	border:#ced0d3 1px solid;
	margin-top:-1px;
	}

#form-main input {width:291px;padding:4px 0;border:0; background:none;margin-top:-1px;}
#form-main .area {
	display:block;
	width:291px;
	padding:4px 5px;
	height:123px;
	background:#fff;
	border:#ced0d3 1px solid;
	margin-top:-1px;
	}
#form-main textarea {height:118px; overflow:auto; width:291px;border:0; background:none;margin-top:-1px;}

.buttons {text-align:right;margin:24px 3px 0 0;}
.buttons a{margin-left:17px;} 
/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */