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

p { padding-top: 19px; }

.top { padding-top: 0px; }
.top1 { padding-top: 10px; }
.top_1 { padding-top: 7px; }
.top2 { padding-top: 13px; }
.top3 { padding-top: 0px; }
.top4 { padding-top: 0px; }
.top5 { padding-top: 0px; }

.bot { padding-bottom: 10px; }
.bot1 { padding-bottom: 20px; }

.margin-top {margin-top: 0 !important;}

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

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

	/* Header */
	header{
		height: 228px;
		padding: 0 0 0 5px;
		position: relative;
		z-index: 2;
	}
	/* Content */
	section#content {
		margin-top: 0px;
		position: relative;
		padding: 0 0 0 5px;
		z-index: 1;
	}			
	/* Footer */
	footer{
		height: 87px;
	}
/* Left & Right alignment */

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

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}
.col-1 {width: 206px; margin-right: 25px;}
.col-2 {width: 206px;}

.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: 1em;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent { margin: 0 19px 0 0; float: left; padding: 2px 0 0;}
.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 74px; }

/*=============================================================================== text =====*/
h1 {
	padding: 38px 0 0px 0px;
	margin-left: -1px;
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 96px;
		width: 293px;
		text-indent: -5000px;
		background: url(../images/logo.gif) left top no-repeat;
	}
	h1 span {
		font-size: 11px;
		line-height: 16px;
		color: #a8a8a8;
		text-transform: uppercase;
	}
h2 {
	font-size: 24px;
	line-height: 1.2307em;
	color: #fff;
	padding: 15px 0px 15px 20px;
	background: #333333;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0 10px;
}
.h2-bg {background: url(../images/h2-bg.gif) top center no-repeat #e3a511;}
.h2-bg1 {background: url(../images/h2-bg1.gif) top center no-repeat #e3a511;}

h3 {
	font-size: 23px;
	line-height: 1.2307em;
	color: #fff;
	padding: 10px 0px 11px 16px;
	background: url(../images/h3-bg.gif) 0 0 no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 0 1px;
}
.h3-bg {background: url(../images/h3-bg_1.gif) top center no-repeat;}
.h3-bg1 {background: url(../images/h3-bg_2.gif) top center no-repeat;}

.black {display: block; color: black;}
.text {color: #000;}

.col {
	float: right;
	width: 258px;
	overflow: hidden;
}
	.col p {
		text-align: right;
		font-size: 12px;
		line-height: 24px;
		color: #e66286;
		padding: 29px 0 0;
	}
/*=================================================================================================================== header =====*/
.main-indent {padding: 27px 0 25px;}
.extra {background: url(../images/extra-tail-bg.gif) top center repeat-y;}
.extra-top {background: url(../images/extra-top-bg.gif) top center no-repeat;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#SearchForm {
	padding:13px 0px 0px 0;
	width:217px;
	float:right;
}
	#SearchForm label {
		display:inline-block;
		vertical-align:top;
		border: 1px solid #d8d8d8;
		height: 27px;
	}
	#SearchForm input {
		vertical-align:top;
		border: none;
		background: none;
	}
	#SearchForm .input {
		width: 171px; 
		padding: 6px 7px 6px;
		border: none;
		font-size: 12px; 
		line-height: 14px; 
		color: #cccccc;
	}
/*=============================================================================== menu =====*/
.menu {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}
	.menu li {
		float: left;
		font-size: 12px;
		padding-left: 2px;
	}
		.menu li a {
			display: block;
			color: #7e7e7e;
			border: 1px solid #d8d8d8;
			background: url(../images/nav-a-bg.gif) 0 0 repeat-x #fafafa;
			padding: 3px 8px 5px 9px;
			text-decoration: none;
		}
			.menu li a:hover {
				border: 1px solid #b1b1b1;
				background: #b1b1b1;
				color: white;
			}
	.menu .m1 a {padding: 3px 9px 5px 8px;}
	.menu .m2 a {padding: 3px 8px 5px 10px;}

.border-bottom {border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; margin-bottom: 10px;}

