/* 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:#000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em; 
	line-height:1.666em;
	color:#b3b2b2;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:20px;}

a {
	color:#b3b2b2; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	padding:30px 150px 32px 20px;
	float:left;
}
	h1 a {
		display:block;
		width:410px;
		height:194px;
		text-indent:-5000px;
		background:url(../images/logo.jpg) left top no-repeat;
	}
	
h2 {
	font-size:3.25em;
	line-height:1.2307em;
	color:#fff;
	padding:0 0 6px 0;
	font-weight:normal;
	letter-spacing:-2px;
}

h3 {
	font-size:2.083em;
	line-height:1.2307em;
	color:#fffefe;
	padding:0 0 30px 0;
	font-weight:normal;
	letter-spacing:-1px;
}
	.h3-pad {
		padding-bottom:15px;
	}

h4 {
	font-size:2.0833em;
	line-height:1.2307em;
	color:#a9a8a8;
	font-weight:normal;
	letter-spacing:-1px;
	padding-bottom:17px
}
/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	width: 902px; }

	/* Header */
	header{
		height:573px;
	}
		
	/* Footer */
	footer{
		height:95px;
		background:url(../images/footer-bg.gif) left top repeat-x;
	}
/* 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 24px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/
nav {
	float:left;
	padding-top:15px;
}
	nav li {
		float:center;
		font-size:1.166em;
		line-height:1.2307em;
	}
		nav li a {
			text-decoration:none;
			text-transform:uppercase;
			color:#fff;
			display:inline-block;
			cursor:pointer;
			font-weight:bold;
		}
			nav li a span {
				display:inline-block;
				padding:0 5px;
			}
				nav li a span span {
					padding:6px 3px 6px 3px;
				}
				
			nav li a:hover, nav .active a {
				background:url(../images/nav-a-left-bg.gif) left top no-repeat #fff;
			}
				nav li a:hover span, nav .active a span {
					background:url(../images/nav-a-right-bg.gif) right top no-repeat;
				}
					nav li a:hover span span, nav .active a span span {
						background:url(../images/nav-a-tail-bg.gif) left top repeat-x #fff;
					}

.extra-bg {
	height:477px;
	background:url(../images/extra-bg.jpg) left top no-repeat;
	padding-left:437px;
	text-transform:uppercase;
	color:#fff;
}
	.extra-bg strong {
		display:block;
		font-size:6.1666em;
		line-height:1.2307em;
		font-weight:normal;
		padding-top:143px;
		letter-spacing:-1px;
		margin-left:-5px;
	}
	.extra-bg span {
		font-size:2.1666em;
		line-height:1.2307em;
		display:block;
		margin-top:-10px
	}
	.extra-bg a {
		display:inline-block;
		width:109px;
		margin:23px 0 0 2px;
		text-decoration:none;
		text-align:center;
		padding-top:11px;
		height:28px;
		color:#162f3e;
		font-weight:bold;
		text-transform:uppercase;
		font-size:1.1666em;
		line-height:1.2307em;
		background:url(../images/extra-link-bg.png) left top no-repeat;
	}
		.extra-bg a:hover {
			background:url(../images/extra-link-bg-hover.png) left top no-repeat;
		}
.bg1 {
	background:url(../images/bg1.jpg) left top no-repeat;
}
.bg2 {
	background:url(../images/bg2.jpg) left top no-repeat;
}
/*===== content =====*/
.padding {
	padding-bottom:34px;
}
.indent {
	padding:29px 20px 30px 28px;
}
.null {
	padding-right:0;
	padding-bottom:0
}

/*----col-pad----*/
.col-pad {
	padding-right:56px;
}
.col-pad1 {
	padding-right:50px;
}
.col-pad2 {
	padding-right:34px;
}
.col-pad3 {
	padding-right:70px;
}
/*---*/
.list {
}
	.list li {
		line-height:2.333em;
		background:url(../images/marker.gif) left 12px no-repeat;
		padding-left:14px;
	}
		.list li a {
			color:#b3b2b2;
		}
	.list-pad {
		padding-bottom:3px;
	}
	
