/* 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:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em; 
	line-height:1.333em;
	color:#666666;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:16px;}

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

h1 {
	position:relative;
	padding:29px 0 0 0;
	float:left;
}
	h1 a {
		display:block;
		width:226px;
		height:82px;
		text-indent:-5000px;
		background:url(../images/logo.png) left top no-repeat;
	}
	
h2 {
	font-size:2em;
	line-height:1.2307em;
	color:#171717;
	padding:0 0 12px 0;
}
	h2 em {
		color:#d98d06;
	}
	aside h2 {
		padding-bottom:15px;
	}
	aside .h2-pad {
		padding-bottom:10px;
	}

h4 {
	font-size:1.5em;
	line-height:1.2307em;
	color:#187cb9;
	padding:38px 0 8px 0;
	font-weight:normal;
}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position:relative;
	width: 976px; }

	/* Header */
	.left-bg {
		background:url(../images/left-bg.gif) left top repeat-x;
	}
		.right-bg {
			background:url(../images/right-bg.gif) top right repeat-x;
			width:50%;
			right:0;
			position:absolute;
			height:259px;
		}
		header {
			background:url(../images/header-bg.jpg) top center no-repeat;
			position:relative;
			height:259px;
		}
	/* Content */
	#content {
		background:url(../images/content-tail.gif) left top repeat-x;	
	}			
		.extra-content {
			background:url(../images/content-bg.jpg) top center no-repeat;
		}
	/* Footer */
	footer{
		height:195px;
		background:url(../images/footer-bg.jpg) 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 20px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

/*===== header =====*/
nav {
	 float:right;
	 width:734px;
	 padding-top:5px;
}
	nav ul {
		width:100%;
		overflow:hidden;
	}
		nav li {
			float:left;
			font-size:1.166em;
			line-height:1.2307em;
			position:relative;
		}
			nav li a {
				text-decoration:none;
				color:#0c7aad;
				display:block;
				width:128px;
				height:33px;
				padding:13px 0 0 60px;
				margin-right:-71px;
				background:url(../images/nav-li-a-bg.png) left top no-repeat;
			}
				nav li a:hover, nav .active a {
					color:#fff;
					background:url(../images/nav-li-a-bg-active.png) left top no-repeat;
				}
				nav .last a:hover, nav .last .active {
					color:#fff;
					background:url(../images/nav-li-a-last-active.png) left top no-repeat;
				}
	nav .last a {
		margin:0;
		width:85px;
		background:url(../images/nav-li-a-last.png) left top no-repeat;
		padding-left:65px;
	}
	nav .pre-last a {
		margin-right:-72px;
	}
	
.header-img {
	position:absolute;
	top:62px;
	left:249px;
}
.header-img1 {
	position:absolute;
	top:87px;
	left:463px;
}
.header-link {
	position:absolute;
	top:176px;
	right:8px;
}
/*===== content =====*/
.image {
	position:absolute;
	top:-126px;
	left:-10px;
	height: 417px;
}

.link {
	background:url(../images/link-left-bg.gif) left top no-repeat;
	display:inline-block;
	line-height:1.2307em;
	text-decoration:none;
	margin:12px 0 0 0px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:1.333em;
}
	.link strong {
		background:url(../images/link-right-bg.gif) right top no-repeat; 
		display:inline-block;
		padding:0 3px 0 3px;
	}
		.link strong strong  {
			background:url(../images/link-tail-bg.gif) top repeat-x;
			padding:0px 5px 3px 5px;
		}

			.link:hover {
				background:url(../images/link-left-bg-hover.gif) left top no-repeat; 
			}
				.link:hover strong {
					background:url(../images/link-right-bg-hover.gif) right top no-repeat;
				}
					.link:hover strong strong  {
						background:url(../images/link-tail-bg-hover.gif) top repeat-x;
					}
	.link-margin {
		margin-top:17px;
	}

.phone {
	display:inline-block;
	width:80px;
}
/*--------box------*/
.top-left {
	background:url(../images/corner-top-left.png) left top no-repeat;
	width:100%;
	font-size:0;
	line-height:0;
}
	.top-right {
		background:url(../images/corner-top-right.png) right top no-repeat;
		padding:0 8px;
	}
		.top-tail {
			background:url(../images/top-tail.png) left top repeat-x;
			font-size:0px;
			line-height:0px;
			height:9px;
		}

.bottom-left {
	background:url(../images/corner-bottom-left.png) left bottom no-repeat;
	width:100%;
	font-size:0;
	line-height:0;
}
	.bottom-right {
		background:url(../images/corner-bottom-right.png) right bottom no-repeat;
		padding:0 8px;
	}
		.bottom-tail {
			background:url(../images/bottom-tail.png) left bottom repeat-x;
			line-height:0;
			font-size:0;
			height:9px;
		}

.left-tail {
	background:url(../images/box-left-tail.png) left top repeat-y;
	width:100%;
}
	.right-tail {
		background:url(../images/box-right-tail.png) right top repeat-y;
		padding:0 8px;
	}
	
.box {
	background:#fff;
	width:100%;
}
	.box .indent {
		padding:0 0 27px 0;
	}
.box .inside {
	padding:0 10px 0 28px;
}
.box .padding {
	padding-bottom:3px;
}

.banners {
	padding-bottom:49px;
}
	.banners a {
		display:inline-block;
		margin-right:7px;
	}
		.banners .last {
			margin:0;
		}
		
/*-----dividers----*/		
.divider {
	background:url(../images/divider-bg.gif) 202px 0px repeat-y
}
.divider1 {
	background:url(../images/divider-bg.gif) 433px 0px repeat-y
}
.divider2 {
	background:url(../images/divider-bg.gif) 314px 0px repeat-y
}
/*-----titles------*/
.title {
	color:#d98d06;
	font-size:2em;
	line-height:1.2307em;
	display:block;
	padding-bottom:2px;
}
	.title em {
		display:block;
		margin-top:-8px;
	}

.title1 {
	font-size:1.75em;
	line-height:1.2307em;
	color:#d98d06;
	display:block;
	padding-bottom:5px;
}
	.sub-title {
		font-size:1.5em;
		color:#d98d06;
		line-height:1.2307em;
		display:block;
		padding-top:8px;
	}
		.sub-title em {
			display:block;
			margin-top:-5px;
		}

.title2 {
	color:#d98d06;
	font-size:1.916em;
	line-height:1.2307em;
	display:block;
}
	.sub-title1 {
		display:block;
		font-size:1.666em;
		color:#d98d06;
		line-height:1.2307em;
		padding:4px 0 4px 0
	}
		.sub-title1 em {
			display:block;
			margin-top:-7px;
		}
	.sub-title2 {
		display:block;
		font-size:1.5em;
		line-height:1.2307em;
		color:#23a4e1;
		padding-bottom:6px;
	}
		.sub-title2 em {
			display:block;
			margin-top:-5px;
		}

.title3 {
	color:#000;
}

.list1 {
	padding-top:14px;
}
	.list1 li {
		font-size:1.5em;
		line-height:1.2307em;
		background:url(../images/list1-marker.gif) left 8px no-repeat;
		padding-left:10px;
	}
		.list1 li a {
			color:#d98d06;
			text-decoration:none;
		}
			.list1 li a:hover {
				color:#e8bb6a;
			}
/*---*/

.col-pad {
	padding-right:66px;
}
.pad {
	padding-top:10px;
}
.pad1 {
	padding-top:28px;
}

.content .list li {
	line-height:1.833em;
	background:url(../images/marker.gif) left 7px no-repeat;
	padding-left:12px;
}
	.content .list li a {
		font-weight:bold;
		color:#187cb9;
	}
	
.icon-list {
	padding-top:17px;
	margin-bottom:-16px;
}
	.icon-list li {
		padding-left:41px;
		padding-bottom:16px;
		line-height:1.333em;
	}
		.icon-list li a {
			color:#187cb9;
			text-transform:uppercase;
			text-decoration:none;
		}
			.icon-list li a:hover {
				text-decoration:underline;
			}
		.icon-list li strong {
			color:#a8a8a8;
		}
.icon1 {
	background:url(../images/icon1.jpg) left top no-repeat;
}
.icon2 {
	background:url(../images/icon2.jpg) left top no-repeat;
}
.icon3 {
	background:url(../images/icon3.jpg) left top no-repeat;
}
.icon4 {
	background:url(../images/icon4.jpg) left top no-repeat;
}
.icon5 {
	background:url(../images/icon5.jpg) left top no-repeat;
}

table strong {
	color:#000;
	display:block;
}
table td {
	padding:5px 0 7px 0;
	vertical-align:middle;
}
table a {
	color:#a8a8a8;
	text-decoration:none;
}
	table a:hover {
		text-decoration:underline;
	}
.col_1 {
	width:501px;
}
.col_2 {
	width:78px;
	text-align:center;
}
.col_3 {
	width:57px;
	text-align:right;
}

.null {
	padding:0;
	margin:0
}

.list2 li {
	line-height:2em;
	background:url(../images/aside-marker.gif) left 10px no-repeat;
	padding-left:12px;
}
	 .list2 li a {
		color:#a8a8a8;
		font-weight:bold;
	}
	
/*===== footer =====*/
footer {
	margin-top:-14px;
}

.policy {
	padding-top:40px;
	float:left;
	font-size:1.166em;
	color:#187cb9;
	line-height:1.4em;
	width:311px;
}
	.policy a {
		text-decoration:none;
	}
		.policy a:hover {
			text-decoration:underline;
		}

footer .col-1 {
	width:134px;
}
footer .col-2 {
	width:178px;
}
footer .col-3 {
	width:165px;
}

footer li {
	line-height:1.666em;
	background:url(../images/footer-marker.gif) left 8px no-repeat;
	padding-left:10px;
}
	footer li a {
		text-decoration:none;
	}
		footer li a:hover {
			text-decoration:underline;
		}
/*----- forms -----*/
#registration-form fieldset {
	border:none;
	text-align:right;
	color:#0c72b1;
	font-size:1.166em;
	line-height:1.6em;
	padding:18px 8px 10px 0;
	height:30px;
}
	#registration-form label {
		display:inline-block;
		height:22px;
		vertical-align:top;
	}
	#registration-form .label {		
		width:204px;
		background:url(../images/input-bg.gif) no-repeat 0 0;
		margin:0 6px 0 6px;
		vertical-align:top;
	}
	#registration-form select {
		width:97px;
	}
	
		#registration-form input {
			width:190px;
			padding:3px 0px 2px 0px;
			border:none;
			margin:0 7px 0 7px;
			background:none;
			color:#8c8c8c;
			vertical-align:top;
		}
		* + html #registration-form input {
			padding:2px 0 2px 0
		}
		#registration-form .link {
			font-size:1.142em;
			margin:0 0 0 4px;
			padding-bottom:2px
		}
		
		
#contacts-form fieldset {
	border:none;
	color:#626262;
}
	#contacts-form label {
		display:block;
		height:30px;
		overflow:hidden;
	}
		#contacts-form input {
			width:155px;
			padding:0px 0px 0px 5px;
			line-height:1.2307em;
			background:#fff;
			color:#8c8c8c;
			float:right;
		}
		#contacts-form textarea {
			width:155px;
			float:right;
			padding:0px 0px 0px 5px;
			background:#fff;
			color:#8c8c8c;
			height:144px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:10px;
		}

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