/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.indent { padding: 6px 30px 81px 20px }
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 0px; }
.col-indent1 { padding-right: 0px; }
.col-indent2 { padding-right: 0px; }
.col-indent3 { padding-right: 0px; }
/*=============================================================================== boxes =====*/
.box {background: #fff;}
	.box .indent {padding:21px 20px 18px 20px;}
	.box .indent1 {padding:21px 20px 15px 20px;}
	.box .bottom-tail {
		background:url(../images/box-bottom-tail.gif) left bottom repeat-x;
	}
	.box .top-tail {
		background:url(../images/box-top-tail.gif) left top repeat-x;
	}
	.box .left-tail {
		background:url(../images/box-left-tail.gif) top left repeat-y;
	}
	.box .right-tail {
		background:url(../images/box-right-tail.gif) top right repeat-y;
	}
	.box .top-right {
		background:url(../images/box-top-right.gif) top right no-repeat;
	}
	.box .top-left {
		background:url(../images/box-top-left.gif) top left no-repeat;
	}
	.box .bottom-right {
		background:url(../images/box-bottom-right.gif) bottom right no-repeat;
	}
	.box .bottom-left {
		background:url(../images/box-bottom-left.gif) bottom left no-repeat; width:100%;
		min-height: 262px;
	}
/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list {border: 1px solid #d8d8d8;}
	.list li {
		line-height: 38px;
		background: url(../images/list-a-bg.gif) -1px 7px no-repeat;
		padding-left: 18px;
		border-bottom: 1px solid #d8d8d8;
		cursor: pointer;
	}
		.list li:hover {
			background: url(../images/list-a-bg-hover.gif) -1px 9px no-repeat;
		}
		.list li a {
			color: #000;
			text-decoration: none;
		}
			.list li a:hover {
				
			}
	.list .last {border-bottom: none;}

.list_1 {border: 1px solid #d8d8d8;}
	.list_1 li {
		border-bottom: 1px solid #d8d8d8;
		padding: 0 19px 20px;
	}
		.list_1 li span {
			display: block;
			width: 112px;
			height: 24px;
			background: #da5d80;
			color: white;
			font-size: 12px;
			line-height: 24px;
			padding: 1px 0 0 8px;
			margin: 19px 0 0 1px;
		}
			.list_1 .s1 {background: #e6a711;}
			.list_1 .s2 {background: #6abbce;}
			.list_1 .s3 {background: #c5c715;}
			
		.list_1 li p {padding: 6px 0 0 0;}
		.list_1 li a {
			display: block;
			width: 86px;
			height: 22px;
			background: url(../images/list_1-bg.gif) 0 0 no-repeat;
			text-decoration: none;
			color: #fff;
			padding: 3px 0 0 8px;
			margin: 5px 0 0px 1px;
			font-size: 12px;
		}
			.list_1 li a:hover {
				background: url(../images/list_1-bg-hover.gif) 0 0 no-repeat;
				color: #333333;
			}
	.list_1 .last {border-bottom: none;}


.list_2 {
	padding: 13px 1px 0 1px;
}
	.list_2 li {
		padding-bottom: 2px;
	}
		.list_2 li a {
			display: block;
			background: #FFF;
			text-decoration: none;
			padding: 5px 0 5px 9px;
		}
			.list_2 li a:hover {background: #403f3f; color: white;}
	.block .alignright {padding-right: 5px;}
/*=============================================================================== links =====*/
.link {
	display: inline-block;
	width: 108px;
	height: 40px;
	text-decoration: none;
	color: #000;
	background: url(../images/link-bg.gif) 0 0 no-repeat;
	margin: 10px 0 0 1px;
	color: #fff;
	padding: 5px 8px 0 12px;
	text-transform: capitalize;
	font-weight: bold;
}
	.link span {
		background: url(../images/link-span-bg.gif) right 0px no-repeat;
		padding-right: 50px;
		display: block;
		padding: 5px 0 6px 0;
		margin-right: -3px;
	}
	.link:hover {
		background: url(../images/link-bg-hover.gif) 0 0 no-repeat;
	}
		.link:hover span {background: url(../images/link-span-bg-hover.gif) right 0 no-repeat; color: #000;}
.news {
	border: 1px solid #d8d8d8;
	display: inline-block;
	margin-top: -1px;
	text-decoration: none;
	font-weight: bold;
	color: #d8d8d8;
	padding: 13px 20px 12px 22px;
}
	.news span {
		background: url(../images/news-span-bg.gif) right 4px no-repeat;
		padding-right: 16px;
	}
	.news:hover {color: #3d3d3d;}

.links {padding: 13px 0 0 0;}
.links a {
	display: inline-block;
	background: #fff;
	float: left;
	text-decoration: none;
	margin: 0 2px 2px 0;
	font-size: 12px;
	padding: 4px 10px 6px 10px;
	color: #7f7f7f;
}
	.links a:hover {background: #403f3f; color: white;}
/*=============================================================================== comments =====*/
.comments {
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	color: #b1b1b1;
	padding: 16px 0 0 0;
}
	.comments span {
		float: left;
	}
	.comments strong {
		float: right;
		color: #5b5b5b;
		padding-right: 2px;
	}
/*=============================================================================== block =====*/
.block {
	width: 192px;
	min-height: 198px;
	background: url(../images/block_1-bg.gif) 0 0 no-repeat #6cbfd2;
	padding: 15px 19px 18px 19px;
	color: white;
	overflow: hidden;
}
	.block strong {
		display: block;
		color: white;
		text-transform: uppercase;
		font-weight: bold;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 24px;
		line-height: 1.2307em;
	}
	
.block-bg1 {background: url(../images/block_2-bg.gif) 0 0 no-repeat #c9cb15;}
.block-bg2 {background: url(../images/block_3-bg.gif) 0 0 no-repeat #ebab12;}
.block-bg3 {background: url(../images/block_4-bg.gif) 0 0 no-repeat #e06083;}

.block img {padding: 13px 0 0 1px;}
/*=============================================================================== rating =====*/
.rating {padding: 4px 0 1px}
.rating p {padding: 11px 0 0;}
.rating p span {padding-right: 12px; display: inline-block;}
.rating p strong {display: inline-block; font-weight: normal;}
/*=================================================================================================================== footer =====*/
footer  {
	background: url(../images/footer-bg.gif) 0 0 repeat-x;
	margin: 0 5px;
}
/*=============================================================================== nav =====*/
nav {
	padding: 13px 0 0; 
	margin: 0 0 0px 0px;
}
	nav li {
		float: left;
		padding-right: 14px;
	}
		nav li a {
			display: block;
			text-decoration: none;
			text-transform: capitalize;
		}
			nav li a:hover {text-decoration: underline;}

footer p {
	font-size: 12px;
	color: #000;
	padding: 0;
	float: left;
}
	footer p a {text-decoration: none;}
		footer p a:hover {text-decoration: underline;}
footer span {
	float: right;
	font-size: 12px;
}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#contacts-form fieldset {
	border: none;
}
	#contacts-form label {
		display: block;
		height: 30px;
		overflow: hidden;
		background: url(../images/input-bg.gif) no-repeat 0 0;
		vertical-align: top;
	}
		#contacts-form input {
			width: 226px;
			padding: 4px 0px 3px 5px;
			border: none;
			line-height: 1.2307em;
			background: none;
			color: #8c8c8c;
		}
		#contacts-form .textarea-box {
			background: url(../images/textarea-bg.gif) no-repeat 0 0;
			height: 106px;
			overflow: hidden;
		}
		#contacts-form textarea {
			width: 238px;
			padding: 3px 0px 3px 5px;
			border: none;
			background: none;
			color: #8c8c8c;
			height: 100px;
			overflow: auto;
		}
		#contacts-form .link {
			margin-left: 5px;
		}
/*==========================================*/
#faded {
	position:relative; 
	overflow:hidden;
	width:710px; 
	height:469px;
}
	#faded img {
		float: left;
		width: 710px;
	}
	#faded .text {
		float: right;
		width: 245px;
		background: url(../images/faded-text-bg.gif) 0 0 repeat-x;
		height: 367px;
		color: white;
		padding: 30px 20px 0 35px;
	}
		#faded .text strong {
			font-size: 26px;
			line-height: 1.2em;
			text-transform: uppercase;
		}
			#faded .text span {
				display: block;
				font-size: 18px;
				line-height: 1.2em;
				margin: -7px 0 -4px;
			}
		#faded .text a {
			display: block;
			width: 101px;
			height: 26px;
			background: url(../images/faded-text-a-bg.gif) 0 0 repeat-x;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 14px;
			line-height: 1.2em;
			color: white;
			margin: 19px 0 0 1px;
			padding-top: 10px;
		}
			#faded .text a:hover {color: #2a4881 !important;}
a { outline:0; border:0; }

	ul.pagination {
		list-style:none;
		padding:0;
		margin:0;
		z-index:10;
		position:absolute;
		font-size:0; 
		line-height:0;
		bottom:122px;
		right:20px;
		width: 88px;
	}
		ul.pagination li {
			float:left;
			padding:0 0px 0 0;
		}
			ul.pagination .p1 a {background: url(../images/p1-bg.gif)}
			ul.pagination .p2 a {background: url(../images/p2-bg.gif)}
			ul.pagination .p3 a {background: url(../images/p3-bg.gif)}
			ul.pagination .p4 a {background: url(../images/p4-bg.gif)}
			
			ul.pagination li a {
				display:block;
				width:22px;
				height:22px;
				color:#fff;
				font-size:0;
				text-align:center;
				line-height:0;
				text-decoration:none;
			}
				ul.pagination li a {
					background: #74cee2;
				}
			ul.pagination li.current a {
				
			}
.description {
	width: 669px;
	height: 101px;
	position: absolute;
	right: 20px;
	bottom: 21px;
	color: white;
}
	.description strong {
		display: block;
		height: 29px;
		background: #74cee2;
		font-size: 17px;
		line-height: 1.2em;
		padding: 8px 0 0 10px;
	}
	.description span {
		display: block;
		height: 28px;
		font-size: 12px;
		line-height: 1.2307em;
		background: #000;
		padding: 10px 10px 0 10px;
	}
	.description a {
		display: inline-block;
		background: #74cee2;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;
		color: white;
		padding: 2px 10px 5px;
	}
		.description a:hover {color: #000;}
	
.d1 strong, .d1 a {background: #d8da17 !important;}

.d2 strong, .d2 a {background: #fdb813;}

.d3 strong, .d3 a {background: #f1678d;}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */