/* 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 }

.smal
{
font-size:85%;
}

* { margin:0; padding:0;}
html, body { height:100%;  min-width:960px;}	
body { 
	background: url(../images/top.gif) top left repeat-x #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#151515;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 960px; }
.tail-main{ background:url(../images/bg.jpg) top center no-repeat; width:100%; position:relative}
.right_bgd { position:absolute; top:0; right:0; width:50%; height:726px; background:url(../images/top1.gif) left top repeat-x;}

a.webgal:hover {
opacity:0.6;
filter:alpha(opacity=60);
}

table.webgal{
margin: auto auto;
}

td.webgal1
{
padding:15px !important;
}

img.webgal1
{
width:170px;
height:162px;
}

a{ color:#d1125a; text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{ margin-bottom:4px }
section ul.list li a{color:#fff; text-decoration:none; line-height:26px; background:#128c8e; display: inline-block; padding:0px 16px 0px 16px; border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  position:relative; font-size:14px} 
section ul.list li a:hover { text-decoration:none; background:#d1125a; }

.link{color:#128c8e; float:right; text-transform:uppercase; font-size:11px; border-bottom:1px solid #128c8e; text-decoration:none }
.link:hover{color:#b0b0b0;  border-bottom:1px solid #b0b0b0; text-decoration:none }
.link1{color:#128c8e; text-transform:uppercase; font-size:11px; border-bottom:1px solid #128c8e; text-decoration:none }
.link1:hover{color:#b0b0b0;  border-bottom:1px solid #b0b0b0; text-decoration:none }

.button{color:#fff; background:url(../images/button.png) top left no-repeat; width:168px; text-align:center; line-height:28px; padding-bottom:8px; font-size:12px; text-transform:uppercase; display:block; text-decoration:none; cursor:pointer  }
.button:hover{text-decoration:none; background:url(../images/button.png) bottom left no-repeat; }

.link-1 { display:inline-block; float:right; line-height:28px; background:url(../images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px;	-moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; position:relative;}
.link-1:hover {background:#000; text-decoration:none; color:#fff}


.link-2 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left.gif) left top no-repeat;}
.link-2  b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}




/*header*/
header.header1{font-size:0.75em; color:#FFFFFF; height:524px; border-bottom:1px solid #c7e6d5 }
header.header2{font-size:0.75em; color:#FFFFFF; height:357px; border-bottom:1px solid #94e1b8 }
header .indent1{ top:465px; left:549px; position:absolute; padding:0; width:168px}
header .inside{top:34px; left:190px; position:absolute; padding:0; width:780px; z-index:9000}

.slogan { top:165px; left:0; position:absolute}
.img { top:121px; right:0; position:absolute}
.but { top:106px; right:0; position:absolute}

.flash{top:80px; left:0; position:absolute; width:100%}

header h1 {position:absolute; left:0px; top:13px; text-indent:-9999px;}
header h1 a { display:block; width:137px; height:147px; background:url(../images/logo.jpg) no-repeat left top;	}



/*--- superfish dropdown menu begin ---*/
.sf-menu {margin: 0; margin-left:-20px; padding:0;	list-style: none; z-index:90000; position:relative; width:700px } 
.sf-menu li{ margin:0; display:block; position:relative; float:left; text-align:center; padding-bottom:5px; padding-right:0px;  }
.sf-menu li a{color:#fff; text-decoration:none; display:block; float:left; line-height:29px; font-size:12px; text-transform:uppercase; background:url(../images/bg_menu.png) right center no-repeat; } 

.langflag { height:20px; margin-right:10px; border:0;}
#flagdiv { float:right; height:29px; margin-top:4px; margin-right:5px;}
/* Customization by Ivan
ENG */
#home { background-size:80px 29px; width:80px;}
#li1 { width: 96px; } #div1 { margin-left:6px;}

#weare { background-size:70px 29px; width:70px;}
#li2 { width: 83px;} #div2 { margin-left:6px;}

#wedo { background-size:75px 29px; width:75px;}
#li3 { width: 88px;} #div3 { margin-left:6px;}

#proj { background-size:105px 29px; width:105px;}
#li4 { width: 118px;} #div4 { margin-left:6px;}

#cont { background-size:105px 29px; width:108px;}
#li5 { width: 124px;} #div5 { margin-left:5px;}

#photo { background-size:85px 29px; width:85px;}
#li6 { width: 98px;} #div6 { margin-left:5px;}

#video { background-size:80px 29px; width:80px;}
#li7 { width: 93px;} #div7 { margin-left:5px;}

/*NL*/
#homen { background-size:80px 29px; width:80px;}
#li1n { width: 93px; } #div1n { margin-left:6px;}

#wearen { background-size:70px 29px; width:70px;}
#li2n { width: 83px;} #div2n { margin-left:5px;}

#wedon { background-size:70px 29px; width:70px;}
#li3n { width: 83px;} #div3n { margin-left:5px;}

#projn { background-size:115px 29px; width:115px;}
#li4n { width: 128px;} #div4n { margin-left:6px;}

#contn { background-size:100px 29px; width:100px;}
#li5n { width: 113px;} #div5n { margin-left:5px;}

#photo { background-size:85px 29px; width:85px;}
#li6n { width: 98px;} #div6n { margin-left:5px;}

#video { background-size:80px 29px; width:80px;}
#li7n { width: 93px;} #div7n { margin-left:5px;}


.sf-menu li a:hover{color:#045d67; text-decoration:none;  background:url(../images/bg_menu-act.png) right center no-repeat;  } 
.sf-menu li a.current{color:#045d67; text-decoration:none;  background:url(../images/bg_menu-act.png) right center no-repeat; }


.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:29px; z-index:99;}

/*** DEMO SKIN ***/
.sf-menu ul {	width:191px;   display:block; background:#52b4a3; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding:10px 0px 10px 0px}
.sf-menu ul li {  text-align:left; line-height:28px; padding:0;  z-index:9; position:relative;  }
.sf-menu ul li a {text-transform:none; line-height:28px; text-align:left; width:164px; padding-left:20px; padding:0; background:none; font-size:13px; color:#fff; z-index:9; background: url(../images/bg_menu1.gif) top left repeat-x; font-weight:bold}
.sf-menu ul li a:hover { color:#046567; background:none;  background: url(../images/marker_1.gif) top left no-repeat; padding-left:12px; background-position:0 9px }

.sf-menu ul ul { width:165px; background:#8bd2ad; margin-top:-10px }
.sf-menu ul ul li {  text-align:left; line-height:28px; padding:0;  z-index:9; position:relative;  }
.sf-menu ul ul li a {text-transform:none; line-height:28px; text-align:left; width:164px; padding-left:20px; padding:0; background:none; font-size:13px; color:#046567; z-index:9; background: url(../images/bg_menu2.gif) top left repeat-x; font-weight:bold}
.sf-menu ul ul li a:hover { color:#fff; background:none;  background: url(../images/marker_2.gif) top left no-repeat; padding-left:12px; background-position:0 9px }


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0;	top:29px; /* match top ul list item height */	z-index: 99;}
.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {	left:145px;	top:29px; /* match top ul list item height */	z-index: 99;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {  /* match ul width */ top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

.sf-sub-indicator {	position: absolute;	display:block;	right:10px;	width:10px;	height:10px; text-indent:-999em; overflow:hidden;}


/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:url(../images/bg_cont.png)}
section .inside{padding:40px 0px 30px 0px}
.img-left{ float:left; margin:0 26px 0px 0}
.img-left1{ float:left; margin:0 15px 0px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:0 0 7px 0}
h2{color:#d1125a; font-size:30px; margin-bottom:17px; line-height:36px}
h3{color:#128c8e; font-size:20px; margin-bottom:7px; line-height:24px}
h4{color:#128c8e; font-size:1em;  }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.banner{ margin-top:5px}
.banner1{ margin-top:35px}

.indent{padding:0px 0px 0px 0px}
.indent1{padding:20px 0px 0px 0px}
.pad{padding:0px 0px 0px 28px}

.q{ background:url(../images/q.png) top left no-repeat; color:#fff; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:274px}
.q .indent_q{padding:0px 40px 0px 30px; vertical-align:middle; height:265px; position:relative;}
.q em{ margin-left:10px; display:block}
.q p{ margin-bottom:21px}
.q .p{ margin-bottom:71px}

/*footer*/
footer { color:#b0b0b0; font-weight:bold; font-size:0.8125em; background:url(../images/tail.gif) top repeat-x #fff}
footer .inside{ padding:22px 0px 33px 0px }
footer a {color:#b0b0b0; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer span{ color:#151515}
footer span a {color:#151515; }

footer ul{margin:0; padding:0; list-style:none;}
footer ul li{ margin:0px; display:inline; background:url(../images/bg_li.gif) center left no-repeat; float:left}
footer ul li a{color:#636363; text-decoration:none; display:block; float:left; padding:2px 10px 2px 10px} 
footer ul li a:hover { text-decoration:none; color:#c60100 }
footer ul .first{background:none;}
footer ul .first a{ padding-left:0px}
footer ul li .current{ text-decoration:none; color:#c60100  }

footer ul.icon{margin:0; padding:0; list-style:none;}
footer ul.icon li{ padding-left:6px; float:left; display:inline; margin:0}
footer ul.icon .first{ padding-left:0}
footer ul.icon li a{color:#14acba; text-decoration:none; padding:0} 
footer ul.icon li a:hover { text-decoration:none;}

	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:30px}
.block-contact span{ float:right; margin-right:170px}


/* Contact form */
#contact-form {	overflow:hidden;	position:relative;	vertical-align:top;	}
	#contact-form fieldset {border:none;padding:0;}
		#contact-form .field {overflow:hidden; padding:0 0 15px 0px;}
			#contact-form input[type=text] {
				width:410px;
				padding:10px 10px 10px 10px;
				background:#fcfef5; 
				border-top:1px solid #e0e2da;
				border-left:1px solid #e0e2da;
				border-bottom:1px solid #e9f0d9;
				border-right:1px solid #e9f0d9;
				display:block;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;				
				color:#151515;
				border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative
			}
			#contact-form.main-contacts .field input { margin-top:4px; }
			#contact-form textarea {		
				width:528px;			
				height:240px;
				background:#fcfef5; 
				border-top:1px solid #e0e2da;
				border-left:1px solid #e0e2da;
				border-bottom:1px solid #e9f0d9;
				border-right:1px solid #e9f0d9;
				display:block;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#151515;
				border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;
				padding:9px 10px 9px 10px;
				overflow:auto;
				display:block;
				margin-bottom:15px;
				}
				#contact-form a {cursor:pointer;}
				#contact-form .alignright {padding-top:12px;}
					#contact-form small {color:red;font-weight:bold;padding:0 0 0 5px;}
			#contact-form label {padding:0 0 2px 5px;display:inline-block;}
			#contact-form strong {padding:0 0 2px 9px;display:inline-block;color:#838383;}
				#contact-form .error {color:red; display:none}
		.buttons-wrapper {padding-top:30px;}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}
	
	
/* Lightbox image */
.lightbox-image {	position:relative;	overflow:hidden; display:block	}
.lightbox-image1 {	position:relative;	overflow:hidden; float:left	}
	.lightbox-image img {		position:relative;		z-index:2;		}
	.lightbox-image span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	.lightbox-image1 img {		position:relative;		z-index:2;		}
	.lightbox-image1 span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	
/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	color:#a7a7a7;
	font-size:11px;
	text-transform:none;
	z-index:900;
	position:relative
}
/* // Easy Tooltip */




/* --- gallery begin --- */
.gallery-box {	width:100%;	overflow:hidden;}
div.content {	display: none;	width:950px; }
div.content a:focus, div.content a:active {	text-decoration: underline;}
div.slideshow-container {	position: relative;	clear: both;	height:417px; 	float:left;	width:650px;}
div.loader {	position: absolute;	top: 0;	left: 0;	background-image: url(images/loader.gif);	background-repeat: no-repeat;	background-position: center;	width:950px;	height:417px;}
div.slideshow {}

div.slideshow span.image-wrapper {	display: block;	position: absolute;	top: 0;	left: 0;}
div.slideshow a.advance-link {	display: block;	width:802px;	height:417px; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {	text-decoration: none;}
div.slideshow img {	display:block;	top:0;	left:0;	position:absolute;}
div.caption-container {	position: relative;	float:left;	color:#b4b1b1;}
	div.caption-container dl {		margin-bottom:20px;	}
		div.caption-container dl span {	color:#83b1ad;	}	
	div.caption-container a {background:#fff;}
span.image-caption {display: block;	position: absolute;	top: 0;	left: 0;}

div.caption {	width:300px;	float:left;}
.caption strong{ color:#128c8e}
.caption a strong{ color:#d1125a}
.caption p{ margin-bottom:25px}


div.navigation {	}
ul.thumbs {	clear: both;	margin: 0;	width:802px; height:127px;	overflow:hidden;}
ul.thumbs li {	padding:0 11px 0px 0;	float: left;}
a.thumb:focus {	outline: none;}
ul.thumbs img {	border: none;	display: block;}

div.pagination {	clear: both;	float:right;	padding-right:11px;	padding-bottom:10px;}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {	display: block;	float:right; bottom:0;	width:0px;	height:0px; font-size:0; text-decoration:none; position:relative}
div.pagination a:hover, div.pagination span.current {}
div.pagination span.ellipsis {	border: none;}


div.pagination a.prev {	background:url(../images/prev.gif) no-repeat left top;	width:46px;	line-height:46px; height:46px; text-decoration:none;  bottom:90px; right:96px !important; z-index:900; color:#000; position:absolute}
div.pagination a.prev:hover {	text-decoration:none;	background:url(../images/prev-act.gif) no-repeat left top !important;}

div.pagination a.next {	background:url(../images/next.gif) no-repeat left top !important;	width:46px;	line-height:46px; height:46px; text-decoration:none;  bottom:90px; right:37px !important; z-index:900; color:#000; position:absolute}
div.pagination a.next:hover {	text-decoration:none;	background:url(../images/next-act.gif) no-repeat left top !important;}
/* --- gallery end --- */