@charset "utf-8";

@font-face {
    font-family: 'IrisNormal';
    src: url('../fonts/irisnormal.eot');
    src: url('../fonts/irisnormal.eot?#iefix') format('embedded-opentype'),
         url('../fonts/irisnormal.woff') format('woff'),
         url('../fonts/irisnormal.ttf') format('truetype'),
         url('../fonts/iris_normal-webfont.svg#IrisNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* YUI RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

@media print{
*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
a, a:visited{color:#444 !important;text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content:""}
pre, blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr, img{page-break-inside:avoid}
@page{margin:0.5cm}
p, h2, h3{orphans:3; widows:3}
h2, h3{page-break-after:avoid}
}

.hidden{display:none;visibility:hidden}
.clr{clear:both}

#ie6_stopper
{
	width: 960px;
	margin: 20px auto;
	display:none;
	padding: 10px;
	background: #fff;
}
	.ie6 #ie6_stopper
	{
		display: block;
	}
	#ie6_stopper h1
	{
		font-size: 25px;
		margin-bottom: 20px;
	}
	#ie6_stopper table
	{
		width: 100%;
	}
	#ie6_stopper td
	{
		width: 25%;
		text-align: center;
	}

html
{
	background: url('../img/bg.gif') repeat;
	height: 100%;
}

body
{
	font-family: 'IrisNormal', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	height: 100%;
}
	a
	{
		color: #333;
		text-decoration: underline;
	}
		a:hover
		{
			color: #333;
			text-decoration: none;
		}
#container
{
	width:960px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}
	.ie6 #container
	{
		display: none;
	}
header
{
	display: block;
	width: 940px;
	margin: 0 auto;
}
#logo
{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 12px;
}
header nav
{
	display: block;
	height: 35px;
	background: #2F2762 url('../img/navbg.jpg') left center no-repeat;
}
	header nav ul
	{
		display: block;
		width: 100%;
	}
		header nav ul li
		{
			float: left;
			width: 25%;
			text-align: center;
		}
			header nav ul li a
			{
				line-height: 35px;
				text-decoration: none;
				font-size: 20px;
				color: #fff;
				opacity: 1;
				-moz-transition: opacity 0.3s ease;
				-o-transition: opacity 0.3s ease;
				-webkit-transition:opacity 0.3s ease;
			}
				header nav ul li a:hover
				{
					color: #fff;
					opacity: 0.5;
				}
					.oldie header nav ul li a:hover
					{
						text-decoration: underline;
					}

#main
{
	width: 940px;
	margin: 0 auto;
	text-align: justify;
	padding-bottom: 120px;
	line-height: 24px;
}
footer
{
	display: block;
	width: 940px;
	margin: 0 auto;
	height: 110px;
	background: url('../img/footer.png') center bottom no-repeat;
	position: relative;
	margin-top: -90px;
	margin-top: -110px;
}
	.ie6 footer
	{
		display: none;
	}
footer #social a.vimeo, footer #social a.twitter, footer #social a.facebook, footer #social a.vkontakte
{
	display: block;
	background: url('../img/social3.png') left top no-repeat;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 3px;
	text-decoration: none;
}
	footer #social a.vimeo:hover
	{
		background: url('../img/social3.png') left -30px no-repeat;
	}
footer #social a.twitter
{
	background: url('../img/social3.png') -30px top no-repeat;
}
	footer #social a.twitter:hover
	{
		background: url('../img/social3.png') -30px -30px no-repeat;
	}
footer #social a.facebook
{
	background: url('../img/social3.png') -60px top no-repeat;
}
	footer #social a.facebook:hover
	{
		background: url('../img/social3.png') -60px -30px no-repeat;
	}
footer #social a.vkontakte
{
	background: url('../img/social3.png') -90px top no-repeat;
}
	footer #social a.vkontakte:hover
	{
		background: url('../img/social3.png') -90px -30px no-repeat;
	}

#mainSlider
{
	height: 335px;
	width: 940px;
	margin-top: 10px;
	/*background: #1F1F1F url('../img/bg_photoshop.png') repeat;*/
	overflow: hidden;
}
#mainSlider img
{
	opacity: 0;
}
#mainSliderLoader
{
	position: absolute;
	height: 335px;
	width: 940px;
	background: #333 url('../img/loading.gif') center center no-repeat;
	z-index: 150;
}
#mainWorkSelector
{
	background: #333333;
	border-top: 1px solid #A7A7A7;
	height: 133px;
	margin-top: 10px;
	padding: 10px;
	margin-bottom: 30px;
}
	#mainWorkSelector article
	{
		display: block;
		background:#fff;
		padding: 10px;
	}
	#mainWorkSelector div.nav, div.items
	{
		float: left;
	}
	#mainWorkSelector div.nav
	{
		width: 21px;
		height: 114px;
		background: #333;
	}
		#mainWorkSelector div.nav.left
		{
			margin-right: 10px;
			background: #333 url('../img/arrows.png') left top no-repeat;
		}
		#mainWorkSelector div.nav.right
		{
			margin-left: 10px;
			background: #333 url('../img/arrows.png') left -114px no-repeat;
		}
		#mainWorkSelector div.nav a
		{
			display:block;
			width: 21px;
			height: 114px;
			text-decoration: none;
		}
			#mainWorkSelector div.nav.left a
			{
				background: #333 url('../img/arrows.png') -20px top no-repeat;
			}
				#mainWorkSelector div.nav.left a:hover
				{
					background: #CA1A68 url('../img/arrows.png') -40px top no-repeat;
				}
			#mainWorkSelector div.nav.right a
			{
				background: #333 url('../img/arrows.png') -20px -114px no-repeat;
			}
				#mainWorkSelector div.nav.right a:hover
				{
					background: #CA1A68 url('../img/arrows.png') -40px -114px no-repeat;
				}
	#mainWorkSelector .items
	{
		width: 838px;
		height: 114px;
		position: relative;
		overflow: hidden;
	}
		#mainWorkSelector .items ul
		{
			position:absolute;
			display: block;
			width: 20000px;
		}
	#mainWorkSelector .items a
	{
		display: block;
		width:202px;
		height:114px;
		text-decoration: none;
	}
	#mainWorkSelector .items li
	{
		position: relative;
		float:left;
		margin-left: 10px;
	}
		#mainWorkSelector .items li:first-child
		{
			margin: 0;
		}
	#mainWorkSelector .items a div
	{
		position:absolute;
		border: 4px solid #cb226d;
		top: 0;
		left: 0;
		width: 194px;
		height:106px;
		display: none;
	}
	#mainWorkSelector .items a:hover div,#mainWorkSelector .items a.acitve div
	{
		display:block;
	}
#welcome
{
	background: url('../img/welcome.png') center top no-repeat;
	padding: 0 80px;
	font-size: 20px;
	line-height: 24px;
}


#portfolio ul.types
{
	margin-top: 30px;
}
#portfolio .types a
{
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	background: #333;
	text-decoration: none;
	font-style:italic;
}
	#portfolio .types a:hover, #portfolio .types a.active
	{
		background: #ca1a68;
	}
	.ie7 #portfolio ul.types li
	{
		margin-top: -24px;
	}
	.ie7 #portfolio ul.types li:first-child
	{
		margin-top:0;
	}
#portfolio
{
	margin-right: -20px;
}
#portfolio ul.works
{
	padding-top: 10px;
}
	.ie7 #portfolio ul.works
	{
		zoom: 1;
	}
#portfolio ul.works li
{
	float: left;	
	margin-right: 20px;
	margin-bottom: 20px;
}
#portfolio ul.works li a
{
	display: block;
	position: relative;
	overflow: hidden;
	width: 440px;
	height: 250px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	border: 10px solid #333333;
	background: #1F1F1F url('../img/bg_photoshop.png') repeat;
}
#portfolio ul.works li a .slider
{
	background: rgba(51, 51, 51, 0.9);
	position:absolute;
	z-index: 2;
	top: 220px;
	left:0;
	width: 440px;	
}
	#portfolio ul.works li a .slider .title
	{
		line-height: 30px;
		height: 30px;
	}
	/*#portfolio ul.works li a .slider .bigtitle
	{
		margin-top:30px;
		padding-top: 50px;
		font-size: 24px;
		line-height: 32px;
		font-style: italic;
		height: 150px;
	}*/
	#portfolio ul.works li a .slider .bigtitle
	{
		margin-top:30px;
		font-size: 24px;
		line-height: 32px;
		font-style: italic;
		height: 230px;
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		width: 440px;
	}
		.ie7 #portfolio ul.works li a .slider .bigtitle
		{
			display: block;
			height: 200px;
		}
	#portfolio ul.works li a .slider .bigtitle .info
	{
		height: 30px;
	}
.oldie #portfolio ul.works li a .slider
{
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5333333,endColorstr=#E5333333);
	zoom: 1;
}

#work .title
{
	font-size: 24px;
	line-height: 32px;
	padding-top: 30px;
	padding-bottom: 15px;
	font-style: italic;
}
#work .cat a
{
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	padding-left: 30px;
	padding-right: 20px;
	color: #fff;
	background: #CA1A68 url('../img/bigarrows.png') left -530px no-repeat;
	text-decoration: none;
	font-style:italic;
	margin-bottom: 10px;
}
	#work .cat a:hover
	{
		background: #1c1c1c url('../img/bigarrows.png') left -170px no-repeat;
	}
#work .toall a
{
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	background: #333;
	text-decoration: none;
	font-style:italic;
}
	#work .toall a:hover
	{
		background: #ca1a68;
	}
#work .video
{
	background: #333;
	padding: 10px;
	margin-bottom: 30px;
	color: #fff;
}
#work .video .nav, #work .video .iframe
{
	float: left;
}
#work .video .iframe
{
	width: 640px;
	height: 360px;
}
#work .video .nav
{
	width: 140px;
	min-height: 10px;
}
#work .video .nav a
{
	display: block;
	width: 40px;
	height: 360px;
	background: #1c1c1c;
	text-decoration: none;
}
	#work .video .nav.right a
	{
		float: right;
	}
#work .video .nav.left a
{
	background: #1c1c1c url('../img/bigarrows.png') left 0 no-repeat;
}
#work .video .nav.left a:hover
{
	background: #1c1c1c url('../img/bigarrows.png') left -360px no-repeat;
}
#work .video .nav.right a
{
	background: #1c1c1c url('../img/bigarrows.png') left -720px no-repeat;
}
#work .video .nav.right a:hover
{
	background: #1c1c1c url('../img/bigarrows.png') left -1080px no-repeat;
}

#work .backstage h2
{
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin-top: 30px;
}


#work .backstage .slider
{
	background: #333333;
	border-top: 1px solid #A7A7A7;
	height: 133px;
	margin-top: 10px;
	padding: 10px;
}
	#work .backstage .slider article
	{
		display: block;
		background:#fff;
		padding: 10px;
	}
	#work .backstage .slider div.nav, div.items
	{
		float: left;
	}
	#work .backstage .slider div.nav
	{
		width: 21px;
		height: 114px;
		background: #333;
	}
		#work .backstage .slider div.nav.left
		{
			margin-right: 10px;
			background: #333 url('../img/arrows2.png') left top no-repeat;
		}
		#work .backstage .slider div.nav.right
		{
			margin-left: 10px;
			background: #333 url('../img/arrows2.png') left -114px no-repeat;
		}
		#work .backstage .slider div.nav a
		{
			display:block;
			width: 21px;
			height: 114px;
			text-decoration: none;
			/*visibility: hidden;*/
		}
			#work .backstage .slider div.nav.left a
			{
				background: #333 url('../img/arrows2.png') -21px top no-repeat;
			}
				#work .backstage .slider div.nav.left a:hover
				{
					background: #CA1A68 url('../img/arrows2.png') -42px top no-repeat;
				}
			#work .backstage .slider div.nav.right a
			{
				background: #333 url('../img/arrows2.png') -21px -114px no-repeat;
			}
				#work .backstage .slider div.nav.right a:hover
				{
					background: #CA1A68 url('../img/arrows2.png') -42px -114px no-repeat;
				}
	#work .backstage .slider .items
	{
		width: 838px;
		height: 114px;
		position: relative;
		overflow: hidden;
	}
		#work .backstage .slider .items ul
		{
			position:absolute;
			display: block;
			width: 20000px;
		}
	#work .backstage .slider .items a
	{
		display: block;
		width:202px;
		height:114px;
		text-decoration: none;
	}
	#work .backstage .slider .items li
	{
		position: relative;
		float:left;
		margin-left: 10px;
	}
		#work .backstage .slider .items li:first-child
		{
			margin: 0;
		}
	#work .backstage .slider .items a div
	{
		position:absolute;
		border: 4px solid #cb226d;
		top: 0;
		left: 0;
		width: 194px;
		height:106px;
		display: none;
	}
	#work .backstage .slider .items a:hover div, #work .backstage .slider .items a.active div
	{
		display:block;
	}


#contacts
{
	margin-top: 40px;
}
#contacts h2
{
	float: left;
	background: #333;
	color: #fff;
	line-height: 30px;
	height: 30px;
	padding: 0 20px;
	font-style: italic;
	margin-bottom: 3px;
}
#contacts article
{
	display: block;
	padding: 20px;
	background: #333;
}
#contacts label
{
	display: block;
	line-height: 30px;
	color: #fff;
	font-style: italic;
}
#contacts .one
{
	float: left;
	width: 315px;
}
#contacts .two
{
	float: left;
	width: 585px;
}
#contacts textarea
{
	width: 565px;
	padding: 10px;
	resize: none;
	height: 85px;
	margin-bottom: 10px;
	border: 0;
	font-family: 'IrisNormal', Arial, Helvetica, sans-serif;
}
#contacts input[type="text"]
{
	width: 230px;
	
	height: 30px;
	margin-bottom: 10px;
	padding: 0 10px;
	border: 0;
	font-family: 'IrisNormal', Arial, Helvetica, sans-serif;
}
#contacts input[type="submit"]
{
	float:right;
	font-family: 'IrisNormal', Arial, Helvetica, sans-serif;
	line-height: 30px;
	height: 30px;
	color: #fff;	
	font-style: italic;
	font-style: oblique;
	border: 0;
	padding: 0 65px 0 20px;
	background: #1c1c1c url('../img/button_arrow.png') right top no-repeat;
}
	#contacts input[type="submit"]:hover
	{
		background: #CA1A68 url('../img/button_arrow.png') right -30px no-repeat;
	}
	#contacts input[type="submit"]:disabled
	{
		background: none;
		padding: 0 20px 0 20px;
	}
	.ie7 #contacts input[type="submit"]
	{
		padding: 0 33px 0 10px;
	}
.hasPlaceholder
{
	color: #c0c0c0;
}
#contacts .textblock
{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 50px;
}
#contacts .textblock h4
{
	color: #ca1a68;
	font-size: 24px;
}


#main .textblock
{
	margin-top:30px;
}
#main .textblock h3
{
	color: #ca1a68;
	font-size: 24px;
	line-height: 32px;
}
#main .textblock h4
{
}