/* 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:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:19px;
	color:#989797;
	min-width:1000px;

}
html, body { height:100%;}


p {padding-top:19px;}

.top {padding-top:4px;}
.top1 {padding-top:11px;}
.top3 {padding-top:20px;}
.top4 {
	padding-top:4px;
}
.top5 {padding-top:27px;}
.top6 {padding-top:32px;}

.big-top {padding-top:50px;}

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

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

	/* Header */
	header{
		height:590px;
		background:url(../images/header-bg.gif) top center repeat-x;
	}
	
	/* Content */
	section#content {
		background:url(../images/content-bg.gif) 0 0 repeat-x;
	}			
	/* Footer */
	footer{
		height:73px;
		background:url(../images/footer-bg.gif) center bottom repeat-x

	}
/* Left & Right alignment */

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

.col-1, .col-2, .col-3, .col-4, .col-5 { float:left;}

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

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container {
	width:100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Helvetica Neve" Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:19px;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 24px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}
.phone {
	display:inline-block;
	width:78px;
}
.phone1 {
	display:inline-block;
	width:140px;
}

/*=============================================================================== text =====*/
h1 {
	padding:10px 0 0px 0px;
	
	position:relative;
	float:left;
}
	h1 a {
		display:block;
		height:146px;
		width:206px;
		text-indent:-5000px;
		background:url(../images/logo.gif) left top no-repeat;
	}
h2 {
	font-size:29px;
	line-height:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#818080;
	padding:43px 0 3px 0;
	margin:0 0 0 0;
	
	
	
}

	.text a {text-decoration:none;}
		.text a:hover {text-decoration:underline;}
/*=================================================================================================================== header =====*/

/* The Nivo Slider styles */
#slider{ position:relative; width:980px; height:433px; z-index:88; overflow:hidden}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; bottom:13px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:31px; height:29px;  display:block;}
.nivo-prevNav { left:11px; }
.nivo-prevNav:hover{ background-position:1px 0}
.nivo-nextNav { left:42px; }
.nivo-nextNav:hover{ background-position:right 0}

/*=============================================================================== nav =====*/
nav {
	float:right;
	width:750px;
	height:157px;
}
	nav li {
		float:left;
		margin-left:1px;
		font-size:22px;
		line-height:45px;
	}
		nav li a {
			display:block;
			height:96px;
			width:124px;
			color:#818080;
			text-align:center;
			text-decoration:none;
			padding-top:60px;
			background:url(../images/n1-hover.gif) 0 -146px no-repeat;
		}
			nav li a:hover, nav .active {
				color:white;
			}
			nav .active { background-position:0 0 !important;
			}
	nav .n1 {background:url(../images/n1.gif) 0 0 no-repeat;}
	nav .n2 {background:url(../images/n2.gif) 0 0 no-repeat;}
	nav .n3 {background:url(../images/n3.gif) 0 0 no-repeat;}
	nav .n4 {background:url(../images/n4.gif) 0 0 no-repeat;}
	nav .n5 {background:url(../images/n5.gif) 0 0 no-repeat;}
	nav .n6 {background:url(../images/n6.gif) 0 0 no-repeat;}
	
/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.indent {
	padding:0 0 52px;
}
/*=============================================================================== col-indents =====*/
.col-indent {
	padding-right:29px;
}
.col-indent_1 {padding-right:13px;}
.col-indent_3 {padding-right:16px;}
.col-indent_2 {padding-right:42px;}
/*=============================================================================== boxes =====*/

/*=============================================================================== borders =====*/

/*=============================================================================== lists =====*/
.list li {
	background:url(../images/list-a-bg.png) 8px 12px no-repeat ;
	padding:0px 0 1px 40px;
	display:block;
	line-height:32px;
	cursor:pointer;
	margin-bottom:1px;
}
	.list li a {
		color:#78C9F7;
		font-weight:bold;

		text-decoration:none;
	}
	.list li:hover {
		background:url(../images/list-a-bg.png) 8px 12px no-repeat #e8e6e6;
	}
/*=============================================================================== links =====*/
.link_1 {
	text-decoration:underline !important;
	padding-right:20px;
}
	.link_1:hover {
		text-decoration:none !important;
	}
.link {
	background:url(../images/link-left-bg.png) left top no-repeat;
	display:inline-block;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:19px;
	font-style:italic;
	font-family:"Helvetica Neve" Helvetica, Arial, sans-serif;;
	text-transform:capitalize;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
	.link span {
		background:url(../images/link-right-bg.png) right top no-repeat;
		display:inline-block; 
		padding:0 7px 0 7px;
	}
	.link span span  {
		background:url(../images/link-tail-bg.png) top repeat-x;
		padding:3px 7px 6px 7px;
	}

.link:hover {background:url(../images/link-left-hover-bg.png) left top no-repeat; }
.link:hover span {background:url(../images/link-right-hover-bg.png) right top no-repeat;}
.link:hover span span  {background:url(../images/link-tail-hover-bg.png) top repeat-x;}
/*=============================================================================== gallery =====*/


/* =========== gallery ========= */
#galleryfic_gallery {width:100%;overflow:hidden; padding-top:24px; position:relative}
	div.content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */	display: none;width: 650px; position:relative;z-index:10; height:463px;}
		div.content a, div.navigation a {text-decoration: none;}
		div.content a:focus, div.content a:hover, div.content a:active {}
		div.slideshow-container {position: relative;		clear: both;		height: 368px; /* This should be set to be at least the height of the largest image in the slideshow */z-index:10}
	div.loader {position: absolute;	top: 0;	left: 0; background:url(../images/loading/loader.gif) center center no-repeat}
	div.slideshow {height: 368px;width:650px;overflow:hidden;}
	div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;height:368px;width:650px;}
	.advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow-container {height:368px;}
	.advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow-container {width:650px;}
	div.slideshow a.advance-link {display: block;width: 650px;height: 368px; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;overflow:hidden;}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
	div.slideshow img {	position:absolute;left:0;top:0;	padding:0}
	div.slideshow.noborder img {padding:0;border:none;}
	div.caption-container {	position: absolute; top:360px; width:100%; height:78px; overflow:hidden;}
		.advanced_gallery div.caption-container {position:absolute;	right:0;}
	span.image-caption {display: block;position: relative;left: 0;}
	div.caption {padding:0 0 0 0;overflow:hidden;}
	div.image-desc {}
	div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
	
	#thumbs {}
	.advanced_gallery #thumbs {}
	
	ul.advanced_thumb {clear: both;	margin: 0;padding: 0;width:660px;height:158px;overflow:hidden;}
	ul.thumbs li {float: left;background:none !important;list-style: none;margin:0 10px 0 0;	margin-bottom:4px;}

	ul.thumbs li.last {padding-right:0;}
	a.thumb {display: block;}
	ul.thumbs li.selected a.thumb {	}
	a.thumb:focus {	outline: none;}
	ul.thumbs img {	border: none;display: block;}
