@import "reset.css";
@import "skin.css";

body{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 970px;
	min-height: 860px;
	background: #fcfcfc url("../images/pattern.jpg") repeat;
	font: 11px "Trebuchet MS", sans-serif;
	color: #515151;
	text-transform:uppercase;
}
#wrapper{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#spinner{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background:#fff;
}
/*------------Header------------*/
header{
	text-transform:uppercase;
	width: 940px;
	z-index:3;
	margin: 0 auto;
	margin-top: 102px;
	margin-bottom: 54px;
}
header>#logo>span{
	position: relative;
	top: -13px;
	font-size: 11px;
	color:#b3b3b3;
	left: 6px;
}
header>#logo>h1>a{
	font: 50px "Arial MS", sans-serif;
	text-decoration: none;	
	color: #272727;
	display: block;
	font-weight:bold;
	text-transform:none;
	letter-spacing:-4px;
}
#logo{
    top: -95px;
    left: -5px;
    position: relative;
}
#logoFalse{
width: 261px;
height: 82px;
position: absolute;
top: 0px;
left: 0px;
background:url("../images/logoFalse.png") repeat;
}
h1{
width: 260px;
overflow: hidden;
}
/*----------End Header---------*/
/*-------------Menu------------*/
/*--------Splash Menu---------*/
#splashMenu{
    text-align: right;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
}
#splashMenu > ul {
position: relative;
top:0px;
left:0px;
}
#splashMenu > ul >li:first-child {
	display: none;	
}
#splashMenu > ul >li{
	margin: 1px 0;
}
#splashMenu > ul > li > a{
	display: inline-block;
	text-decoration: none;	
	position: relative;
	/*font: 130px "Arial MS", sans-serif;*/
	font: 55px "Arial MS", sans-serif;
	font-weight:bold;
	color: #fff;
	/*padding: 17px 34px 17px;*/
	padding: 30px 34px 17px;
	letter-spacing: -4px;
	
	
}
.classShadow{
text-shadow:-6px -2px 25px #272727;
}
.overImage{
	position: absolute;
	width: 104%;
	height: 100%;
	top:0px;
	left:0px;	
}
.menuSplPart{
	top:0px;
	background: url("../images/button-background-1.jpg") center repeat;	
	height: 100%;
	position: absolute;
	width: 100%;
	z-index:-1;
	left: 2px;
}

.rollColorRight{
	top:0px;
	background: url("../images/button-background-right.jpg") center repeat;	
	height: 100%;
	position: absolute;
	width: 100%;
	z-index:-1;
	left: 2px;
}

/*--------Menu_Particles---------*/
.menuSplPart_upPart1{
	top:0px;
	right: -26px; /*position(higher/lower) of menu item*/
	position: absolute;
	background: url("../images/backgroundParticle_1.jpg") center repeat;	
	height: 128px; /*width of menu item */
	position: absolute;
	width: 13px; /*height of menu item*/
	z-index:1;
}
.menuSplPart_upPart2{
	top:0px;
	right: -26px;
	position: absolute;
	background: url("../images/backgroundParticle_2.jpg") center repeat;	
	height: 128px;
	position: absolute;
	width: 13px;
	z-index:1;
}
.menuSplPart_upPart3{
	top:0px;
	right: -26px;
	position: absolute;
	background: url("../images/backgroundParticle_3.jpg") center repeat;	
	height: 128px;
	position: absolute;
	width: 13px;
	z-index:1;
}
.menuSplPart_upPart4{
	top:0px;
	right: -26px;
	position: absolute;
	background: url("../images/backgroundParticle_4.jpg") center repeat;	
	height: 128px;
	position: absolute;
	width: 13px;
	z-index:1;
}
.menuSplPart_upPart5{
	top:0px;
	right: -26px;
	position: absolute;
	background: url("../images/backgroundParticle_5.jpg") center repeat;	
	height: 128px;
	position: absolute;
	width: 13px;
	z-index:1;
}
.menuSplPart_upPart6{
	top:0px;
	right: -26px;
	position: absolute;
	background: url("../images/backgroundParticle_6.jpg") center repeat;	
	height: 128px;
	position: absolute;
	width: 13px;
	z-index:1;
}
/*in page*/
.menu2Part_upPart1{
	top:0px;
	position: absolute;
	background: url("../images/backgroundParticle_1.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 100px;
	left: -10px;
}
.menu2Part_upPart2{
	top:0px;
	position: absolute;
	background: url("../images/backgroundParticle_2.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 100px;
	left: -10px;
}
.menu2Part_upPart3{
	top:0px;
	position: absolute;
	background: url("../images/backgroundParticle_3.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 100px;
	left: -10px;
}
.menu2Part_upPart4{
	top:0px;
	position: absolute;
	background: url("../images/backgroundParticle_4.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 58px;
	left: -10px;
}
.menu2Part_upPart5{
	top:0px;
	position: absolute;
	background: url("../images/backgroundParticle_5.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 100px;
	left: -10px;
}
.menu2Part_upPart6{
	top:0px;
	position: absolute;
	background: url("../images/backgroundParticle_6.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 50px;
	left: -10px;
}
.rollColorLeft{
	top:0px;
	position: absolute;
	background: url("../images/button-background-left.jpg") center repeat;	
	position: absolute;
	width: 7px;
	z-index:1;
	height: 100px;
	left: -10px;
}
/*--------Page Menu---------*/
#pageMenu{
    position: relative;
	z-index:3;
}
#pageMenu>ul{
width:300px;
height:400px;
}
#pageMenu>ul>li:first-child{
    display: none;
}
#pageMenu>ul>li{
    display: inline-block;
    margin-bottom: 1px;
    margin-left: 10px;
}
#pageMenu>ul>li>a{
	display: block;
	font: 35px "Arial MS", sans-serif;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 9px 21px 8px 16px;
	font-weight:bold;
	top:130px;
}

.submenu_1 {
	background: url("../images/back_subMenu.png") no-repeat;
	position:absolute;
	width:184px;
	height:223px;
	top:101px;
	left:290px;
	padding:19px 0;
	z-index: 5;
	padding: 24px 0px 0px 0px;
	padding-left: 36px;
	letter-spacing:1px;
}
.submenu_1 li {	
	position:relative;
	background: url("../images/subMenu_line.png")  0px 31px no-repeat;
	height: 35px;
}
.submenu_1 li:last-child {	
	position:relative;
	background: none;
	height: 35px;
}
.submenu_1 a {
	color:#fff;
	font-size: 20px;
	font-weight:bold;
	text-decoration: none;
	display: block;
}
.submenu_1 li:hover > a {
	color:#ff7e00;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
.forIeHover{
	background: url("../images/backgroundParticle_for_IE.png");
}
/*-----------End Menu----------*/
/*-----------Content-----------*/
#main{
	margin: auto auto;
	width: 940px;
	height: 500px;
	position: relative;
}
#splash{
	visibility: hidden;
}
section{
	position: absolute;
	top: -200px;
	z-index: 4;
}
section> ul>li{
	height: 468px;
	position: absolute;
	width: 1020px;
}
.box_1 {
float: left;
width: 460px;
height: 493px;
}
.box_in {
float: left;
width: 211px;
height: 183px;
margin-right: 29px;
}
.box_3{
float: left;
width: 460px;
height: 188px;

}
.box_in:last-child{
float: left;
width: 210px;
height: 183px;
margin-right:0px;
}
h2{
	color: #272727;
	font: 18px "Arial MS", sans-serif;
	font-weight:bold;
	background: url("../images/page-line.png") bottom repeat-x;
	text-transform:none;
	letter-spacing:-1px;
	height: 28px;
	margin-bottom: 17px;
}
.sec_down{
margin-bottom: -8px;}
.read-more{
	padding: 5px  9px  5px  10px;
	background: rgb(39, 39, 39) 1px 1px;
	color: #fff;	
	text-transform:none;
	text-decoration: none;
	display: inline-block;
	margin-top: 27px;
}
.read-more.r_page4{
	padding: 5px  9px  5px  10px;
	background: rgb(39, 39, 39) 1px 1px;
	color: #fff;	
	text-transform:none;
	text-decoration: none;
	display: inline-block;
	margin-top: 23px;
}
/*---------main Page--------*/
/*---------Scroll-----------*/
.scroll{
	float:left;
	margin-right: 0px;
}
.scroll.page1{
	width: 429px; 
	height: 199px;
}
.scroll.page3{
	width: 453px; 
	height: 430px;
}

.inside .scroll.ex-1{
	padding-right: 30px; 
	margin-bottom:56px;
}
.inside .scroll.ex-1>div{
	padding: 5px 0px 0px 0px;
}
.inside .ex-1 ._track{
	width: 5px; 
	height:196px;
	right:0;
	top:0;
	padding:0px 0;
}
.inside .scroll.ex-2{
	padding-right: 7px; 
	margin-bottom:56px;
}
.inside .scroll.ex-2>div{
	padding: 5px 0px 0px 0px;
	float: right;
}
.inside .ex-2 ._track{
	width: 5px; 
	height:430px;
	right:0;
	top:0;
	padding:0px 0;
}
._track{
	background:url("../images/for_track.png") 0 0 repeat-y;
}
._shuttle{
	background:#272727;
	cursor:pointer !important;
}
.col_1{
color:#b5b5b5;}
/*---------End Scroll-----------*/
/*-------End main Page--------*/

/*---------studio PAGE----------*/

.col2 {width:470px;}
.margBot8 {margin-bottom:51px;}

.stud_marg{
margin-top: 21px;
margin-bottom: 17px;
}
.stud_pic {
margin-right: 19px;
float: left;
float: left;
}
.stud_marg_2{
margin-bottom: 56px;
margin-top: -5px;
}
.list1{
margin-top: 27px;
float:left;
margin-right: 60px;
}
.list1 li{
margin-bottom: 5px;
}
.list1 li img{
margin-right: 10px;
top: 5px;
position: relative;
}
.list1 li a{
color:#b5b5b5;
text-decoration:none;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
.list1 li a:hover{
color:#272727;
text-decoration:none;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
.list2{
margin-top: 27px;
float:left;
}
.list2 li{
margin-bottom: 5px;
}
.list2 li img{
margin-right: 10px;
top: 5px;
position: relative;
}
.list2 li a{
color:#b5b5b5;
text-decoration:none;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
.list2 li a:hover{
color:#272727;
text-decoration:none;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
/*------End studio PAGE---------*/

/*---------folio Page-------*/

.fig{
    width: 191px;
    height: 188px;
    margin-right: 22px;
    padding: 10px 0px 0px 10px;
	background:#e0e1e1;
    margin-bottom: 26px;
    display: inline-block;
	cursor:pointer;
	}.fig:nth-last-child(1){
	margin-bottom: 0px;
	}.fig:nth-last-child(2){
	margin-bottom: 0px;
	}
	
.fig>a{
    text-decoration: none;
    color: #515151;
	
}
.fig>a>img{
margin-bottom: 1px;
}
.fig3{
    width: 191px;
    height: 188px;
    margin-right: 22px;
    padding: 10px 0px 0px 10px;
	background:#e0e1e1;
    margin-bottom: 26px;
    display: inline-block;
	cursor:pointer;
}
.fig3>a{
    text-decoration: none;
    color: #515151;
}
.figMarg{
    margin-top: 22px;
}
.figMarg2{
    margin-top: 7px;
}
.figMarg_page4{
    margin-top: 3px;
}
/*------End folio Page------*/

/*--------Contacts Page--------*/
.google_map{
	float: left;
	margin-top: 5px;
	width: 460px;
	height: 247px;
	border-radius:0px;
	background: #e5efd8;
	margin-bottom: 25px;
}


.cont_col{
color:#b5b5b5;
} 
.cont_marg{
    margin-bottom: 16px;
}
.cont_a{
color:#b5b5b5;
text-decoration:none;
}
.cont_a:hover{
color:#b5b5b5;
text-decoration:underline;
}
.contText{
    float: left;
    margin-right: 47px;
}
.to_right > span {
width: 75px;
display: inline-block;
}
/*-----End Contacts Page----*/

.privMarg{
margin-bottom:20px;}
.marg_in{
margin-bottom:16px;
}
.marg2{
    margin-bottom: 16px;
}
.cont_link{
    display: inline-block;
    text-decoration: none;
    color: #414141;
    top: 440px;
}
.cont_link:hover{
    display: inline-block;
    text-decoration: underline;
    color: #414141;
    top: 440px;
}
/*--------End Content------*/
/*----------Footer---------*/
footer{
	text-transform:uppercase;
	position: relative;
	width: 940px;
	font: 9px "Trebuchet MS", sans-serif;
	color: #878787;
	margin: 0 auto;
	margin-top: 80px;
	z-index:3;
}
footer>a{
	font: 9px "Trebuchet MS", sans-serif;
	color: #878787;
	text-transform:uppercase;
	text-decoration:none;
}
footer>a:hover{
	text-decoration: underline;
}
footerLinks{
}
footer>#footerLinks>a{
	font: 9px "Trebuchet MS", sans-serif;
	color: #878787;
	text-transform:uppercase;
	text-decoration:none;
}
footer>#footerLinks>a:hover{
	text-decoration: underline;
}
#podlogka {
margin: 85px auto;
width: 940px;
height: 801px;
}
/*-------End Footer------*/