/* 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 no-repeat #000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: #888888;
	min-width: 1000px;
}
html, body { height: 100%;}

p { padding-top: 20px; }

.top { padding-top: 10px; }
.top1 { padding-top: 16px; }
.top2 { padding-top: 19px; }
.top3 { padding-top: 20px; }
.top4 { padding-top: 22px; }
.top5 { padding-top: 30px; }

.bot { padding-bottom: 0px; }

a {	color: white; outline: none; }
ab {	color: white; outline: none; }
a:hover{ text-decoration: none; }

.img-pad {padding: 25px 0 0 1px;}

.link-blue {
	text-decoration: none;
	color: #05cdda;
}
	.link-blue:hover {text-decoration: underline;}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 970px;
	position: relative;
}

	/* Header */
	header{
		height: 264px;
		position: relative;
		background: url(../images/header-bg.png) top center no-repeat;
	}
	
	/* Content */
	section#content {
		position: relative;
	}			
	/* Footer */
	footer{
		height: 59px;
	}
/* Left & Right alignment */

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 , .col-7, .col-8{ float: left;}
.col-1 {width: 453px;}
.col-1 .col-1 {width: 200px;}
.col-2 {width: 394px;}
.col-3 {width: 503px;}
.col-4 {width: 344px;}
.col-6 {width: 600px;}
.col-7 {width: 700px;}
.col-8 {width: 800px;}


.alignright { text-align: right;}
.aligncenter { text-align: center;}
.alignjustify { text-align: justify;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
}
/*----- 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 20px 0 0; float: left; }
.extra-wrap { overflow: hidden; }

h2 {font-family: Georgia, "Times New Roman", Times, serif;}
/*=============================================================================== text =====*/
h1 {
	padding: 112px 0 0px 45px;
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 71px;
		width: 866px;
		text-indent: -5000px;
		background: url(../images/logo_1.png) left top no-repeat;
	}

#page1 h1 a {
	background: url(../images/logo.png) left top no-repeat;
	display: block;
	height: 47px;
	width: 843px;
}

h2 {
	font-size: 30px;
	line-height: 1.2307em;
	color: #fff;
	padding: 0px 0px 0px 1px;
	margin:  -1px 0px -3px 0px;
	font-style: italic;
	font-weight: normal;
}

.colwhite {color: white;}
.colgrey {color: #e0e0e0;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
nav {width: 100%; display: block; overflow: hidden; height: 691px;}
nav ul {
	width: 950px;
	overflow: hidden;
	padding: 94px 0 49px 19px;
}
	nav li {
		float: left;
		padding-right: 34px;
	}
		nav li a {
			display: block;
			height: 548px;
			width: 121px;
			text-decoration: none;
			position: relative;
		}			
			nav li a strong {
				display: inline-block;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				line-height: 1.2307em;
				color: white;
				font-style: italic;
				background: url(../images/nav-span-left-bg.png) left top no-repeat;
				position: absolute;
				right: -3px;
				top: 167px;
				letter-spacing: -1px;
				visibility: hidden;
				font-weight: normal;
				cursor: pointer;
			}
				nav li a strong span {
					background: url(../images/nav-span-right-bg.png) right top no-repeat;
					display: inline-block; 
					padding: 0 6px 0 6px;
				}
				nav li a strong span span  {
					background: url(../images/nav-span-tail-bg.png) top repeat-x;
					padding: 5px 20px 8px 18px;
				}

nav li {
		float: left;
		padding-right: 34px;
	}
		nav li ab {
			display: block;
			height: 548px;
			width: 121px;
			text-decoration: none;
			position: relative;
		}			
			nav li ab strong {
				display: inline-block;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				line-height: 1.2307em;
				color: white;
				font-style: italic;
				background: url(../images/nav-span-left-bg.png) left top no-repeat;
				position: absolute;
				right: -3px;
				top: 167px;
				letter-spacing: -1px;
				visibility: hidden;
				font-weight: normal;
				cursor: pointer;
			}
				nav li ab strong span {
					background: url(../images/nav-span-right-bg.png) right top no-repeat;
					display: inline-block; 
					padding: 0 6px 0 6px;
				}
				nav li ab strong span span  {
					background: url(../images/nav-span-tail-bg.png) top repeat-x;
					padding: 5px 20px 8px 18px;
				}

				nav li a:hover strong {visibility: visible;}
				nav li ab:hover strong {visibility: hidden;}
			
	nav .a1 {padding-right: 36px;}
	nav .a2 {padding-right: 40px;}
	nav .a3 {padding-right: 39px;}
	nav .a5 {padding-right: 40px;}
	nav .a6 {padding-right: 0px;}
	
	nav .a1 a {background: url(../images/index1.png) 0 0 no-repeat;}
	nav .a2 a {background: url(../images/index2.png) 0 0 no-repeat;}
	nav .a3 a {background: url(../images/index3.png) 0 0 no-repeat;}
	nav .a4 a {background: url(../images/index4.png) 0 0 no-repeat;}
	nav .a5 a {background: url(../images/index5.png) 0 0 no-repeat;}
	nav .a6 a {background: url(../images/index6.png) 0 0 no-repeat;}

.logo {
	position: absolute;
	left: 58px;
	top: 344px;
}

.close {
	position: absolute;
	right: 32px;
	top: -23px;
}
/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
#content .indent { padding: 0px 31px 94px;}
#content .indent1 { padding: 0px 31px 67px;}
#content .indent2 { padding: 0px 31px 28px;}
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 60px; }
/*=============================================================================== boxes =====*/

/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list {margin-top: -5px;}
	.list li {
		font-size: 10px;
		line-height: 24px;
		background: url(../images/list-bg.gif) 1px 10px no-repeat;
		padding-left: 14px;
	}
		.list li a {
			color: white;
			text-decoration: none;
			text-transform: uppercase;
		}
			.list li a:hover {color: #05cdda;}

.list2 li {
		font-size: 12px;
		line-height: 24px;
		background: url(../images/list-bg.gif) 1px 10px no-repeat;
		padding-left: 14px;
	}
	
.data-list {}
	.data-list li {
		background: url(../images/data-list-bg.gif) left bottom repeat-x;
		padding-bottom: 22px;
		margin-bottom: 19px;
		width: 100%;
		overflow: hidden;
		font-size: 12px;
		line-height: 16px;

	}
		.data-list img {
			float: left;
			margin-right: 14px;
			padding: 3px 0 0 1px;
		}
		.data-list li a {text-decoration: none;}
			.data-list li a:hover {text-decoration: underline;}
			.data-list span {color: #0cb6c1; display: block; padding: 19px 0 0;}
	.data-list .last {background: none;}
/*=============================================================================== links =====*/
.link {
	display: inline-block;
	font-weight: bold;
	text-transform: capitalize;
}
/*=============================================================================== nav =====*/

/*=============================================================================== gallery =====*/
.gallery {
	width: 831px;
	overflow: hidden;
	padding: 35px 0 0 1px;
}
/*=============================================================================== contacts =====*/
.contacts {width: 186px; float: left; color: white; font-weight: bold;}
	.contacts span {
		display: inline-block;
		vertical-align: baseline;
		width: 88px;
	}
	
/*=================================================================================================================== footer =====*/
footer .main {
	background: url(../images/footer-bg.png) 0 0 repeat;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(js/PIE.htc);
	position: relative;
	font-size: 10px;
	line-height: 16px;
	color: #8c8c8c;
	overflow: hidden;
	padding-bottom: 20px;
}
	footer .indent {padding: 21px 31px 0;}
	footer p {
		float: left;
		padding: 0 0px 0 0;
	}
		footer p strong {text-transform: uppercase; padding-right: 9px;}
			footer p strong span {color: #05cdda;}
		footer p a {color: #8c8c8c; line-height: 18px;}
	.menu {
		float: left;
		padding-left: 52px;
		width: 700px;
		overflow: hidden;
	}
		.menu li {
			float: left;
			background: url(../images/menu-bg.gif) right 5px no-repeat;
			padding: 0 8px 0 7px;
			line-height: 18px;
		}
			.menu li a {
				text-transform: uppercase;
				color: #8c8c8c;
				text-decoration: none;
				position: relative;
			}
				.menu li a:hover, .menu .active {color: white;}
		.menu .last {background: none;}
		
	footer b {float: right; font-weight: normal; text-transform: uppercase;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#ContactForm {
	padding:25px 0 1px;
}
	#ContactForm label {
		height:40px; 
		display:block;
	}
	#ContactForm .link {
		margin:14px 2px 0px 23px;
	}
	#ContactForm .input {
		width:359px; 
		background:url(../images/ContactForm-label-bg.png) 0 0 no-repeat; 
		border:none;
		padding:0px 17px;
		color:#9e9e9e;
		display:block;
	}
	#ContactForm input {
		width:359px; 
		background:none; 
		border:none;
		padding:8px 0px; 
		color:#9e9e9e;
		font-size: 10px;
		line-height: 10px;
		text-transform: uppercase;
		color: white;
	}
	#ContactForm textarea {
		width:359px; 
		height:142px;
		background:none;
		border:none;
		padding:8px 0px 8px; 
		overflow:auto; 
		color:#9e9e9e; 
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		color: white;
	}
	#ContactForm .textarea {
		background:url(../images/ContactForm-textarea.png) 0 0 no-repeat;
		border:none;
		width:359px; 
		padding:0px 17px; 
		display: block;
	}

/*==========================================*/
/*--- scroll-pane ---*/
.scroll-wrap {
	width:453px;
	margin-top: 22px;
}
.scroll-wrap1 {
	width:903px;
	margin-top: 22px;
}
.scroll-pane1 {
	width:883px;
	height:305px;
	overflow:auto;
	padding-right: 20px;
}
.scroll-pane {
	width:433px;
	height:305px;
	overflow:auto;
	padding-right: 20px;
}f

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/scroll.png) no-repeat center top;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url(../images/drag.png) no-repeat center top;
	height:47px;
	width:34px;
	margin:3px 0 0px 0;
	padding-bottom:6px;
}
.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: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:18px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:18px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}      
   
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */