/* font face */
@font-face {
	font-family: 'ZSansLight';
	src: url('../fonts/z_sans-light-webfont.eot');
	src: url('../fonts/z_sans-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/z_sans-light-webfont.woff') format('woff'),
		 url('../fonts/z_sans-light-webfont.ttf') format('truetype'),
		 url('../fonts/z_sans-light-webfont.svg#ZSansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* general reset */
body {
	margin:0;
	color:#808080;
	min-width:980px;
	font:13px/16px Tahoma, Geneva, sans-serif;
	background:#1c1c1c url(../images/bg-body.jpg) repeat-x;
}
img {
	border-style:none;
	text-align: right;
}
a {
	text-decoration:none;
	color:#b2b2b2;
}
a:hover {
	color:#ea157a;
	text-decoration:underline;
}
input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
q{quotes: none;}
q:before,
q:after{content:"";}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
/* wrapper */
.wrapper{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.w1{
	width: 960px;
	position: relative;
	float: left;
	left: 50%;
}
.w2{
	width:960px;
	position: relative;
	float: left;
	left: -50%;
}
/* header */
#header {
	position:relative;
	z-index:1;
	overflow:hidden;
	padding:0 11px 0 0;
}
.logo{
	float:left;
	margin:0 0 -13px;
	width:179px;
	height:85px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
#header .navtop{
	display:block;
	text-align:right;
	margin:28px 0 0;
	font-size:13px;
	text-transform:uppercase;
	color:#505050;
	font-family:ZSansLight, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#header .navtop a{
	color:#505050;
	text-decoration:none;
}	
#header .navtop a:hover{
	color:#ea157a;
	text-decoration:none;
}	



#nav a{color:#959595;}	
#header .navtop dt{display:inline;}
#header .navtop dd{
	display:inline;
	margin:0;
	white-space:nowrap;
}
/* nav */
#nav{
	position:absolute;
	top:33px;
	left:35px;
	z-index:2;
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	font-family:ZSansLight, Arial, Helvetica, sans-serif;
}
#nav a{color:#959595;}
#nav a:hover{
	text-decoration:none;
	color:#fff;
}
#nav li.active a{color:#ea157a;}
#nav li.menuExperience{
	letter-spacing:-1px;
	font-size:22px;
	line-height:20px;
}
#nav li.menuWork{
	letter-spacing:-4px;
	font-size:44px;
	line-height:33px;
}
#nav li.menuClients{
	font-size:30px;
	line-height:23px;
}
#nav li.menuConnect{
	font-size:26px;
	line-height:21px;
}
#main:after{
	display:block;
	content:"";
	clear:both;
}
/* main */
#main{
	margin:0 0 100px;
	position:relative;
	background:url(../images/bg-main.png) no-repeat;
}
/* headings */
.clients-holder h2,
.work-holder h2{
	font-weight:normal;
	font-size:24px;
	color:#fff;
	line-height:normal;
	font-family:ZSansLight, Arial, Helvetica, sans-serif;
}
.clients-holder h2{margin:0 0 9px;}
.work-holder h2{margin:0 0 15px;}
.connect-holder h2,
.experience-holder h2{
	margin:0 0 7px;
	font-weight:normal;
	font-size:34px;
	line-height:normal;
	font-family:ZSansLight, Arial, Helvetica, sans-serif;
	color:#fff;
}
.connect-holder h2{
	margin:0 0 4px;
	color:#ea157a;
}
#main h3{
	margin:0 0 6px;
	font:24px ZSansLight, Arial, Helvetica, sans-serif;
	color:#ea157a;
}
#main p{
	margin:0 0 16px;
	text-align: justify;
}
/* decor */
#main .decor1{
	position:absolute;
	top:-26px;
	right:0;
}
#main .decor2{
	position:absolute;
	left:0;
	top:173px;
}
#main .decor3{
	position:absolute;
	right:-109px;
	top:-54px;
}
#main .decor4{
	position:absolute;
	right:-47px;
	top:-23px;
}
#main .decor5{
	position:absolute;
	left:-16px;
	top:264px;
}
#main .decor6{
	position:absolute;
	right:-173px;
	top:-13px;
}
/* connect */
.connect-holder{
	overflow:hidden;
	position:relative;
	z-index:1;
	color:#fff;
	padding:202px 10px 0 438px;
}
.clients-holder{
	position:relative;
	z-index:1;
	overflow:hidden;
	color:#989898;
	min-height:320px;
	padding:35px 335px 27px 352px;
}
#main .clients-holder p{margin:0 0 16px;}
/* experience */
.experience-holder{
	position:relative;
	z-index:1;
	color:#808080;
	overflow:hidden;
	padding:287px 333px 41px 347px;
}
* +html .experience-holder{padding:287px 333px 57px 347px;}
/* work */
.work-holder:after{
	content:'';
	display:block;
	clear:both;
}
.work-holder{
	position:relative;
	z-index:1;
	height:1%;
	color:#6b6b6b;
	padding:283px 0 0 20px;
}
.work-holder .video-holder{
	position:relative;
	float:left;
	width:253px;
	height:181px;
	margin:0 -120px -83px -118px;
	padding:22px 182px 162px 134px;
	background:url(../images/bg-video-holder.png) no-repeat;
}
.work-holder .video-holder img{display:block;}
.work-holder .video-holder .play{
	position:absolute;
	top:23px;
	left:134px;
	width:253px;
	height:189px;
	text-indent:-9999px;
	background:url(../images/bg-play.png) no-repeat;
}
.work-holder .text-holder{
	overflow:hidden;
	padding:83px 0 0;
}
.work-holder .text-holder .twocolumns{overflow:hidden;}
.work-holder .text-holder .column{
	float:left;
	width:280px;
	text-align:justify;
	padding:0 20px 0 0;
}
/* navtop box */
.connect-holder .navtop-box{
	padding:15px 42px 41px 38px;
	background:#010101;
}
.navtop-box .text-holder{
	overflow:hidden;
	text-align:right;
}
.navtop-box .img-holder{
	float:right;
	padding:9px 0 0 75px;
	width:171px;
	color:#333;
}
.navtop-box .img-holder img{
	display:block;
	margin:0 0 7px;
}
.navtop-box dd,
.navtop-box dl{
	margin:0 0 22px;
}
.navtop-box dd,
.navtop-box dt{
	display:inline;
}
.navtop-box .social-nav{
	margin:0;
	padding:0;
	list-style:none;
	line-height:24px;
}
.social-nav li{
	overflow:hidden;
	padding:0 0 16px;
}
.social-nav a{
	color:#fff;
}
.social-nav img{
	float:right;
	vertical-align:top;
	margin:0 0 0 5px;
}
.social-nav a span{
	overflow:hidden;
	float:right;
}
#main blockquote{margin:0 0 16px;}
#main blockquote q{display:block;}
#main blockquote cite{
	display:block;
	text-align:right;
	font-style:normal;
}
#main blockquote cite span{display:block;}
/* columns */
.column-holder{
	overflow:hidden;
	padding:10px 10px 0;
	margin:0 0 13px;
	width:940px;
	background:url(../images/bg-column-holder.png);
}
.column-frame{width:980px;}
.column-holder .column{
	float:left;
	width:263px;
	margin:0 20px 0 0;
	padding:17px 18px 0;
}
.column-holder .column.style{
	padding:21px 18px 0;
	background:url(../images/bg-column.png) no-repeat;
}
.column-holder .img-holder{text-align:center;}
.column-holder .img-holder img{vertical-align:top;}
.social-holder{
	text-align:right;
	overflow:hidden;
	padding:0 28px;
	vertical-align:top;
	font:21px/29px ZSansLight, Arial, Helvetica, sans-serif;
	color:#fff;
}
.social-holder img{vertical-align:top;}
.social-holder span{margin:0 10px 0 0;}
/* twocolumns */
#twocolumns{
	overflow:hidden;
	padding:0 10px;
}
#twocolumns h3{
	color:#ea157a;
	font:24px ZSansLight, Arial, Helvetica, sans-serif;
}
#twocolumns .aside{
	width:261px;
	padding:24px 19px;
	float:left;
	min-height:367px;
	background:url(../images/bg-twocolumns.png) repeat-x;
}
#twocolumns .content{
	width:618px;
	float:right;
}
/* block */
.content .block{
	width:580px;
	padding:24px 19px;
	min-height:367px;
	background:url(../images/bg-twocolumns.png) repeat-x;
}
/* area */
.content .area{
	width:580px;
	padding:13px 19px;
	min-height:303px;
	background:url(../images/bg-area.png) repeat-x;
}
/* treecolumns */
.treecolumns{
	overflow:hidden;
	padding:11px 0 0;
}
.treecolumns .column{
	float:left;
	padding:0 10px 0 0;
	width:186px;
}
.treecolumns .column:first-child{width:219px;}
.treecolumns .column.menuExperience{
	padding:0;
	width:155px;
}
.treecolumns ul{
	margin:0;
	padding:0;
	list-style:none;
}
.treecolumns ul a{color:#808080;}
/* container */
.content .container{
	padding:24px 19px;
	overflow:hidden;
	margin:0 0 23px;
	background:url(../images/bg-container.png) repeat-x;
}
/* logos */
.logo-list{
	position:relative;
	margin:0 0 -22px;
	padding:26px 0 0;
	list-style:none;
}
.logo-list li{
	display:inline-block;
	vertical-align:top;
	width:149px;
	padding:0 40px 36px 0;
	overflow:hidden;
}
* +html .logo-list li{
	display:inline;
	padding:0 43px 36px 0;
}
.logo-list a{
	position:relative;
	margin:0 auto;
	cursor: default;
}
.logo-list .logo1{
	display:block;
	width:89px;
	left:6px;
	height:78px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo1.png) no-repeat;
}
.logo-list .logo1:hover{background-position:0 -78px;}
.logo-list .logo2{
	display:block;
	margin:24px auto 0;
	width:140px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo2.png) no-repeat;
}
.logo-list .logo2:hover{background-position:0 -31px;}
.logo-list .logo3{
	margin:20px auto 0;
	left:19px;
	display:block;
	width:142px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo3.png) no-repeat;
}
.logo-list .logo3:hover{background-position:0 -31px;}
.logo-list .logo4{
	display:block;
	width:135px;
	left:17px;
	top:20px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo4.png) no-repeat;
}
.logo-list .logo4:hover{background-position:0 -51px;}
.logo-list .logo5{
	display:block;
	width:116px;
	margin:37px auto 0;
	left:10px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo5.png) no-repeat;
}
.logo-list .logo5:hover{background-position:0 -21px;}
.logo-list .logo6{
	display:block;
	width:149px;
	left:23px;
	height:67px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo6.png) no-repeat;
}
.logo-list .logo6:hover{background-position:0 -67px;}
.aside-list{
	margin:0;
	padding:11px 0 0 4px;
	list-style:none;
	text-align: left;
}
.aside-list li{
	vertical-align:top;
	padding:0 0 31px;
}
.aside-list .number{
	color:#ea157a;
	font:24px/24px ZSansLight, Arial, Helvetica, sans-serif;
	line-height:12px;
	font-weight: bold;
}
.content .visual-list{
	margin:0 -30px 0 0;
	padding:14px 0 0;
	list-style:none;
	font-size:13px;
	line-height:16px;
}
.content .visual-list li{
	vertical-align:top;
	display:inline-block;
	width:177px;
	margin:0 22px 5px 0;
}
* +html .content .visual-list li{
	margin:0 25px 5px 0;
	display:inline;
}
.content .visual-list img{
	display:block;
	margin:0 0 7px;
}
/* footer */
#footer{
	position:relative;
	padding:0 0 30px;
	text-align:center;
}
#footer .heading{
	color:#fff;
	font:24px/25px ZSansLight, Arial, Helvetica, sans-serif;
}
#footer p{margin:0 0 11px;}
#footer p.copy{
	margin:0;
	color:#484848;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	color:#484848;
}
#footer ul li{display:inline;}
#footer ul a{
	text-decoration:underline;
	color:#484848;
}
#footer ul a:hover{text-decoration:none;}
.popup {
	width:954px;
}
.popup .holder{
	overflow:hidden;
	padding:10px 0 0;
}
.popup .holder object{
	height:513px !important;
	width:950px !important;
}
#fancybox-overlay .popup{display:block;}
.popup-holder{
	height: 0;
	overflow: hidden;
	position: relative;
}
.popup .close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 22px;
	height: 22px;
	background: url(../images/btn-close.png) no-repeat;
	cursor: pointer;
	z-index: 1103;
}
.popup .close:hover{background: url(../images/btn-close.png) no-repeat 0 -22px;}
/* example gallery styles */
.touch-device .gallery-holder {width: 950px;}
.gallery-holder {overflow:hidden;}
.gallery-holder .gholder {
	width: 100%;
	margin:0 0 10px;
}
.gallery-holder .btn-holder{
	overflow:hidden;
	width:624px;
	padding:0 0 0 330px;
	color: #808080;
	font:24px/26px ZSansLight, Arial, Helvetica, sans-serif;
}
.gallery-holder .btn-holder strong{
	display:inline-block;
	vertical-align:top;
	margin:0 33px 0 0;
}
.gallery-holder .gholder:after {
	content:"";
	display:block;
	clear:both;
}
.gallery-holder .gmask {
	border: 2px solid #4d4d4d;
	position: relative;
	overflow: hidden;
	width: 950px;
	float: left;
	background:#000;
}
.gallery-holder .gmask ul {
	height:535px;
	list-style: none;
	width: 99999px;
	float: left;
	padding: 0;
	margin: 0;
}
.gallery-holder .gmask ul li {
	white-space: nowrap;
	position:absolute;
	top:0;
	left:0;
	width: 950px;
	height: 535px;
}
.popup .scrollable{
	position:relative;
	left:5px;
	margin:10px 0 0 0;
	width: 928px;
	padding:10px;
	height: 515px;
	overflow:auto;
	background:#000;
}
.popup .scrollable p{margin:0 0 17px;}
.gallery-holder .gmask ul img{vertical-align:top;}
.gallery-holder a.btn-prev,
.gallery-holder a.btn-next {
	display:inline-block;
	vertical-align:top;
	color: #808080;
	text-decoration: none;
	overflow:hidden;
}
.gallery-holder a.btn-prev {
	padding:0 0 0 30px;
	margin: 0 35px 0 0;
	background:url(../images/btn-prev.png) no-repeat 0 2px;
}
.gallery-holder a.btn-next {
	padding:0 30px 0 0;
	background:url(../images/btn-next.png) no-repeat 100% 2px;
}
.gallery-holder a.btn-prev:hover{
	background-position:0 -30px;
	color:#ae157a;
}
.gallery-holder a.btn-next:hover{
	color:#ae157a;
	background-position:100% -30px;
}
.gallery-holder a.disabled {
	border-color: #eee;
	color: #eee;
}
.gallery-holder .pagination a:hover,
.gallery-holder a.btn-prev:hover,
.gallery-holder a.btn-next:hover {text-decoration:none;}