html, body {
	padding:0px;
	margin:0px;
	border:0px;
	/*background:#fff url(images/bg.png) center top /*url(images/razmetka.jpg) 0px 0px no-repeat;*/
	font:12px Tahoma, Arial, sans-serif;
	color:#000;
}

a { outline:none; color:#333; }
a:hover { outline:none; color:#000; }

img { border:0px; }

.hashlayout
{
	overflow:hidden;
	zoom:1;
}

.container_16
{
	
}

#top { margin-bottom:54px; height:60px; }

	#colors { height:60px; overflow:hidden; zoom:1;  }
	
		#colors a { display:block; float:left; height:66px; margin-bottom:10px; width:20px; margin-right:20px; text-decoration:none; margin-top:-16px; }
		#colors a span { display:block; width:13px; height:13px; margin:0 auto; margin-top:2px; display:none; }
		#colors a.project1 { background-color:#cddc28; }
		#colors a.project2 { background-color:#faa61a; }
		#colors a.project3 { background-color:#ec008c; }
		#colors a.project4 { background-color:#6c51a2; }
		#colors a.project5 { background-color:#00abc6; }

		#colors a.project1 span { background:#cddc28 url(images/icons.png)  0px 0px no-repeat; }
		#colors a.project2 span { background:#faa61a url(images/icons.png)  -35px 0px no-repeat; }
		#colors a.project3 span { background:#ec008c url(images/icons.png)  -70px 0px no-repeat; }
		#colors a.project4 span { background:#6c51a2 url(images/icons.png)  -105px 0px no-repeat; }
		#colors a.project5 span { background:#00abc6 url(images/icons.png)  -140px 0px no-repeat; }
		
		#colors a:hover { margin-top:0px;  } 
		

#header {
	height:160px;
}

	#logo h1 a {
		height:60px;
		display:block;
		width:180px;
		height:55px;
		background:url(images/logo.png) 0px 0px no-repeat;
	}
		
		#logo h1 a span {
			position:absolute;
			margin-top:-10000px;
		}	

		ul#main_menu	{
			display:block;
			list-style:none;
			padding:0px;
			margin:0px;
			padding-top:41px;
			width:615px;
			_position:absolute;
			
		}
		
			ul#main_menu	 li { 
				padding:0px; 
				margin:0px; 
				display:block; 
				float:left; 
				font:bold 13px Tahoma, Arial, sans-serif;
				color:#000;
				margin-right:52px;
				zoom:1;
			}
		
			ul#main_menu	 li.file { 
				float:right;
				color:#959595;
				margin-right:0px;
				background:url(images/pdf.png) left 2px no-repeat;
				margin-right:8px;
				padding-left:19px;
				text-align:left;
			}
			
				ul#main_menu	 li.file span {
					display:block;
					background:url(images/dots.png) left bottom repeat-x;
					padding-bottom:2px;
				}					
			
				ul#main_menu li a { color:#000; text-decoration:none; padding-bottom:3px; zoom:1; } 
				
				ul#main_menu	 li a:hover { color:#FAA61A;  } 
				ul#main_menu	 li.current a { border-bottom:5px #FAA61A solid; } 
				ul#main_menu	 li.current a:hover { color:#000;  } 
		
				ul#main_menu	 li.file a {color:#959595; text-decoration:none; }
				ul#main_menu	 li.file a:hover {color:#000; text-decoration:none; }
				

#subheader_blog5, #subheader_blog6 {
	height:65px;
}
		
	#subheader_blog5 .bigtext	{
		height:65px;
		background:url(images/bt-blog5.png) 0px 0px no-repeat;
	}

	#subheader_blog6 .bigtext	{
		height:65px;
		background:url(images/bt-blog6.png) 0px 0px no-repeat;
	}

	
	ul#submenu {
		list-style:none;
		display:block;
		padding:0px;
		margin:0px;
		color:#000;
		font:bold 12px Tahoma, Arial, sans-serif;
		margin-top:30px;
	}
	
		ul#submenu li {
			float:left;
			padding:0px;
			margin:0px;			
			margin-left:14px;
			margin-right:10px;
		}
		
			ul#submenu li a {
				color:#000;
				text-decoration:none;
				padding:3px 10px;
			}

			ul#submenu li.current a {
				background-color:#FAA61A;
			}
			
			ul#submenu li a:hover { color:#FAA61A; }
			ul#submenu li.current a:hover { color:#000; }
		
#work { 
	background-color:#faa61a; 
	height:256px;
	zoom:1;

	width:990px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}	

#work{ 
	background:#faa61a;
}

#work.proj-work {
	height:275px;
	padding-top:6px;
	background:#faa61a url(images/w.png) left top repeat-x !important; 	
}
	
	a.arr {
		width:20px;
		height:20px;
		text-decoration:none;		
	}
	
	/*a.arr:hover { background-position-x:-20px !important; }*/
	
	a#arrow-left, a#arrow-right { 
		position:absolute;
		background:url(images/arrows-w.png) 0px 0px; 
		_background:url(images/arrows-w8.png) 0px 0px; 
		margin-top:20px;
		margin-left:10px;
	}
	
	a#arrow-left.arr-proj,  a#arrow-right.arr-proj {  
		background-image:url(images/arrows.png); 
	}
	
	a#arrow-right { background-position:0px -23px; margin-left:964px; }

	a#arrow-left:hover { background-position:-20px 0px;  }
	a#arrow-right:hover { background-position:-20px -23px;  }
	
	
	
	.items .mask {
		height:240px;	
		overflow:hidden; 
		margin-left:8px;
		padding-top:15px;
		width:890px;
	}
	
		.items ul {
			list-style:none;
			padding:0px;
			margin:0px;
			height:200px;
			width:100000px;
		}
		
			.items ul li {
				width:178px; /* 178 */
				margin:0px;
				float:left;
				overflow:hidden;
			}
	
				.items ul li  a {
					display:block;
					width:158px; /* 178 */
					height:200px; /* 210 - 40 */		
					padding:10px 10px;					
					text-decoration:none;
					color:#000;
				}
					
					.items ul li a span {
						display:block;
					}
						
					.items ul li a span.caption {
						display:block;
						height:34px;
						font:bold 12px/11px Tahoma, Arial, sans-serif;
						color:#000;
					}
	
					.items ul li a span.date {
						font:9px Arial;
						color:#fff;
						margin-top:2px;
						margin-bottom:2px;
					}	

					.items ul li a span.text {
						font:10px/10px Arial, Tahoma, sans-serif;
						color:#000;
					}					

					.items ul li a span.moar {
						font:10px/10px Arial, Tahoma, sans-serif;
						color:#000;
						margin-top:5px;
						display:none;
					}	

					.items ul li a:hover { 
						background-color:#fff; 
						/*border:5px #fff solid;
						padding:5px 5px;
						*/
					}	

					.items ul li a:hover span.date { color:#faa61a; }		
					
					.items ul li.current, .items ul li.current a:hover {
						background:#fff !important;
					}
					
					.items ul li.current a span.date , .items-small ul li.current a:hover a span.date { color:#faa61a; } 
					
					.items ul  li.current  a span.date { color:#faa61a; }
						
						
					.items ul li.current span.s-all  .ico-event, .items ul li a:hover span.s-all  .ico-event { background:url(images/icons.png)  0px 0px no-repeat; }
					.items ul li.current span.s-all  .ico-promo , .items ul li a:hover span.s-all  .ico-promo { background:url(images/icons.png) -35px 0px no-repeat;  }
					.items ul li.current span.s-all  .ico-pr, .items ul li a:hover span.s-all  .ico-pr       { background:url(images/icons.png) -70px 0px no-repeat;   }
					.items ul li.current span.s-all  .ico-digital, .items ul li a:hover span.s-all  .ico-digital       { background:url(images/icons.png) -105px 0px no-repeat;   }
					.items ul li.current span.s-all  .ico-sponsorship, .items ul li a:hover span.s-all  .ico-sponsorship       { background:url(images/icons.png) -140px 0px no-repeat; margin-right:0px; }
				    
					/*кольоровий малюнок*/
					
					.items ul li a img.illustration, .items ul li a img.illustration-grey  {
						display:block;
						width:158px;
						height:107px;
						margin-bottom:2px;
					}
					/*
					.items ul li a img.illustration { display:none; }					
					
					.items ul li a:hover img.illustration { display:block; }
					.items ul li a:hover img.illustration-grey { display:none; }
					.items ul li.current img.illustration { display:block; } 
					.items ul li.current img.illustration-grey { display:none; } 					
					*/
					

					
#content {
	padding-top:16px;
	margin-top:-1px;
	background-color:#FFF;
	width:975px;
	overflow:hidden;
	zoom:1;
	padding-left:15px;
}			

	#article h2 {
		margin:0px;
		padding:0px;
		font:normal 20px/24px Tahoma, Arial, sans-serif;
		margin-bottom:2px;
		color:#000;
	} 
	
	#article div.date { color:#faa61a; font:12px Arial; margin-bottom:12px; }
	
	#article div.text { color:#000; font:14px/17px Tahoma, Arial, sans-serif; color:#000; padding-bottom:50px; overflow:hidden; zoom:1; }
	
	#article div.text p { padding:0px; margin:0px; margin-bottom:17px; }
	
	#pics img { display:block; width:280px; margin-bottom:12px;}
	
	
#footer {
	padding-top:28px;
	height:172px;
	background-color:#FFF;
	width:975px;
	padding-left:15px;
	color:#faa61a;
	font:14px/17px Tahoma, Arial, sans-serif;
}	



	#footer a { color:#faa61a; text-decoration:none; }
	#footer a:hover { color:#faa61a; text-decoration:underline; }

	#logo-footer {
		width:131px;
		height:40px;
		background:#faa61a url(images/logo-w24.png) 0px 0px no-repeat;
		_behavior: url("js/iepngfix.htc");
	}
	
	#footer-contact, #footer-icons {
		padding-top:6px;
		padding-left:15px;
	}
	
		 #footer-icons a {
			display:block;
			float:left;
			width:32px;
			height:32px;
			margin-right:8px;
			text-decoration:none;
			 background-color:#faa61a;  
		 }
		 
		  #footer-icons a:hover{
			text-decoration:none;
			/*box-shadow:2px 2px 2px #000;*/
		 }
		 
		 #footer-icons a.ico-twitter   {  background-image:url(images/ico-twitter.png); _behavior: url("js/iepngfix.htc");  }
		 #footer-icons a.ico-facebook { background-image:url(images/ico-facebook.png); _behavior: url("js/iepngfix.htc");  }
		 #footer-icons a.ico-yt { background-image:url(images/ico-yt.png); _behavior: url("js/iepngfix.htc"); }
		 #footer-icons a.ico-rss { background-image:url(images/ico-rss.png); _behavior: url("js/iepngfix.htc");   }
		
		.footer-color-event, .footer-color-event a { color:#faa61a !important; }
		.footer-color-event #logo-footer, .footer-color-event #footer-icons a { background-color:#faa61a !important; }

		.footer-color-promo, .footer-color-promo a { color:#cddc28 !important; }
		.footer-color-promo #logo-footer, .footer-color-promo #footer-icons a { background-color:#cddc28 !important; }

		.footer-color-pr, .footer-color-pr a { color:#ec008c !important; }
		.footer-color-pr #logo-footer, .footer-color-pr #footer-icons a { background-color:#ec008c !important; }		
		
		.footer-color-digital, .footer-color-digital a { color:#6c51a2 !important; }
		.footer-color-digital #logo-footer, .footer-color-digital #footer-icons a { background-color:#6c51a2 !important; }		

		.footer-color-sponsorship, .footer-color-sponsorship a { color:#00abc6 !important; }
		.footer-color-sponsorship #logo-footer, .footer-color-sponsorship #footer-icons a { background-color:#00abc6 !important; }		
		
	/*	
	#footer.f-blog { background-color:#00ABC5; }
	#footer.f-agency { background-color:#FAA61A; }
	#footer.f-services { background-color:#EC008C; }
	#footer.f-projects { background-color:#6C51A2; }		
	*/
	
/*
.blog-big { 
	background:#F2F2F2 url(images/blog-off.png) 24px 40px no-repeat;  
	height:360px !important;
	
	width:990px;
	border-top:1px #000 solid;
	
	overflow:hidden;
	zoom:1;
}		

	.blog-big .mask {
		height:300px !important;
		width:900px;
	}
	
		.blog-big .mask  ul { width:900px; }

		.blog-big .items ul {
			list-style:none;
			padding:0px;
			margin:0px;
			height:300px !important;
			width:100000px;
		}
		
			.blog-big .items ul  li {
				padding:10px;
				margin:0px;
				
				float:left;
				overflow:hidden;
				
				margin-top:-10px;
				height:335px !important;
				width:280px;		
			}
	
				.blog-big .items ul  li  a {
					dislpay:block;
					text-decoration:none;
					color:#000;
				}
					
					.blog-big .items ul  li a span {
						display:block;
					}
						
					.blog-big .items ul  li a span.caption {
						font:18px/21px Tahoma;
						color:#000;
					}
	
					.blog-big .items ul  li a span.date {
						font:10px Arial, Tahoma, sans-serif;
						color:#808080;
						margin-top:4px;
						margin-bottom:4px;
					}	
					
					.blog-big .items ul  li a img.illustration {
						display:block;
						width:280px;
						height:188px;
						margin-bottom:2px;
					}

					
					.blog-big .items ul  li a span.text {
						font:14px/17px Arial, Tahoma, sans-serif;
						color:#1A1A1A;
						width:280px;
					}
						
					
					
					.blog-big .items ul  li:hover { background:#cbcbcb; } 

.blog-big-arrows {
	margin-top:0px;
	overflow:hidden;
	zoom:1;
}
					
	a#arr1-left, a#arr1-right { 
		background:url(images/arrows.png) 0px 0px no-repeat;
		float:left;
		margin-top:5px;
		margin-left:15px;
	}
	
	a#arr1-right { background:url(images/arrows.png) 0px -23px no-repeat; float:right; margin-right:-20px; _margin-right:0px; }
	
		
	.blog-on { background:#BFBFBF url(images/blog-unoff.png) 24px 40px no-repeat;  border-top:0px #BFBFBF solid; padding-bottom:16px; }		
		
	a#arr2-left, a#arr2-right { 
		background:url(images/arrows-w.png) 0px 0px no-repeat;
		float:left;
		margin-top:10px;
		margin-left:15px;
	}
	
	a#arr2-right { background:url(images/arrows-w.png) 0px -23px no-repeat; float:right; margin-right:-20px; _margin-right:0px; }
	*/
	
/*----- AGENCY ------------*/

#subheader_agency {
	height:65px;
}
		
	#subheader_agency .bigtext	{
		height:65px;
		background:url(images/bt-agency.png) 0px 0px no-repeat;
	}	
	
.wider {
	width:975px !important; 
	padding-left:15px  !important; 
	padding-top:50px; 
	border-top:1px #ccc solid; 
	background:#fff;
	padding-bottom:50px;	
	}
	
#info {
	overflow:hidden;
	zoom:1;
}	

	#info { font:13px/18px Tahoma, Arial, sans-serif; color:#1A1A1A; }
	#info p { padding:0px; margin:0px; margin-bottom:20px; }
	
	#info h2 {
		font:normal 36px/43px Tahoma, Arial, sans-serif;
		padding:0px;
		margin:0px;
		color:#1A1A1A;
		margin-bottom:24px;
	}
	
/*----- SERVICES ------------*/	
	
#subheader_services {
	height:65px;
}

	#subheader_services .bigtext	{
		height:65px;
		background:url(images/bt-services.png) 0px 0px no-repeat;
	}	
	
#services {
	overflow:hidden;
	zoom:1;		
}
	
	.f16 { font:16px/19px Arial, Tahoma, sans-serif; color:#1A1A1A;	}
	.f14 { font:14px/17px Arial, Tahoma, sans-serif; color:#1A1A1A;	}
	.f12 { font:12px/15px Arial, Tahoma, sans-serif; color:#333333;	}
	.f12 p { margin:0px; padding:0px; margin-bottom:12px; 	}
	.f10 { font:10px/13px Arial, Tahoma, sans-serif; color:#333333; margin-bottom:8px;	}
	.f10 p { margin:0px; padding:0px; margin-bottom:8px; 	}
	
	
	h2.h30 {
		font:normal 30px/36px Tahoma, Arial, sans-serif;
	}
	
	.s-title {
		display:block;
		margin-bottom:14px;
	}
		
		.s-title img { display:block; }	
	
	a.all { color:#808080; text-decoration:none; }
	a.all:hover { color:#000; text-decoration:underline; }

	p.proj-links a {display:block; margin-bottom:4px; }
	
	p.bg-event a:hover span {	text-decoration:none;	color:#000; 	background:#faa61a; }
	p.bg-promo a:hover span {	text-decoration:none;	color:#000; 	background:#cddc28; }
	p.bg-pr a:hover span {	text-decoration:none;	color:#fff; 	background:#ec008c; }
	p.bg-digital a:hover span {	text-decoration:none;	color:#fff; 	background:#6c51a2; }
	p.bg-sponsorship a:hover span {	text-decoration:none;	color:#000; 	background:#00abc6; }
			
		
/* -- PROJECTS ------- */

#projects { padding-top:6px; overflow:hidden; zoom:1; height: 800px !important; 	}

#subheader_projects	{ height:65px; }

	#subheader_projects .bigtext	{
		height:65px;
		background:url(images/bt-projects.png) 0px 0px no-repeat;
	}
	
	ul.proj-menu {
		list-style:none;
		padding:0px;
		margin:0px;
		height:19px;
		margin-bottom:25px;
	}
	
	#work ul.proj-menu { margin-left:15px; margin-bottom:0px; }
	
		ul.proj-menu li {
			float:left;
			height:19px;
			margin:0px;
			padding:0px;
			margin-right:9px;
		}
		
			ul.proj-menu li a {
				display:block;
				height:19px;
				background:url(images/projects.png) 0px 0px no-repeat;
				text-decoration:none;
			}
			
			ul.proj-menu li a.p-all { width:107px; background:url(images/projects-all.png) 0px 0px no-repeat;	}
			ul.proj-menu li a.p-event { width:66px; background-position:-130px 0px; }
			ul.proj-menu li a.p-promo { width:68px; background-position:-59px 0px; }
			ul.proj-menu li a.p-pr { width:41px; background-position:-204px 0px; }
			ul.proj-menu li a.p-digital { width:68px; background-position:-254px 0px; }
			ul.proj-menu li a.p-sponsorship { width:107px; background-position:-329px 0px; }
			
			ul.proj-menu li a.p-all:hover {  background-position:0px -18px;	}
			ul.proj-menu li a.p-event:hover { background-position:-130px -18px; }
			ul.proj-menu li a.p-promo:hover {  background-position:-59px -18px; }
			ul.proj-menu li a.p-pr:hover { background-position:-204px -18px; }
			ul.proj-menu li a.p-digital:hover {  background-position:-254px -18px; }
			ul.proj-menu li a.p-sponsorship:hover {  background-position:-329px -18px; }
			
			ul.proj-menu li.current a.p-all {	background-position:0px -38px;  }
			ul.proj-menu li.current a.p-event { background-position:-130px -38px; }
			ul.proj-menu li.current a.p-promo {  background-position:-59px -38px; }
			ul.proj-menu li.current a.p-pr {  background-position:-204px -38px; }
			ul.proj-menu li.current a.p-digital {  background-position:-254px -38px; }
			ul.proj-menu li.current a.p-sponsorship { background-position:-329px -38px; }
			
			ul.proj-menu li.current a.p-all:hover { 	background-position:0px -38px;  }
			ul.proj-menu li.current a.p-event:hover {  background-position:-130px -38px; }
			ul.proj-menu li.current a.p-promo:hover {  background-position:-59px -38px; }
			ul.proj-menu li.current a.p-pr:hover { background-position:-204px -38px; }
			ul.proj-menu li.current a.p-digital:hover {  background-position:-254px -38px; }
			ul.proj-menu li.current a.p-sponsorship:hover {  background-position:-329px -38px; }
			

		a#arrow-left.arr-proj, a#arrow-right.arr-proj { 
			margin-top:-20px;
		}
	
	#projects .items {
		height:730px !important;
		width:900px;
		overflow:hidden;
		zoom:1;
		margin-left:-5px;
		padding-top:0px;
	}
	
	#projects .mask {
		height:730px !important;
		width:900px;
		overflow:hidden;
		zoom:1;		
		padding-top:0px;
	}

	#projects .mask  .inner{
		height:730px !important;
		width:10000px;
		overflow:hidden;
		zoom:1;
	}
	
	
	#projects .items .mask ul {
		height:730px !important;
		width:900px;
		float:left;

	}
			
		span.s-event { display:block; height:16px; width:104px; background:url(images/p-event.png) 0px 0px no-repeat; margin:8px 0px; } 	
		span.s-promo { display:block; height:16px; width:104px; background:url(images/p-promo.png) 0px 0px no-repeat; margin:8px 0px; } 	
		span.s-pr { display:block; height:16px; width:104px; background:url(images/p-pr.png) 0px 0px no-repeat; margin:8px 0px; } 	
		span.s-digital { display:block; height:16px; width:104px; background:url(images/p-digital.png) 0px 0px no-repeat; margin:8px 0px; } 	
		span.s-sponsorship { display:block; height:16px; width:104px; background:url(images/p-sponsorship.png) 0px 0px no-repeat; margin:8px 0px; } 	
		span.s-all { display:block; margin:0px 0px; height:16px; margin-bottom:12px; margin-top:2px; }
			span.s-all span { display:block; width:16px; height:16px; float:left; margin-right:19px;   }
				span.s-all  .ico-event { background:url(images/icons.png)  0px -16px no-repeat; }
				span.s-all  .ico-promo { background:url(images/icons.png) -35px -16px no-repeat;  }
				span.s-all  .ico-pr       { background:url(images/icons.png) -70px -16px no-repeat;   }
				span.s-all  .ico-digital       { background:url(images/icons.png) -105px -16px no-repeat;   }
				span.s-all  .ico-sponsorship       { background:url(images/icons.png) -140px -16px no-repeat; margin-right:0px; }
		
		
		
		#projects #arr1-right { margin-right:0px; }
		
		
#work.invert {
	background-color:#BFBFBF;
}			

#content.invert  {
	background-color:#F2F2F2; 
}

	#work.invert .items ul li.current, #work.invert .items ul li.current a:hover {
		background-color:#F2F2F2 !important;
	}
	
		#content.invert .date, #work.invert .items ul li.current a span.date , .items-small ul li.current a:hover a span.date, #work.invert .items ul  li.current  a span.date, , #work.invert .items ul  li.current  a span.moar { color:#808080; } 
	
	#work.invert .items-small ul li a:hover {  
		background-color:#dcdcdc;
	}			

	#content.invert .date, #work.invert .items ul li.current a span.date , #work.invert .items ul li.current a:hover span.date { color:#aaa; } 
	
	.invert a#arrow-left, .invert  a#arrow-right { background-image:url(images/arrows-w.png) !important; }
	
	/*#work.invert .mask, #work.invert .mask ul, #work.invert .mask ul li a { height:240px; border:1px #f00 solid; }*/
	

#work , #work .items-small ul li, #work  .items-small ul, #work  .items-small, #work  .items-small .mask { margin-bottom:0px;  }