/** 
 Available fonts
 + NimbusSanNov-SemBol;
 + NimbusSanNov-Reg;
 + NimbusSanNov-Hea;
**/

@charset "utf-8";
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: none;
}

body {
	color: #605a5d;
	font-size: 11px;
	font-family: NimbusSanNov-Reg, Arial;
	background-color: #ffffff;
}

body * {
	margin: 0px;
	padding: 0px;
}

body.hidden {
	visibility: hidden;
}

img {
	border: 0px;
}

ul {
	list-style-type: none;
}

form {
	margin: 0px;
	padding: 0px;
}

hr {
	height: 1px;
	border: 1px solid #000000;
}

p {
	padding: 0px;
}

a:focus {
	outline: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

#holder {
	width: 100%;
}

.middle_align {
	margin: 0px auto;
	width: 950px;
	min-width: 654px;
	max-width: 950px;
}

#header {
	float: left;
	width: 100%;
	height: 89px;
	position: fixed;
	background-color: #ffffff;
	z-index: 99;
	top: 0;
	left: 0;
}
	
	#menu {
		float: right;
	}
	
		#menu ul{
			float: left;
			width: 100%;
			padding-top: 42px;
		}
		
			#menu ul li:first-child {
				padding-left: 0px;
			}
			#menu ul li {
				float: left;
				padding-left: 13px;
			}
			
				#menu ul li a {
					float: left;
					width: 100%;
					text-decoration: none;
					color: #2c2c2b;
					font-size: 12px;
					text-transform: uppercase;
					letter-spacing: 1px;
				}
				
				#menu ul li.active a,
				#menu ul li a.active,
				#menu ul li a:hover {
					color: #12b812;
				}
				
				
				.project_title span {
					padding-bottom: 6px;
					color: #12b812;
					float: left;
					width: 100%;
					text-decoration: none;
					font-size: 13px;
					text-transform: uppercase;
					letter-spacing: 1px;
					min-width: 100px;
				}
				#menu ul li.project span {
					color: #12b812;
					margin-right: 30px;
					float: left;
					width: 100%;
					text-decoration: none;
					font-size: 11px;
					text-transform: uppercase;
					letter-spacing: 1px;
				}
				.project_title a,
				#menu ul li.project a {
					color: #12b812;
					margin-right: 30px;
				}
	
	#logo {
		float: left;
		padding-top: 35px;
	}
	
		#logo img,
		#logo a {
			float: left;
			text-decoration: none;
			color: #000000;
		}

#footer {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	letter-spacing: 1px;
	position: relative;
	z-index: 999;
	background: #ffffff;
}

	#footer span {
		float: left;
		color: #080808;
		font-size: 12px;
		padding-right: 5px;
		line-height: 18px;
	}
	#footer span.fix a {
		text-decoration: none;
		background: none;
		color: #434342;
	}
	
	#footer span.fix a:hover {
		text-decoration: none;
		color: #434342;
	}
	
	#footer span.name {
		color: #2cbf0f;
		text-transform: uppercase;
		font-family: NimbusSanNov-SemBol;
	}
	
	#footer a.pin,
	#footer a.tw,
	#footer a.fb {
		text-decoration: none;
		color: #2c2c2b;
		float: left;
		width: 16px;
		height: 16px;
		background-image: url(../img/social_icons.png);
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
		#footer a.fb {
			background-position: 0 -26px;
			margin-right: 6px;
			margin-left: 10px;
		}
		
		#footer a.tw {
			background-position: 0 0;
		}
		#footer a.pin {
			background-position: 0 -124px;
			margin-right: 6px;
			margin-left: 10px;
		}
		
	#footer .back_to_top {
		float: right;
		line-height: 18px;
		font-size: 10px;
	}
	
		#footer .back_to_top a {
			background-image: url(../img/social_icons.png);
			background-repeat: no-repeat;
			text-decoration: none;
			text-transform: uppercase;
			color: #2c2c2b;
			background-position: right center;
			width: auto;
			height: auto;
			padding-right: 20px;
			
		}
		
		#footer .back_to_top a:hover {
			color: #12b812;
		}
		
	#footer .psny {
		float: right;
		line-height: 18px;
		font-size: 10px;
	}
	
		#footer .psny a {
			text-decoration: none;
			text-transform: uppercase;
			color: #a7a9ac;
			width: auto;
			height: auto;
			font-size: 11px;
		}
		
		#footer .psny a:hover {
			color: #12b812;
		}
		
#fof {
	float: left;
	width: 100%;
	padding-top: 90px;
}
	
	#fof .content-heading {
		text-align: center;
		font-size: 20px;
		padding-top: 30px;
	}
	
	#fof .header-description {
		font-size: 14px;
		text-align: center;
		padding-top: 40px;
	}
	
	#fof a {
		font-family: NimbusSanNov-SemBol;
		text-decoration: none;
		color: #000000;
	}
	
		#fof a:hover {
			text-decoration: underline;
		}

#home {
	float: left;
	width: 100%;
	padding-top: 90px;
}
	
	#home .big {
		float: left;
		width: 625px;
	}
		
		#home .big img {
			float: left;
			width: 100%;
			
		}
	
	#home .small {
		float: right;
		width: 303px;
	}
	
		#home .small img {
			float: left;
			width: 100%;
		}
			
		#home a {
			position: relative;
			float: left;
			width: 100%;
			overflow: hidden;
			text-decoration: none;
		}
			#home li a img{
				opacity: 0;
			}
			
			#home a .hover {
				position: absolute;
				background: url(../img/dot_white.png) 0 0 transparent;
				width: 100%;
				height: 100%;
				bottom: -110%;
				top: auto;
			}
			
				#home a .hover .details {
					bottom: 8%;
					float: left;
					left: 8%;
					position: absolute;
					text-transform: uppercase;
				}
				
				#home a .hover span {
					float: left;
					width: 100%;
					text-decoration: none;
					letter-spacing: 1px;
				}
				
					#home a .hover span.category {
						color: #2CBF0F;
						padding-bottom: 2px;
					}
					
					#home a .hover span.name {
						color: #2C2C2B;
					}
					
					
	#home .check {
		float: left;
		width: 100%;
	}
	
		#home .big {
			width: 66%;
			padding-right: 2%;
		}
		
		#home .small {
			width: 32%;
			position: relative; 
			height: 100%;
		}
			
			#home .small .first_img {
				position: absolute;
				top: 0;
				left: 0;
				float: left;
				width: 100%;
			}
			
			#home .small .second_img {
				position: absolute;
				bottom: 0;
				left: 0;
				float: left;
				width: 100%;
			}

#work {
	float: left;
	width: 100%;
	padding-top: 90px;
}

	#header .categories,
	#work .categories {
		float: left;
		width: 100%;
		/*
		border-top: 1px solid #cccccc;
		padding-top: 20px;
		padding-bottom: 20px;
		*/
		letter-spacing: 1px;
	}
	#header .categories {
		float: right;
		width: auto;
		letter-spacing: 1px;
		padding-top: 42px;
	}
	
	#header .categories ul,
	#work .categories ul {
		margin: 0 auto;
		float: right;
		visibility: hidden;
	}
			
		
			#header .categories ul li:last-child{
				padding-right: 0;
			}
			#header .categories ul li,
			#work .categories ul li {
				float: left;
				padding: 0 7px;
			}
			
				#header .categories ul li a,
				#work .categories ul li a {
					text-decoration: none;
					text-transform: uppercase;
					font-size: 12px;
					color: #2d2c2c;
				}
				
				#header .categories ul li a:hover,
				#header .categories ul li a.active,
				#work .categories ul li a:hover,
				#work .categories ul li a.active {
					color: #17b00c ;
				}
				
	#work .products {
		float: left;
		width: 100%;
		letter-spacing: 1px;
	}
	
		#work .products .holder {
			float: left;
			width: 100%;
			padding-bottom: 35px;
		}
		
		#work .products .holder .item {
			float: left;
		}
		
			#work .products .holder .item:first-child {
				padding-left: 0px !important;
			}
			
			#work .products .holder .item a {
				text-decoration: none;
				color: #2d2c2c;
				text-transform: uppercase;
				float: left;
				width: 100%;
			}
			
			#work .products .holder .item a:hover  {
				color: #17b00c;
			}
			
			#work .products .holder .item img {
				float: left;
				width: 100%;
			}
			
			#work .products .holder .item img {
				float: left;
				width: 100%;
			}
			
			#work .products .holder .item span.title {
				float: left;
				width: 100%;
				padding-top: 10px;
				font-size: 12.5px;
			}
			
		#work .products .no_projects {
			padding-top: 30px;
			font-size: 20px;
			font-family: NimbusSanNov-SemBol;
			text-align: center;
		}
	
#work_detail {
	float: left;
	width: 100%;
	padding-top: 90px;
}

#work_detail .relative_container {
	float: left;
	width: 100%;
}

#work_detail .relative_container {
	/*position: relative;*/
}

	#work_detail #slides {
		float: left;
		position: relative;
		z-index: 2;
		width: 65%;
		min-width: 100px;
	}
	
		#work_detail #slides ul {
			float: left;
			width: 100%;
		}
		
			#work_detail #slides ul li {
				float: left;
				width: 100%;
				padding-bottom: 15px;
				padding-top: 15px;
			}
			
				#work_detail #slides ul li.active img {
					/*
					opacity: 1;
					filter:alpha(opacity=100); 
					-webkit-transition: opacity 0.5s;
					-moz-transition: 	opacity 0.5s;
					-o-transition: 		opacity 0.5s;
					-ms-transition: 	opacity 0.5s;
					transition: 		opacity 0.5s;
					*/
				}
			
				#work_detail #slides ul li img {
					/*
					opacity: 0.2;
					filter:alpha(opacity=20); 
					*/
					float: left;
					width: 100%;
					/*
					-webkit-transition: opacity 0.5s;
					-moz-transition: 	opacity 0.5s;
					-o-transition: 		opacity 0.5s;
					-ms-transition: 	opacity 0.5s;
					transition: 		opacity 0.5s;
					*/
				}
			
			#work_detail #slides ul li:first-child {
				padding-top: 0px;
			}
	
	#work_detail #slides_menu {
		position: fixed;
		right: 0;
		top: 90px;
		z-index: 99;
		min-width: 1px;
		overflow: hidden
		-webkit-overflow-scrolling: touch;
	}
		
		#work_detail #slides_menu ul {
			float: left;
			width: 22px;
			margin-top: 5px;
			position: relative;
			z-index: 99;
		}
		#work_detail #slides_menu div.description {
			float: left;
			position: relative;
			z-index: 99;
			font-family: NimbusSanNov-Reg;
			font-size: 13px;
			color: #454545;
			padding-left: 20px;
			top: 3px;
			line-height: 17px;
		}
			#work_detail #slides_menu ul li {
				float: left;
				padding-bottom: 2px;
			}
	
				#work_detail #slides_menu ul li a {
					width: 2px;
					height: 35px;
					padding: 0 10px;
					text-decoration: none;
					color: #ffffff;
					float: left;
				}
				
					#work_detail #slides_menu ul li a span{
						width: 2px;
						height: 35px;
						text-decoration: none;
						color: #ffffff;
						background-color: #dbdbdb;
						float: left;
					}
					
					#work_detail #slides_menu ul li a.active span,
					#work_detail #slides_menu ul li a:hover span {
						background-color: #07d207;
					}
					
#firm {
	float: left;
	width: 100%;
	padding-top: 90px;
}

	#firm .firm {
		float: left;
		width: 100%;
		/*
		padding-top: 40px;
		border-top: 1px solid #cccccc;
		*/
	}
	
		#firm .firm .holder {
			float: left;
			width: 100%;
			padding-bottom: 35px;
		}
		
		#firm .firm .holder .item {
			float: left;
		}
			
			#firm .firm .holder .item:first-child {
				padding-left: 0px!important;
			}
			
			#firm .firm .holder .item a {
				text-decoration: none;
				color: #2d2c2c;
				text-transform: uppercase;
				float: left;
				width: 100%;
			}
			
			#firm .firm .holder .item a:hover  {
				color: #17b00c;
			}
			
			#firm .firm .holder .item img {
				float: left;
				width: 100%;
			}
			
			#firm .firm .holder .item span.title {
				float: left;
				width: 100%;
				padding-top: 10px;
			}
			
			
#about {
	float: left;
	width: 100%;
	padding-top: 90px;
}

	#about .description {
		float: left;
		padding-right: 5%;
		width: 63%;
		font-size: 14px;
		color: #434443;
		line-height: 18px;
	}
	
		#about .description p span {
			font-family: NimbusSanNov-SemBol;
		}
	
	#about .description.no_images {
		float: left;
		width: 100%;
		padding-right: 0px;
	}
	
	#about .images {
		float: right;
		width: 32%;
	}
	
		#about .images ul {
			float: left;
			width: 100%;
		}
		
			#about .images ul li{
				float: left;
				width: 100%;
				padding-bottom: 30px;
			}
			
				#about .images ul li img {
					float: left;
					width: 100%;
				}

#contact {
	float: left;
	width: 100%;
	padding-top: 90px;
}
	
	#contact .map {
		float: left;
		width: 49%;
	}
	
	#contact .contact_text {
		width: 49%;
		float: right;
		position: relative;
		background-color: #44b540;
	}
	#contact .desc {
		position: absolute;
		bottom: 12%;
		left: 10%;
	}
	
		#contact .desc h1 {
			float: left;
			width: 100%;
			font-size: 14px;
			font-family: NimbusSanNov-SemBol;
			text-transform: uppercase;
			color: #f9faf9;
			font-weight: normal;
			padding-bottom: 30px;
			letter-spacing: 1px;
		}
		
		#contact .desc p {
			color: #f9faf9;
			font-size: 14px;
			font-family: NimbusSanNov-SemBol;
			padding-bottom: 15px;
		}
		
			#contact .desc p a {
				color: #f9faf9;
				text-decoration: none;
			}
			
			#contact .desc p a:hover {
				text-decoration: underline;
			}
		
		#contact .desc p:last-child {
			padding-bottom: 0px;
		}
		#contact .desc span {
			float: left;
			width: 100%;
			padding-top: 35px;
		}
			#contact .desc span a {
				color: #f9faf9;
				text-decoration: none;
				font-size: 14px;
				font-family: NimbusSanNov-SemBol;
				background-image: url(../img/social_icons_big.png);
				background-repeat: no-repeat;
				background-color: transparent;
				width: 25px;
				height: 24px;
				float: left;
				margin-right: 10px;
			}
			
			
				#contact .desc a.tw {
					background-position: -35px 0;
				}
				
				#contact .desc a.fb {
					background-position: 0 0;
				}
				
		#contact #map_canvas {
			width: 100%;
			height: 100%;
			float: left;
		}

#news {
	float: left;
	width: 100%;
	padding-top: 90px;
}
	
	#news .news {
		margin: 0 auto;
		width: 375px;
	}
	
		#news .item {
			float: left;
			width: 100%;
			padding-bottom: 40px;
		}
			
			#news .item a {
				text-decoration: none;
				color: #434443;
				font-size: 12px;
			}
			#news .item a:hover {
				color: #12b812;
			}
			
			#news .item img {
				
			}
			
			#news .item .info {
				padding-top: 15px;
			}
			
				#news .item .info span {
					float: left;
				}
				
				#news .item .info span.date {
					float: right;
					font-size: 10px;
				}
				
/* showPopup */

.popbox {
	z-index: 999999;
	float: left;
	height: auto;
	display: none;
	position: absolute;
	background-color: transparent;
}

	.popbox .close {
		right: -70px;
		top: -35px;
		width: 40px;
		height: 40px;
		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
		line-height: 19px;
		text-align: right;
		position: absolute;
		text-decoration: none;
	}

	.popbox .close a{
		float: right;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	
#overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.6;
	background-color: #ffffff;
}

.popbox .close {
	width: 32px;
	height: 32px;
	text-decoration: none;
	background-image: url(../img/popup_icons.png);
} 

#news_pop {
	
}
	#galleria {
		width: 100%;
		position: relative;
	}
	
	#galleria .slides {
		
	}

	#galleria .slide {
		float: left;
		width: 100%;
		visibility: hidden;
		position: relative;
	}
	
	#galleria .nav {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 62px;
		z-index: 999;
		position: absolute;
		/* margin-top: -119px; toolbar height + nav height */
	}
	
		#galleria .nav .left,
		#galleria .nav .right {
			opacity: 1;
			width: 70px;
			height: 62px;
			z-index: 999;
			/*width: 62px;*/
			cursor: pointer;
			position: absolute;
			text-indent: -99999px;
			background-repeat: no-repeat;
		}
		
		#galleria .nav .left {
			left: -70px;
			/*left: -50px;*/
			background-position: 0 -70px;
			background-image: url(../img/popup_icons.png);
		}
		
		#galleria .nav .right {
			z-index: 2;
			right: -70px;
			/*right: -50px;*/
			background-position: 40px -155px;
			background-image: url(../img/popup_icons.png);
		}

/* END showPopup*/
		
#people {
	float: left;
	width: 100%;
	padding-top: 90px;
}

	#people .people {
		float: left;
		width: 63%;
		padding-right: 5%;
	}
	
	#people .people.no_images {
		float: left;
		width: 100%;
		padding-right: 0px;
	}
	
		#people .people .item {
			float: left;
			width: 100%;
			padding-bottom: 20px;
		}
		
			#people .people .item .person_img {
				position: relative;
				padding-right: 4%;
				float: left;
				width: 22%;
				min-height: 1px;
			}
			
				#people .people .item .person_img img {
					float: left;
					width: 100%;
					/* height: 134px; */
				}
				
				#people .people .item .person_img .mask {
					position: absolute;
					display: none;
					width: 100%;
					/* height: 134px; */
					z-index: 0;
					top: 0;
					left: 0;
					background: url(../img/people_mask.png) no-repeat 0 0 transparent;
				}
				
			#people .people .item .desc {
				/* width: 74%; */
				float: left;
			}
			
			#people .people.no_images .item .desc {
				width: 100%;
			}
			
				#people .people .item .desc .title {
					float: left;
					width: 100%;
					font-family: NimbusSanNov-SemBol;
					color: #434443;
					font-size: 13px;
					text-transform: uppercase;
				}
				
				#people .people .item .desc .mail {
					float: left;
					width: 100%;
					color: #434443;
					font-size: 13px;
				}
					#people .people .item .desc .mail a {
						color: #2cbf0f;
						text-decoration: none;
					}
				#people .people .item .desc .details {
					float: left;
					width: 100%;
					padding-top: 10px;
					padding-bottom: 20px;
					color: #434443;
					font-size: 13px;
				}
				#people .people .item .desc .details p{
					margin-bottom: 10px;
				}
	
	#people .images {
		float: left;
		width: 32%;
	}
	
		#people .images ul {
			float: left;
			width: 100%;
		}
		
			#people .images ul li{
				float: left;
				width: 100%;
				padding-bottom: 30px;
			}
			
				#people .images ul li img {
					float: left;
					width: 100%;
				}
		
#cycle {
	float: left;
	height: 100%;
	/*overflow: hidden; */
	position: relative;
	width: 100%;
}
#cycle li {
	left: 0;
	position: absolute;
	top: 0;
	float: left;
	width: 100%;
}

#cycle li.current {
	/*z-index: 999;*/
}

#home a.no_prj {
	cursor: default;
}