/* Pagination */
div.pagination {clear: both;width:650px;position:relative; overflow:hidden; z-index:1}
div.navigation div.top {height: 11px;display:none; /* optional disabled */}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display:none}
div.pagination.bottom { position:absolute; z-index:2; left:0; margin-top:-28px;}
div.pagination span.ellipsis {}

.pagination a.prev_1 {height:28px;width:59px; font:14px "Helvetica Neve" Helvetica, Arial, sans-serif; color:#fff; font-style:italic; line-height:28px; display:block !important;background: url(../images/button_gallery.gif) right top no-repeat; float: left; text-align:center; display:block}
.pagination a.next_1 {height:28px;width:59px; font:14px "Helvetica Neve" Helvetica, Arial, sans-serif; color:#fff; font-style:italic; line-height:28px; display:block !important;background: url(../images/button_gallery.gif) right top no-repeat; float: right; text-align:center; display:block}
.pagination a.next_1:hover, .pagination a.prev_1:hover{ background-position:left}

/* =========== gallery end ========= */


/*=============================================================================== nav =====*/

/*=============================================================================== other =====*/
.block {
	height:235px;
	width:278px;
	background:url(../images/page1-img1.jpg) 0 0 no-repeat;
	margin-top:39px;
	position:relative;
	background-image: url(../images/page1-img1.jpg);
}
	.block .link {
		background:url(../images/link-left-hover-bg.png) left top no-repeat; 
		position:absolute;
		left:13px;
		bottom:14px;
	}
		.block .link span {
			background:url(../images/link-right-hover-bg.png) right top no-repeat;
		}
			.block .link span span  {
				background:url(../images/link-tail-hover-bg.png) top repeat-x;
			}

.block .link:hover {background:url(../images/link-left-bg.png) left top no-repeat; }
.block .link:hover span {background:url(../images/link-right-bg.png) right top no-repeat;}
.block .link:hover span span  {background:url(../images/link-tail-bg.png) top repeat-x;}
/*=================================================================================================================== footer =====*/
footer strong {
	display:block;
	padding:29px 0 0 1px;
	color:#838181;
}
	footer a {
		text-decoration:none;
		color:#838181;
	}
		footer a:hover {text-decoration:underline;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#ContactForm {
	padding-top:26px;
}
	#ContactForm label {
		height:40px; 
		display:block;
	}
	#ContactForm .link {
		margin:20px 0px 0px 9px;
	}
	#ContactForm input {
		width:250px; 
		background:#f2f2f2; 
		border:1px solid #e6e6e6;
		padding:8px 14px 6px 14px; 
		color:#9e9e9e;
		color:#989797;
	}
	#ContactForm textarea {
		width:250px; 
		height:178px;
		background:#f2f2f2; 
		border:1px solid #e6e6e6;
		padding:5px 14px 6px 14px;  
		overflow:auto; 
		color:#9e9e9e; 
	}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
#YoutubeGalleryMainContainer1 div img {display: none !important}