.link {
	display:inline-block;
	margin-top:12px;
	background:url(../images/link-bg.gif) right 6px no-repeat;
	color:#a9a8a8;
	padding-right:16px;
	font-weight:bold;
}
	.link-margin {
		margin-top:7px;
	}
.pad {
	padding-top:26px;
}
.pad1 {
	padding-top:20px;
}
	
	.margin {
		margin-top:4px;
	}

.border {
	padding-bottom:32px;
	margin-bottom:26px;
	background:url(../images/border-bg.gif) left bottom repeat-x;
}

.phone {
	display:inline-block;
	width:35px;
	vertical-align:baseline;
}
.padding1 {
	padding-bottom:25px;
}
/*-----box----*/
.box {
	background:#1d1d1c;
	color:#908f8f;
	
}
	.box a {
		color:#908f8f;
	}
	.box .indent {
		padding:20px 24px 27px 27px;
	}
		.box .bottom-right {
			background:url(../images/box-corner-bottom-right.gif) bottom right no-repeat;
		}
			.box .bottom-left {
				background:url(../images/box-corner-bottom-left.gif) bottom left no-repeat;
			}
				.box .top-right {
					background:url(../images/box-corner-top-right.gif) top right no-repeat;
				}
					.box .top-left {
						background:url(../images/box-corner-top-left.gif) top left no-repeat;
						width:100%;
					}
	.box .col-pad {
		padding-right:30px;
	}
	.box .col-pad1 {
		padding-right:63px;
	}
	.box .col-pad2 {
		padding-right:54px;
	}
	
	.box .img-indent {
		margin-right:30px;
	}
	
	.title {
		font-size:1.5em;
		color:#2bd4e4;
		line-height:1.2307em;
		display:block;
		padding-bottom:5px;
	}
	.box .pad {
		padding-top:12px;
	}
	.box .pad1 {
		padding-top:20px;
	}
	
	.box .padding1 {
		padding-bottom:39px;
	}
	.box .padding2 {
		padding-bottom:35px;
	}
	
/*------aside-----*/
aside .col-1 {width:253px;}
aside .col-2 {width:257px;}
aside .col-3 {width:255px;}
	aside .col-pad {
		padding-right:58px;
	}
	aside .col-pad1 {
		padding-right:53px;
	}
	aside .indent {
		padding:0 0 54px 14px ;
	}
	
	.divider {
		background:url(../images/divider-bg.gif) 281px 0px repeat-y;
	}
	.divider1 {
		background:url(../images/divider-bg.gif) 593px 0px repeat-y;
	}
/*===== footer =====*/
footer span {
	color:#636363;
	display:inline-block;
	padding:20px 0 0 3px;
}
	footer a {
		color:#636363;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}


/*----- forms -----*/
#signup-form fieldset {
	border:none;
	padding-top:2px;
}
	#signup-form label {
		display:inline-block;
		height:25px;
		overflow:hidden;
		background:url(../images/sign-up-input-bg.gif) left top no-repeat;
		vertical-align:top;
	}
		#signup-form .input {
			width:205px;
			padding:4px 0px 4px 0px;
			border:none;
			margin:0 13px 0 5px;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}
		
#search-form fieldset {
	border:none;
	padding-top:2px;
}
	#search-form label {
		display:inline-block;
		height:25px;
		overflow:hidden;
		background:url(../images/search-form-input-bg.gif) left top no-repeat;
		vertical-align:top;
	}
		#search-form .input {
			width:220px;
			padding:4px 0px 4px 0px;
			border:none;
			margin:0 0px 0 5px;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}



#contacts-form fieldset {
	border:none;
	padding-top:20px;
}
	#contacts-form label {
		display:block;
		height:48px;
	}
		#contacts-form input {
			width:211px;
			padding:2px 0px 2px 5px;
			border:1px solid #4d4d4d;
			line-height:1.2307em;
			background:#1d1d1c;
			color:#8c8c8c;
		}
		#contacts-form textarea {
			width:261px;
			padding:0px 0px 0px 5px;
			border:1px solid #4d4d4d;
			background:#1d1d1c;
			color:#8c8c8c;
			height:115px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:15px;
		}
.column1 {
	width:258px;
	float:left;
}
.column2 {
	float:left;
	width:269px;
}
/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */