@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'helveticaneuecyrbold';
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot');
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'),
         url('../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticaneuecyrmedium';
    src: url('../fonts/helveticaneuecyr-medium-webfont.eot');
    src: url('../fonts/helveticaneuecyr-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneuecyr-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0;}

/*****Basic Definitions*****/
/*body { color: #333; font: 12px/18px Verdana, Helvetica, Arial, sans-serif; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }*/

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container {
	margin: 20px auto 0;
	overflow: hidden;
	width: 980px;
}

ul#filter {
	float: left;
	font-size: 15px;
	list-style: none;
	margin-left: 40px;
	width: 620px;
	height: 10px;
	position: absolute;
	top: -46px;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	z-index: 10000;
	font-weight: normal;
}
ul#filter li {
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
	color: #333;
}


ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a {
	color: #fff;
	text-decoration: none;
	background:#000000;
	text-decoration: none;
}
ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
ul#filter li.current a {
	color: #FF0;
	font-weight: normal;
}


/*****Gallery*****/

.new_projects_award_icon_gallery{
	width: 35px;
	height: 56px;
	z-index: 2000;
	position: absolute;
	right: 10px; 
	top: 0px;
	}
	
.new_projects_award_icon_list{
	width: 35px;
	height: 56px;
	z-index: 2000;
	position: absolute;
	right: 42px; 
	top: 32px;
	}	







/*
.gallery_container {
	float: left;
	width: 323px;
	height: 317px;

}

.gallery_container a{
	text-decoration: none;

}

.gallery_image {
	float: left;
	width: 323px;
	height: 218px;
	background-color: #09F;
}


.gallery_image_lable {
	float: left;
	width: 323px;
	height: 99px;
	background:#333333;
}

.gallery_image_lable a{
	text-decoration: none;
}

.gallery_image_lable:hover {
	background-color: #666666;
	color: #0F0;
	cursor:pointer;
}

.gallery_image_lable_heading {
	font-size: 16px;	
	font-weight: bold;		
	color: #0F0;	
	float: left;
	width: 323px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
}

.gallery_image_lable_heading a{
	color: #0F0;	
	cursor:pointer;
}

.gallery_image_lable_heading a:hover{
	
	color: #FF0;

	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;		
}

.gallery_image_lable_description {
	font-size: 12px;
	font-weight: bold;	
	color: #d0cbc1;	
	float: left;
	width: 323px;
	height: auto;
	margin-left: 40px;

}


.gallery_image_red{
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	}
	
.gallery_image_color{
	position: relative;
	left: 0; 
	top: -218px;
	}
*/







/*
ul#gallery a {
	display: block;
	width: 283px;
	height: 71px;
	text-decoration: none;
	background:#333333;
	color: #0F0;
	padding-left: 40px;
	padding-top: 28px;
	font-weight: bold;
}
ul#gallery a:hover { text-decoration: none; }

ul#gallery span{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

ul#gallery img {
	display: block; 	
	width: 323px;
	height: 218px; 
	}
*/






/*****List*****/

/*.list_container {
	display: block;
	width: 980px;
	height: 150px;
	float: left;
	background:#d0cbc1;
	}
	
.list_container:hover {
	background:#fff;
	
	}*/	

	
/*.list_container a{
	font-family: Arial, Helvetica, sans-serif;
	color: #d0cbc1;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}	
	
.list_container a:hover {
	color: #333333;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
	}	
*/
	
/*.list_container a {
	font-family: Arial, Helvetica, sans-serif;
	color: #d0cbc1;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}	
	
.list_container:hover a {
	color: #FF0000;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}
		
	
.list_label {
	display: block;
	width: 660px;
	height: 60px;
	float: left;
	margin-top: 44px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	}
	
.list_label h1{
	color: #333333;
	font-weight: bold;
	font-size: 58px;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	}	
	
.list_image {
	display: block;
	width: 154px;
	height: 86px;
	float: left;
	margin-top: 32px;
	margin-left: 48px;
	}	
	
.list_image_red{
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	}
	
.list_image_color{
	position: relative;
	left: 0; 
	top: -86px;
	}
				
.list_image_label {
	display: block;
	width: 154px;
	height: 20px;
	float: left;
	margin-top: 6px;
	margin-left: 48px;
	}*/
	
/*.list_image_label a{
	font-family: Arial, Helvetica, sans-serif;
	color: #d0cbc1;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}
	
.list_image_label a:hover{

	color: #FF0000;

	}		
*/






/*
ul#list a{
	display: block;
	width: 940px;
	height: 110px;
	text-decoration: none;
	background:#d0cbc1;
	color: #333333;
	padding-left: 40px;
	padding-top: 36px;
	font-weight: bold;
	font-size: 58px;
}

ul#list a:hover{

	text-decoration: none;
	background:#fff;
	color: #333333;
}

ul#list span{
	color: #d0cbc1;
	font-size: 10px;
	font-weight: bold;
	float:right;
	margin-right: -66px;	
	margin-top: 90px;	
}

ul#list span:hover{
	color: #F00;
	font-size: 10px;
	font-weight: bold;
	float:right;
	margin-right: -66px;
	margin-top: 90px;
}

ul#list a img {
	display: block; 	
	width: 154px;
	height: 86px;
	float:right;
	margin-right: 40px;
	}
*/
ul#gallery {
	float: left;
	list-style: none;
	margin-left: 0;
	width: 980px;
	height: auto;
}

ul#gallery li {
	float: right;
	/*padding: 5px;*/
	width: 323px;
	height: auto;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
}


#gallery_container {
	float: left;
	width: 323px;
	height: 317px;
}



/*****Motion Gallery*****/



.motion_gallery_container {
	float: left;
	width: 323px;
	height: 317px;
	cursor:pointer;

	z-index: 1000;
	position: absolute;
}

#motion_gallery_container:hover{

}

#motion_gallery_container a{
	text-decoration: none;
}

.motion_gallery_image {
	float: left;
	width: 323px;
	height: 218px;
}


.motion_gallery_image:hover   {
	background-color: #F00;
}




.motion_gallery_image_lable {
	float: left;
	width: 323px;
	height: 99px;
	text-decoration: none;
	background-color: #4c4c4c;			
}

.motion_gallery_image_lable hover {
    background-color: #666666;
}


.motion_gallery_image_lable a{
	text-decoration: none;
}



.motion_gallery_image_lable_heading {
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #00FF00;
	float: left;
	width: 283px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
	text-decoration: none;
}

.motion_gallery_image_lable_heading a{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0F0;	
	cursor:pointer;
    text-decoration: none;
}

.motion_gallery_image_lable_heading a:hover{
	
	color: #FF0;

	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;	
	    text-decoration: none;	
}


.motion_gallery_image_lable_description {
	font-family: 'helveticaneuecyrmeduim', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 283px;
	height: auto;
	margin-left: 40px;
	margin-top: 5px;
}



	
	
/*****Motion Gallery Over*****/	
	
	
	
#motion_gallery_container_over {
	float: left;
	width: 323px;
	height: 317px;
	cursor:pointer;
	background-color: #00FF00;
	position: absolute;
	z-index: 0;
}

#motion_gallery_container_over:hover {
		background-color: #666666;
}




.motion_gallery_image_over {
	float: left;
	width: 323px;
	height: 218px;
	background-color: #C00;
}


	

.motion_gallery_image_lable_over {
	float: left;
	width: 323px;
	height: 99px;

}


.motion_gallery_image_lable_over a{
	text-decoration: none;
}



.motion_gallery_image_lable_heading_over {
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	float: left;
	width: 283px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
}

.motion_gallery_image_lable_heading_over a{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #0F0;	
	cursor:pointer;
}

.motion_gallery_image_lable_heading_over a:hover{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #FF0;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;		
}


.motion_gallery_image_lable_description_over {
	font-family: 'helveticaneuecyrmeduim', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 283px;
	height: auto;
	margin-left: 40px;
	margin-top: 5px;
}





/*****Film Gallery*****/



.film_gallery_container {
	float: left;
	width: 323px;
	height: 317px;
	cursor:pointer;
	background-color: #333333;
	z-index: 1000;
	position: absolute;
}

#film_gallery_container:hover{
		background-color: #666666;
}

#film_gallery_container a{
	text-decoration: none;

}

.film_gallery_image {
	float: left;
	width: 323px;
	height: 218px;
	background-color: #0F0;
}


.film_gallery_image:hover   {
	background-color: #F00;
}




.film_gallery_image_lable {
	float: left;
	width: 323px;
	height: 99px;

}

.film_gallery_image_lable a{
	text-decoration: none;
}



.film_gallery_image_lable_heading {
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #00ffcc;
	float: left;
	width: 283px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
}

.film_gallery_image_lable_heading a{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #0F0;	
	cursor:pointer;
}

.film_gallery_image_lable_heading a:hover{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #FF0;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;		
}


.film_gallery_image_lable_description {
	font-family: 'helveticaneuecyrbmeduim', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 283px;
	height: auto;
	margin-left: 40px;
    margin-top: 5px;	
}



	
	
/*****Film Gallery Over*****/	
	
	
	
#film_gallery_container_over {
	float: left;
	width: 323px;
	height: 317px;
	cursor:pointer;
	background-color: #00ffcc;
	position: absolute;
	z-index: 0;
}

#film_gallery_container_over:hover {
		background-color: #666666;
}




.film_gallery_image_over {
	float: left;
	width: 323px;
	height: 218px;
	background-color: #C00;
}


	

.film_gallery_image_lable_over {
	float: left;
	width: 323px;
	height: 99px;

}


.film_gallery_image_lable_over a{
	text-decoration: none;
}



.film_gallery_image_lable_heading_over {
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	float: left;
	width: 283px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
}

.film_gallery_image_lable_heading_over a{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #0F0;	
	cursor:pointer;
}

.film_gallery_image_lable_heading_over a:hover{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #FF0;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;		
}


.film_gallery_image_lable_description_over {
	font-family: 'helveticaneuecyrmeduim', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
	color: #333333;
	float: left;
	width: 283px;
	height: auto;
	margin-left: 40px;
    margin-top: 5px;
}



/*****Video Gallery*****/


.video_gallery_container {
	float: left;
	width: 323px;
	height: 317px;
	cursor:pointer;
	background-color: #000;
	z-index: 1000;
	position: absolute;
}


#video_gallery_container:hover{
		background-color: #666666;
}

#video_gallery_container a{
	text-decoration: none;

}

.video_gallery_image {
	float: left;
	width: 323px;
	height: 218px;
	background-color: #09F;
}


.video_gallery_image:hover   {
	background-color: #F00;
}




.video_gallery_image_lable {
	float: left;
	width: 323px;
	height: 99px;

}

.video_gallery_image_lable a{
	text-decoration: none;
}



.video_gallery_image_lable_heading {
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-size: 16px;	
	font-weight: normal;		
	color: #FFFF00;
	float: left;
	width: 283px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
}

.video_gallery_image_lable_heading a{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #0F0;	
	cursor:pointer;
}

.video_gallery_image_lable_heading a:hover{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #FF0;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;		
}


.video_gallery_image_lable_description {
	font-family: 'helveticaneuecyrmeduim', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 283px;
	height: auto;
	margin-left: 40px;
	margin-top: 5px;
}



	
	
/*****Video Gallery Over*****/	
	
	
	
#video_gallery_container_over {
	float: left;
	width: 323px;
	height: 317px;
	cursor:pointer;
	background-color: #FFFF00;
	position: absolute;
	z-index: 0;
}

#video_gallery_container_over:hover {
		background-color: #666666;
}




.video_gallery_image_over {
	float: left;
	width: 323px;
	height: 218px;
	background-color: #C00;
}


	

.video_gallery_image_lable_over {
	float: left;
	width: 323px;
	height: 99px;

}


.video_gallery_image_lable_over a{
	text-decoration: none;
}



.video_gallery_image_lable_heading_over {
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	float: left;
	width: 283px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
}

.video_gallery_image_lable_heading_over a{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #0F0;	
	cursor:pointer;
}

.video_gallery_image_lable_heading_over a:hover{
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	color: #FF0;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;		
}


.video_gallery_image_lable_description_over {
	font-family: 'helveticaneuecyrmeduim', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
	color: #333333;
	float: left;
	width: 283px;
	height: auto;
	margin-left: 40px;
	margin-top: 5px;
}


/*****List*****/


ul#list {
	float: left;
	list-style: none;
	margin-left: 0;
	width: 980px;
	height: auto;
}

ul#list li {
	float: right;
	/*padding: 5px;*/
	width: 980px;
	height: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}


#list_wrapper {
	display: block;
	width: 980px;
	height: 150px;
	float: left;
	}
		

.list_container {
	display: block;
	width: 980px;
	height: 150px;
	float: left;
	background:#d0cbc1;
	z-index: 1000;
	position: absolute;
	cursor:pointer;
	}
	


.list_container a {
	font-family: Arial, Helvetica, sans-serif;
	color: #d0cbc1;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}	
	
.list_container:hover a {
	color: #FF0000;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}
		
	
.list_label {
	display: block;
	width: 660px;
	height: 60px;
	float: left;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;

	}
	
.list_label h1{
	color: #333333;
	font-size: 58px;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 0px;
	margin-top: 26px
	}	
	
.list_image {
	display: block;
	width: 154px;
	height: 86px;
	float: left;
	margin-top: 32px;
	margin-left: 48px;
	}	
	

				
.list_image_label {
	display: block;
	width: 154px;
	height: 20px;
	float: left;
	margin-top: 6px;
	margin-left: 48px;
	}
	




/*****List Over*****/

.list_container_over {
	display: block;
	width: 980px;
	height: 150px;
	float: left;
	background:#fff;
	z-index: 0;
	position: absolute;
	}
	


.list_container_over a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}	
	
.list_container_over:hover a {
	color: #FF0000;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}
		
	
.list_label_over {
	display: block;
	width: 660px;
	height: 60px;
	float: left;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;

	}
	
.list_label_over h1{
	color: #333333;
	font-size: 58px;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 0px;
	margin-top: 26px
	}	
	
.list_image_over {
	display: block;
	width: 154px;
	height: 86px;
	float: left;
	margin-top: 32px;
	margin-left: 48px;
	}	
	

				
.list_image_label_over {
	display: block;
	width: 154px;
	height: 20px;
	float: left;
	margin-top: 6px;
	margin-left: 48px;
	}