@font-face {
	font-family: 'Conv_Prioric-Regular';
	src: url('../fonts/Prioric-Regular.eot');
	src: local('O'), url('../fonts/Prioric-Regular.woff') format('woff'), url('../fonts/Prioric-Regular.ttf') format('truetype'), url('../fonts/Prioric-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Prioric-Light';
	src: url('../fonts/Prioric-Light.eot');
	src: local('O'), url('../fonts/Prioric-Light.woff') format('woff'), url('../fonts/Prioric-Light.ttf') format('truetype'), url('../fonts/Prioric-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Prioric-Italic';
	src: url('../fonts/Prioric-Italic.eot');
	src: local('O'), url('../fonts/Prioric-Italic.woff') format('woff'), url('../fonts/Prioric-Italic.ttf') format('truetype'), url('../fonts/Prioric-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Prioric-Bold';
	src: url('../fonts/Prioric-Bold.eot');
	src: local('O'), url('../fonts/Prioric-Bold.woff') format('woff'), url('../fonts/Prioric-Bold.ttf') format('truetype'), url('../fonts/Prioric-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {font-size: 100.01%;}
html {font-size: 62.5%;}
/* General Reset */
body {
	margin:0;
	color:#000;
	font:2em/1em 'Conv_Prioric-Regular', "Trebuchet MS", Helvetica, sans-serif;
	background:#222 url(../images/bg-body.gif);
	min-width:951px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#00f;
}
a:hover{text-decoration:underline;}
header, footer, article, section, hgroup, nav, figure, aside { display: block; }
figure {
margin:0;
padding:0;
}
#wrapper{
	width:100%;
	overflow:hidden;
}
/* header */
#header{
	width:100%;
	background:url(../images/bg-header.gif);
	box-shadow: 0 0 9px #000 inset;
	-webkit-box-shadow: 0 0 9px #000 inset;
	-moz-box-shadow: 0 0 9px #000 inset;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.header-holder{
	margin:0 auto;
	width:951px;
	overflow:hidden;
	padding:4px 0 0;
	background:url(../images/bg-header-holder.jpg) no-repeat;
	box-shadow: 0 0 48px #000;
	-webkit-box-shadow: 0 0 48px #000;
	-moz-box-shadow: 0 0 48px #000;
}
/* logo */
.logo{
	float:left;
	width:140px;
	height:56px;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 22px;
	padding:9px 27px 12px;
}
.logo a{
	display:block;
	height:100%;
}
/* nav */
#nav{
	float:right;
	margin:19px 7px 0 0;
}
#nav ul{
	list-style:none;
	padding:0;
	overflow:hidden;
	margin:0;
}
#nav li{
	float:left;
}
#nav li a{
	display:block;
	color:#d7d7d6;
	padding:10px 9px 13px 8px;
	margin:14px 0 0;
	font:0.95em/1.11em 'Conv_Prioric-Bold', "Trebuchet MS", Helvetica, sans-serif;
}
#nav li a:hover,
#nav .active a{
	border:solid #262626;
	border-width:1px 1px 0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	background:#0d090b;
	padding:9px 8px 13px 7px;
	box-shadow: 0 0 14px #000;
	-webkit-box-shadow: 0 0 14px #000;
	-moz-box-shadow: 0 0 14px #000;
	text-decoration:none;
	position:relative;
	z-index:10;
	color:#fff;
}
#nav li:first-child a{
	margin-left:14px;
}
#nav li:last-child a{
	margin-right:14px;
}
/* main */
#main{
	margin:0 auto 35px;
	width:951px;
	background:#262626;
	border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	 box-shadow: 0 0 52px rgba(0, 0, 0, 0.8), 0 0 60px rgba(0, 0, 0, 0.22) inset;
	-webkit-box-shadow: 1px 0 52px rgba(0, 0, 0, 0.8), 1px 0 60px rgba(0, 0, 0, 0.22) inset;
	-moz-box-shadow: 1px 0 52px rgba(0, 0, 0, 0.8), 1px 0 60px rgba(0, 0, 0, 0.22) inset;
}
/* visual */
.visual{
	overflow:hidden;
	background:url(../images/bg-visual.jpg) no-repeat;
	padding:0 5px 0 37px;
}
.visual-text{
	float:left;
	width:375px;
	text-align:right;
	color:#fff;
}
.visual-text .holder{
	display:table-cell;
	height:418px;
	vertical-align:middle;
	font-size:1.375em;
	line-height:1.02em;
}
.visual-text h2{
	margin:0 0 1px;
	font-weight:normal;
	font-size:1.6em;
	line-height:1.04em;
}
.visual-text .text-colors{
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-colors.png) no-repeat;
	width:379px;
	position:relative;
	right:-14px;
	text-align:left;
	height:57px;
}
.visual-text p{
	margin:0 0 16px;
}
.visual-text .buttons{
	padding:48px 0 8px;
	overflow:hidden;
}
.visual-text .buttons .btn-itunes,
.visual-text .buttons .btn-store{
	float:right;
	width:136px;
	height:34px;
	background:url(../images/btn-itunes.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 0 23px;
	padding:0 0 24px;
	text-align:left;
}
.visual-text .buttons a{
	display:block;
	height:100%;
}
.visual-text .buttons .btn-store{
	background:url(../images/btn-store.png) no-repeat;
	width:104px;
}
/* gallery */
.gallery-holder {
	width:514px;
	background:url(../images/bg-gallery.png) no-repeat;
	float:right;
	margin:-10px 0 0;
}
.gallery-holder .gmask {
	position: relative;
	overflow: hidden;
	width: 369px;
	height:277px;
	margin:68px 0 51px 73px;
}
.gallery-holder .gmask ul {
	list-style: none;
	width: 99999px;
	float: left;
	padding: 0;
	margin: 0;
}
.gallery-holder .gmask ul li {
	white-space: nowrap;
	float: left;
	text-align: center;
	width: 369px;
	height: 277px;
}
.gallery-holder .gmask img{
	vertical-align:top;
}
.gallery-holder .pagination ul{
	list-style: none;
	text-align: center;
	padding: 5px 0;
	margin: 0;
}
.gallery-holder .pagination ul li {
	padding: 0 4px 0 3px;
	display: inline;
}
.gallery-holder .pagination a {
	text-decoration: none;
	display:inline-block;
	vertical-align:top;
	width:12px;
	height:12px;
	background:#777;
	opacity: 0.5;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow:hidden;
	text-indent:-9999px;
	box-shadow:0 2px 2px rgba(0, 0, 0, 1) inset;
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 1) inset;
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 1) inset;
}
.gallery-holder .pagination a:hover,
.gallery-holder .pagination .active a {
	color: #f00;
	width:12px;
	height:12px;
	background:#ebebeb;
	border-radius:6px;	-moz-border-radius:6px;	-webkit-border-radius:6px;	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	opacity:1;
}
.gallery-holder a.disabled {
	border-color: #eee;
	color: #eee;
}
/* main-holder */
.main-holder{
	background:url(../images/bg-main-holder.jpg) no-repeat 100% 0;
	padding:5px 0 0;
	border-radius:0 0 30px 30px;	-moz-border-radius:0 0 30px 30px;	-webkit-border-bottom-right-radius:30px;	-webkit-border-bottom-left-radius:30px;
	height:1%;}
.main-holder:after{
	content:"";
	display:block;
	clear:both;
}
.box-holder{
	padding:0;
	height:1%;
}
.box-holder:after{
	content:"";
	display:block;
	clear:both;
}
/* box */
.box-holder .box {
	float:left;
	width:386px;
	color:#fff;
	padding:0 10px 0 65px;
}
.box-holder .box:first-child {
	width:394px;
	padding:0 9px 0 75px;
}
/* box socialable */
.box-holder .box.socialable {
	background:url(../images/separator-5.png) no-repeat 100% 0;
	min-height:220px;
	padding:27px 9px 57px 75px;
}
/* box work-fast */
.box-holder .box.work-fast {
	background:url(../images/separator-4.png) no-repeat 100% 0;
	padding:21px 9px 28px 75px;
}
.box-holder .box.work-fast .image {
	position:relative;
	left:-75px;
	margin:0 -85px -29px 0;
}
/* box color-smart */
.box-holder .box.color-smart {padding:34px 10px 0 70px;}
.box-row {
	background:url(../images/separator-1.png) no-repeat 50% 0;
	height:1%;
}
.box-row:after{
	content:"";
	display:block;
	clear:both;
}
.box-row:first-child {background:none;}
.box-holder .box img{
	vertical-align:top;
}
.box-holder .box h3{
	margin:0 0 1px;
	color:#ccd15a;
	font:1.3em/1.08em 'Conv_Prioric-Bold', "Trebuchet MS", Helvetica, sans-serif;
}
.box-holder .box p{
	margin:0 0 5px;
}
/* item-list */
.item-list {
	list-style:none;	margin:0 -70px 17px -22px;	padding:0;
	overflow:hidden;
	width:450px;
}
.item-list li {
	display:inline-block;	vertical-align:bottom;
	padding:0 8px 15px 0;
	width:90px;
	margin:0 -4px 0 0;
	text-align:center;
}
/* social-networks */
.box-holder .social-networks {
	list-style:none;	padding:0;
	width:450px;
	margin:0 -50px 12px -60px;
}
.box-holder .social-networks:after{
	content:"";
	display:block;
	clear:both;
}
.box-holder .social-networks li {
	float:left;
	background:url(../images/icon-socila-networks.png) no-repeat;
	width:48px;
	height:46px;
	padding:24px 0 24px 22px;
}
.box-holder .social-networks li a{
	display:block;
}
.box-holder .social-networks .active .open:before{
	content:"";
	clear:both;
	width:121px;
	height:121px;
	background:url(../images/bg-shadow.png) no-repeat;
	position:absolute;
	top:-20px;
	left:-17px;
	z-index:10px;
}
.box-holder .social-networks .mail {background-position:0 0;}
.box-holder .social-networks .twitter {background-position:-70px 0;}
.box-holder .social-networks .facebook {background-position:-140px 0;}
.box-holder .social-networks .evernote {background-position:-210px 0;}
.box-holder .social-networks .dropbox {background-position:-280px 0;}
.box-holder .social-networks .photos {
	background-position:-350px 0;
	padding-right:20px;
}
/* box works-fotoshop */
.box-holder .box.works-fotoshop {padding:12px 10px 0 72px;}
.box-holder .box.works-fotoshop .image-holder {
	text-align:center;
	padding:0 50px 0 0;
}
.box-holder .box.works-fotoshop .image-holder img {vertical-align:top;}
.box-holder .social-networks li > a {
	display:block;
	text-indent:-9999px;	overflow:hidden;
	height:100%;
	width:100%;
}
/* footer */
#footer{
	margin:0 auto;
	width:911px;
	padding:0 20px 30px;
	text-align:center;
	color:#545454;
	font:0.6em/1.1667em "Trebuchet MS", Helvetica, sans-serif;
}
#footer p {margin:0;}
.footer-holder{
	color:#878787;
	overflow:hidden;
	margin:0 0 16px;
	line-height:16px;
	display:inline-block;
	vertical-align:top;
}
.footer-holder span{
	float:left;
	margin:0 5px 0 0;
}
/* nav-footer */
.footer-holder .nav-footer{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
.footer-holder .nav-footer li{
	float:left;
	background:url(../images/sep-nav.png) no-repeat 0 3px;
	margin:0 0 0 7px;
	padding:0 0 0 7px;
}
.footer-holder .nav-footer li:first-child {margin-left:0;}
.footer-holder .nav-footer a{
	color:#6e4284;
	text-decoration:underline;
}
.footer-holder .nav-footer a:hover{
	text-decoration:none;
}
.social-networks .active .popup {display:block;}
/* Popup */
.popup-holder,
.popup-hover {
	display:inline;
}
.active {border-color:#00f;}
.popup-holder a.open,
.popup-hover a.open {
	display:block;
}
.popup-holder div.popup,
.popup-hover div.popup {
	position:absolute;
	bottom:57px;
	left:-54px;
	display:none;
	width:382px;
	background:url(../images/bg-popup-t.png) no-repeat;
	padding:70px 0 0;
}
.popup-holder div.popup .holder,
.popup-hover div.popup .holder{
	background:url(../images/bg-popup-b.png) no-repeat 1px 100%;
	padding:0 0 48px;
}
.popup-holder div.popup .frame,
.popup-hover div.popup .frame{
	background:url(../images/bg-popup-c.png) repeat-y;
	height:1%;
}
.popup-holder div.popup .frame:after,
.popup-hover div.popup .frame:after{
	content:"";
	display:block;
	clear:both;
}
.popup-holder div.popup .container,
.popup-hover div.popup .container{
	position:relative;
	float:left;
	width:320px;
	padding:0 31px;
	margin:-37px 0 -1px;
	overflow:hidden;
}
.popup-holder .heading{
	font:1.2em/1.083em 'Conv_Prioric-Bold', "Trebuchet MS", Helvetica, sans-serif;
	text-align:center;
	margin:0 0 9px;
	color:#fff;
}
.popup-holder .text-block{
	border-radius: 4px;
	-moz-border-radius: 4px:
	-webkit-border-radius: 4px;
	padding:15px 15px 14px 20px;
	line-height:1.05em;
	color:#000;
	background: #e1e4e9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTRlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQzZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e1e4e9 0%, #d0d3d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e4e9), color-stop(100%,#d0d3d8));
	background: -webkit-linear-gradient(top,  #e1e4e9 0%,#d0d3d8 100%);
	background: -o-linear-gradient(top,  #e1e4e9 0%,#d0d3d8 100%);
	background: -ms-linear-gradient(top,  #e1e4e9 0%,#d0d3d8 100%);
	background: linear-gradient(to bottom,  #e1e4e9 0%,#d0d3d8 100%);
	box-shadow: 0 1px 4px #000 inset;
	-webkit-box-shadow: 0 1px 4px #000 inset;
	-moz-box-shadow: 0 1px 4px #000 inset;
	overflow:hidden;
}
.popup-holder .text-block p{
	margin:0;
}
.popup-holder .heading a{
	color:#fff;
}
.popup-holder strong{
	font-family:'Conv_Prioric-Bold', "Trebuchet MS", Helvetica, sans-serif;
	font-weight:normal;
	float:left;
	margin:5px 0 0;
}
.popup-holder .button-holder{
	float:right;
	height:20px;
	padding:0 3px 0 0;
	background:url(../images/bg-follow.gif) no-repeat 100% 0;
	color:#000;
	margin:4px 12px 0;
}
.popup-holder .button-frame{
	float:left;
	height:20px;
	background:url(../images/bg-follow.gif) no-repeat 0 -20px;
	font:bold 0.55em/1.818em Arial, Helvetica, sans-serif;
}
.twitter-follow-button{
	float:right;
	position:relative;
	margin:0 -3px 0 0;
	padding:0 3px 0 20px;
	color:#000;
}
.twitter-follow-button:hover{
	text-decoration:none;
}
.active.popup-holder,
.active.popup-hover{
	position:relative;
}
.active div.popup{
	display:block;
	overflow:hidden;
}
.active div.popup .select-all{
	border-bottom:1px solid #
}