/*=== MENU AND BUTTONS ===*/
/*** MAIN MENU ***/

div.main-menu{
	width:15%;
	min-width:125px;
	
	position:absolute;
	left:-5px;
	z-index:2;
	top:185px;
}
div.main-menu .select{
	margin: 0px 0px 7px 0px;
}
div.main-menu a{
	display:block;
	background-color:#14a0c2;;
	position:relative;
	right:0;
}
a.about, a.idea, a.projects, a.team, a.clients, a.links, a.contacts, a.notFound, a.clients{
	height:25px;
	background:url(/i/skin-r/but/main-menu.png);
	/*float:right;
	clear:both;*/
	margin-bottom:10px;
}

/*-- about --*/
a.about{
	width:80px;
	background-position:0 0;
}
a.about:hover{
	background-position:0 -25px;
}
a.about.select{
	height:47px;
	background-position:0 -50px;
}
/*-- idea --*/
a.idea{
	width:71px;
	background-position:0 0;
}
a.idea:hover{
	background-position:0 -25px;
}
a.idea.select{
	height:47px;
	background-position:0 -50px;
}


/*-- projects --*/
a.projects{
	width:101px;
	background-position:-71px 0;
}
a.projects:hover{
	background-position:-71px -25px;
}
a.projects.select{
	height:47px;
	background-position:-71px -50px;
}

/*-- team --*/
a.team{
	width:73px;
	background-position:-252px 0;
}
a.team:hover{
	background-position:-252px -25px;
}
a.team.select{
	height:47px;
	background-position:-252px -50px;
}

/*-- clients --*/
a.clients{
	width:92px;
	background-position:-325px 0;
}
a.clients:hover{
	background-position:-325px -25px;
}
a.clients.select{
	height:47px;
	background-position:-325px -50px;
}

/*-- links --*/
a.links{
	width:76px;
	background-position:-417px 0;
}
a.links:hover{
	background-position:-417px -25px;
}
a.links.select{
	height:47px;
	background-position:-417px -50px;
}

/*-- contacts --*/
a.contacts{
	width:107px;
	background-position:-172px 0;
}
a.contacts:hover{
	background-position:-172px -25px;
}
a.contacts.select{
	height:47px;
	background-position:-172px -50px;
}
/*-- 404 --*/
a.notFound{
	width:60px;
	background-position:-279px 0;
}
a.notFound:hover{
	background-position:-279px -25px;
}
a.notFound.select{
	height:47px;
	background-position:-279px -50px;
}
/*-- clients --*/
a.clients{
	width:101px;
	background-position:-339px 0;
}
a.clients:hover{
	background-position:-339px -25px;
}
a.clients.select{
	height:47px;
	background-position:-339px -50px;
}

/*** /MAIN MENU ***/

/*** PROJECT SECTIO MENU ***/
div.prj-menu{
	width:100%;
	height:20px;
	margin-top:-20px;
	margin-bottom:20px;
	
}
div.suite, div.web, div.multimedia, div.design, div.artwork{
	float:right;
	margin-right:10px;
	background:url(/i/skin-r/but/second-menu-1.png);
	height:20px;
}

/*-- suite --*/
div.suite{
	width:94px;
}
div.suite:hover{
	background-position: 0 -20px;
}
div.suite.select{
	background-position: 0 -40px;
	height:37px;
}

/*-- websites --*/
div.web{
	width:64px;
	background-position: -94px 0;
}
div.web:hover{
	background-position: -94px -20px;
}
div.web.select{
	background-position: -94px -40px;
	height:37px;
}

/*-- multimedia --*/
div.multimedia{
	width:109px;
	background-position: -158px 0;
}
div.multimedia:hover{
	background-position: -158px -20px;
}
div.multimedia.select{
	background-position: -158px -40px;
	height:37px;
}

/*-- design --*/
div.design{
	width:105px;
	background-position: -267px 0;
}
div.design:hover{
	background-position: -267px -20px;
}
div.design.select{
	background-position: -267px -40px;
	height:37px;
}

/*-- artwork --*/
div.artwork{
	width:46px;
	background-position: -372px 0;
}
div.artwork:hover{
	background-position: -372px -20px;
}
div.artwork.select{
	background-position: -372px -20px;
	height:37px;
}
/*** /PROJECT SECTIO MENU ***/


/*** /PAGE SCROLLER ***/
div.page-scr{
	width:100%;
	height:60px;
	margin-bottom:80px;
	
}
div.page-scr a{
	display:block;
	width:148px;
}
a.after, a.before{
    display:block;
	height:60px;
	background: url(/i/skin-r/but/before-after.png) #14a0c2;
}
/*-- After --*/
a.after{
	background-position: 0% 100%;
	float:right;
}
a.after:hover{
	background-position: 0 0;
}
/*-- Before --*/
a.before{
	background-position: 100% 100%;
}
a.before:hover{
	background-position: 100% 0;
}
/*** /PAGE SCROLLER ***/

/*** MIDDLE SCROLLER ***/
div.mid-scr{
	width:100%;
	height:36px;
	position:relative;
	top:190px;
	margin-bottom:-36px;
}
div.left, div.right{
	width:36px;
	height:36px;
	background: url(/i/skin-r/but/mid-scr.png);
}
/*-- left --*/
div.left{
	background-position: 100% 100%;
}
div.left:hover{
	background-position: 100% 0;
}
/*-- right --*/
div.right{
	background-position: 0 100%;
	float:right;
	margin-top:-36px;
	margin-bottom:-36px;
}
div.right:hover{
	background-position: 0 0;
}
/*** /MIDDLE SCROLLER ***/

/*** PROJECTS SUBMENU TO OTHER SETS***/
div.prj-sub{
	clear:both;
	height:24px;
	margin:0px 0px 10px -5px;
}
div.website, 
div.wear, 
div.logotype, 
div.brochure,
div.id,
div.poster,
div.ill,
div.cover,
div.flayer,
div.video,
div.presentation,
div.test,
div.postcard,
div.intro
{
	height:24px;
	background: url(/i/skin-r/but/prj-sub.png);
	float:left;
	margin:0 5px;
}
/*-- website --*/
div.website{
	width:53px;
	background-position: 0 0;
}
div.website:hover{
	background-position: 0 -24px;
}
div.website.select{
	background-position: 0 -48px;
}


/*-- wear --*/
div.wear{
	width:102px;
	background-position: -53px 0px;
}
div.wear:hover{
	background-position: -53px -24px;
}
div.wear.select{
	background-position: -53px -48px;
}
/*-- logotype --*/
div.logotype{
	width:75px;
	background-position: -155px 0px;
}
div.logotype:hover{
	background-position: -155px -24px;
}
div.logotype.select{
	background-position: -155px -48px;
}
/*-- brochure --*/
div.brochure{
	width:83px;
	background-position: -230px 0px;
}
div.brochure:hover{
	background-position: -230px -24px;
}
div.brochure.select{
	background-position: -230px -48px;
}
/*-- ID --*/
div.id{
	width:137px;
	background-position: -441px 0px;
}
div.id:hover{
	background-position: -441px -24px;
}
div.id.select{
	background-position: -441px -48px;
}

/*-- poster --*/
div.poster{
	width:66px;
	background-position: -313px 0px;
}
div.poster:hover{
	background-position: -313px -24px;
}
div.poster.select{
	background-position: -313px -48px;
}
/*-- ill --*/
div.ill{
	width:111px;
	background-position: -578px 0px;
}
div.ill:hover{
	background-position: -578px -24px;
}
div.ill.select{
	background-position: -578px -48px;
}
/*-- cover --*/
div.cover{
	width:81px;
	background-position: -688px 0px;
}
div.cover:hover{
	background-position: -688px -24px;
}
div.cover.select{
	background-position: -688px -48px;
}
/*-- flayer --*/
div.flayer{
	width:63px;
	background-position: -378px 0px;
}
div.flayer:hover{
	background-position: -378px -24px;
}
div.flayer.select{
	background-position: -378px -48px;
}
/*-- video --*/
div.video {
	width:63px;
	background-position: -769px 0px;
}
div.video:hover{
	background-position: -769px -24px;
}
div.video.select{
	background-position: -769px -48px;
}
/*-- presentation --*/
div.presentation {
	width:104px;
	background-position: -831px 0px;
}
div.presentation:hover{
	background-position: -831px -24px;
}
div.presentation.select{
	background-position: -831px -48px;
}
/*-- test --*/
div.test {
	width:51px;
	background-position: -1020px 0px;
}
div.test:hover{
	background-position: -1020px -24px;
}
div.test.select{
	background-position: -1020px -48px;
}
/*-- postcard --*/
div.postcard {
	width:86px;
	background-position: -934px 0px;
}
div.postcard:hover{
	background-position: -934px -24px;
}
div.postcard.select{
	background-position: -934px -48px;
}
/*-- intro --*/
div.intro {
	width:80px;
	background-position: -1071px 0px;
}
div.intro:hover{
	background-position: -1071px -24px;
}
div.intro.select{
	background-position: -1071px -48px;
}


/*** /PROJECTS SECTION SUBMENU  TO OTHER SETS ***/

/*** PROJECT PAGE SUBMENU ***/
div.prj-sub-sub{
	clear:both;
	margin:0px 0px 10px -5px;
	height:17px;
}

div.decision, div.creation{
	height:17px;
	background: url(/i/skin-e/but/prj-sub-sub.png);
	float:left;
	margin:0 5px;
}
/*-- decision --*/

div.decision{
	width:62px;
	background-position: 0 0;
}
div.decision:hover{
	background-position: 0 -17px;
}
div.decision.select{
	background-position: 0 -34px;
}
/*-- creation --*/
div.creation{
	width:64px;
	background-position: -62px 0;
}
div.creation:hover{
	background-position: -62px -17px;
}
div.creation.select{
	background-position:-62px -34px;
}
/*** /PROJECT PAGE SUBMENU ***/

/*** FOOTER ***/
div.ftr{
	width:100%;
	position:fixed;
	z-index:201;
	bottom:0;
	left:0;
	height:80px;
	background: url(/i/ftr/bg.png);
}

div.eng, div.ru, div.clr{
	height:21px;
	background: url(/i/skin-e/but/ftr.png);
	float:left;
	margin:0 5px;
	margin-top:35px;
	overflow:hidden;
}

/*-- english --*/
div.eng{
	width:41px;
	background-position: 0 -55px;
}
div.eng:hover{
	background-position: 0 -35px;
}
div.eng.select{
	height:34px;
	background-position: 0 0;
}
/*-- russian --*/
div.ru{
	width:41px;
	background-position: -41px -55px;
}
div.ru:hover{
	background-position: -41px -35px;
}
div.ru.select{
	height:34px;
	background-position: -41px 0;
}
/*-- color --*/
div.clr{
	width:21px;
	background-position: -82px -55px;
}
div.clr:hover{
	background-position: -82px -34px;
}
div.clr.select{
	height:34px;
	background-position: -82px 0;
}
/*-- copyright --*/
div.copy{
	width:235px;
	height:12px;
	background:url(/i/ftr/copy.png);
	float:right;
	margin-top:35px;
	margin-right:10px;
}
/*** /FOOTER ***/


a#buttons, a.buttons  {
	text-decoration: none !important;
}
a#buttons b, a.buttons b{
	position:relative;
	z-index:-1;
	color:#000;
}
a#buttons div, a.buttons div{
	cursor:pointer;
	background-color:#14a0c2;
}

/*=== /MENU AND BUTTONS ===*/
-->