body {
	margin:0;
	font:12px Tahoma, Verdana, Geneva, sans-serif;
	color:#686767;
	background:#fff;
	min-width:994px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#ff8802;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	padding:145px 0 0;
}
.logo-holder{
	z-index:1;
	width:974px;
	margin:0 auto;
	position:relative;
	height:0;
	line-height:0;
	font-size:0;
}
.logo{
	margin:0;
	position:absolute;
	width:214px;
	top:-130px;
	background:url(../images/logo.gif) no-repeat;
	height:100px;
	overflow:hidden;
	text-indent:-9999px;
}
.logo a{
	display:block;
	height:100%;
}
#header{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#header .holder{
	width:974px;
	margin:0 auto;
	overflow:hidden;
}
.nav-holder{
	overflow:hidden;
	height:1%;
}
#nav {
	padding: 0;
	list-style: none;
	float:right;
	font-size:16px;
	margin:0 0 29px;
}
#nav li{
	float:left;
}
#nav a{
	display:block;
	color:#545454;
	position:relative;
}
#nav a span{
	padding: 55px 18px 19px 16px;
	display:block;
}
#nav a:hover, 
#nav li.active a{
	background: url(../images/bg-nav-left.gif) no-repeat;
	color:#fff;
	text-decoration:none;
}
#nav a:hover span, 
#nav li.active a span{
	background: url(../images/bg-nav-right.gif) no-repeat 100% 0;
}
.subnav{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
.subnav li{
	float:left;
	padding:0 15px 16px 0;
}
.subnav li a{
	color:#454545;
	padding:0;
	float:left;
}
.subnav li a:hover, .subnav li.active a{
	color:#ff8700;
	text-decoration:none;
}
.subnav li.active{
	background: url(../images/bg-notch.gif) 50% 100% no-repeat;
}
.promo-holder{
	margin:0 0 67px;
}
.promo-holder div.active {
	display: block;
}
.promo-holder .slideset {
	padding: 25px 0 0;
	margin: -25px 0 0;
	position: relative;
	overflow: hidden;
	height: 299px;
}

.promo-holder .slideset .promo {
	height: 350px;
}
.promo{
	background: url(../images/bg-promo-repeat.gif) repeat-x;
}
.blue{
	background: url(../images/bg-promo-repeat-blue.gif) repeat-x;
}
.red{
	background: url(../images/bg-promo-repeat-red.gif) repeat-x;
}
.promo .holder{
	background: url(../images/bg-promo.gif) no-repeat 50% 0;
}
.blue .holder{
	background: url(../images/bg-promo-blue.gif) no-repeat;
}
.red .holder{
	background: url(../images/bg-promo-red.gif) no-repeat;
}
.promo .frame{
	width:974px;
	height: 299px;
	margin: 0 auto;
	color:#ececec;
	position:relative;
}
.gal-holder{
	overflow:hidden;
	width:974px;
}
.promo .txt{
	width:389px;
	padding:49px 0 0;
}
.promo strong{
	text-transform:uppercase;
	font-size:13px;
	margin:0 0 10px;
	display:block;
}
.promo h2{
	margin:0 0 10px;
	font-size:38px;
	font-weight:normal;
	line-height:36px;
}
.promo h2 span{
	display:block;
}
.promo p{
	font-size:17px;
	color:#888;
	margin:0 0 13px;
}
.blue p{color:#5ac2db;}
.blue a{color:#fff;}
.visual{
	position:absolute;
	bottom:2px;
	right:15px;
}
.blue .visual{
	right:6px;
}
* html .visual{
	bottom:1px;
}
.switcher {
	position:relative;
	width:974px;
	margin:0 auto;
	z-index: 2;
}
.switcher ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom: -26px;
	right:20px;
}
* html .swither ul{
	bottom: -27px;
}
.switcher ul li{
	float:left;
	font:bold 17px "Trebuchet MS", Helvetica, sans-serif;
	padding:0 8px 0 0;
}
.switcher ul li a{
	background: url(../images/bg-gallery.gif) no-repeat;
	color:#727272;
	width:30px;
	text-align:center;
	float:left;
	cursor:pointer;
	height: 27px;
	padding:5px 0 0;
}
.switcher ul li a:hover, 
.switcher ul li.active a{
	background: url(../images/bg-gallery-hover.gif) no-repeat;
	color:#fff;
	text-decoration:none;
}
#main{
	width:974px;
	margin:0 auto;
	padding:21px 0 72px;
	overflow:hidden;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
.content{
	margin: 0 0 0 -15px;
	padding:0;
	height:1%;
	background: url(../images/bg-border.gif) repeat-y;
}
.content:after{
	content:"";
	clear:both;
	display:block;
}
.content .column{
	float:left;
	width:240px;
	line-height:16px;
	color:#686767;
	padding:0 30px 20px;
	margin:-10px 0 0 -13px;
	position:relative;
}
.content h3{
	margin:0 0 17px;
	font-size:23px;
	color:#4e94d0;
	text-transform:uppercase;
	font-weight:normal;
	background: url(../images/ico-world.gif) no-repeat;
	padding:9px 0 10px 60px;
	line-height:29px;
}
.content p{
	margin:0 0 15px;
}
a.more{
	text-transform:uppercase;
	cursor:pointer;
	float:left;
	font-size:10px;
	overflow:hidden;
}
a.more span{
	float:left;
	margin:0 10px 0 0;
}
a.more:hover span{text-decoration:underline;}
a.more span.button{
	background: url(../images/btn-more.png) no-repeat 100% 0;
	width:19px;
	height:16px;
	margin:0;
	text-indent:-9999px;
	font-size:0;
}
.content .news{
	width:305px;
	margin:-10px 0 0;
}
.content .news h3{
	background: url(../images/ico-news.gif) no-repeat;
	margin-top:6px;
	line-height:21px;
}
.sign{
	margin:-5px 0 0;
}
.sign fieldset{
	display:block;
}
.sign span.text{

}
.sign input#email{
	width:173px;
	border:1px solid #d2d2d2;
	background: url(../images/bg-input-sign.gif) repeat-x;
	padding:3px 8px 5px;
	margin:1px 7px 0 0;
	float:left;
	color:#868686;
}
.sign input#email.error{
	border:1px solid #FF8701;
}
.content .post{
	margin:-10px 0 0 15px;
}
.content .post h3{
	background: url(../images/ico-info.gif) no-repeat;
	margin:0 0 5px;
}
.post div{
	background: url(../images/bg-border2.gif) repeat-x;
	padding:17px 0 15px;
	margin:-1px 0 1px;
}
.date{
	font-size:11px;
	color:#ff8700;
	font-style:normal;
	display:block;
	padding:0 0 1px;
}
#footer{
	background: url(../images/bg-footer.gif) repeat-x 0 100%;
	color:#6ab4f2;
	width:100%;
}

#footer .holder{
	width:974px;
	margin:0 auto;
	padding:49px 0 0;
	overflow:hidden;
}
#footer span{
	float:right;
	color:#686767;
}
#footer span a{
	color:#6ab4f2;
}
.twitter-logo{
	width:102px;
	background: url(../images/twitter-logo.png) no-repeat;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
	margin:-49px 0 0 16px;
}
#footer .twitter-logo a{
	display:block;
	height:100%;
	position:relative;
	float:none;
}
.info{
	text-align:center;
	padding:20px 0 0;
	width:565px;
	margin:0 auto;
}
.info p{
	margin:0 0 10px;
	font-size:12px;
	color:#b0b0b0;
}
.meet{
	width: 985px;
	margin:0 -21px -55px 0;
	position:relative;
	overflow:hidden;
	line-height:16px;
}
.meet:after{
	content:"";
	display:block;
	clear:both;
}
.meet .column{
	float:left;
	width:450px;
	padding:0;
}
.meet .left{
	width:470px;
	padding:0 55px 0 0;
}
#main h2{
	margin:0;
	color:#ff8a07;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
}
.meet h3{
	margin:0 0 10px;
	color:#4e94d0;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}
.meet p{
	margin:0 0 15px;
}
.partners{
	width: 705px;
	margin:0 auto -54px;
	position:relative;
	text-align:center;
	line-height:16px;
}
.partners:after{
	content:"";
	display:block;
	clear:both;
}
.partners p{
	margin:0 0 6px;
}
.partners ul{
	margin: 0;
	padding: 0 69px;
	list-style: none;
	overflow:hidden;
}
.partners ul li{
	float:left;
	padding:23px 40px 14px;
}
.process{
	width:714px;
	margin:0 auto;
	padding:20px 0 0;
}
.process .titles{
	margin:-27px -56px 0 0;
	font-size:19px;
}
.process .titles span{
	padding:0 179px 0 11px;
}
.titles .red{
	color:#d21b1e;
	background:none;
}
.titles .orange{
	color:#f08001;
	background:none;
}
.titles .blue{
	color:#428ece;
	background:none;
}
.block-holder{
	text-align:left;
	margin:27px -50px -43px;
	width:805px;
	position:relative;
	overflow:hidden;
}
.block{
	float:left;
	width:195px;
	padding:0 0 0 65px;
}
#main .block h2{
	font-size:14px;
	margin:0 0 8px;
	line-height:19px;
	font-weight:normal;
}
#main .block .red{
	color:#d21b1e;
	background:none;
}
#main .block .orange{
	color:#f08001;
}
#main .block .blue{
	color:#428ece;
	background:none;
}
.block p{
	margin:0 0 5px;
}
.works{
	margin:0 0 17px;
	display: block;
}
.works h2 {
	font-size:23px;
	line-height:28px;
}
.works .frame{
	padding:30px 0 0;
	height:288px;
}
.scrollable{
	height:194px !important;
}
.scrollable .long{
	width:2000px !important;
}
.scroll-content{
	width:926px !important;
}
.list {
	margin: 0;
	padding: 0;
	list-style:none;
	display:table-row;
}
.list li {
	display:table-cell;
	padding:0 40px 10px 0;
}
.list li a{
	text-align: center;
}
* html .list li {
	float: left;
	clear: right;
}
*+html .list li {
	float: left;
	clear: right;
}
.scrollable a{
	display:block;
	color:#585858;
}
.scrollable a.active,
.scrollable a:hover{
	color:#ff9900;
	text-decoration:none;
}
.scrollable img{
	display:block;
	background: url(../images/bg-brd.gif) no-repeat;
	padding:5px 5px 16px;
}
.hscroll-bar{
	position:absolute;
	height:23px !important;
	margin:0;
	padding:0;
	top:170px !important;
	width: 946px !important;
	cursor: pointer;
}
.hscroll-right img, 
.hscroll-left img{
	padding:0;
}
.hscroll-left,
.hscroll-right{
	cursor: pointer;
}
.hscroll-line{
	height:23px !important;
	overflow: hidden;
	background: url(../images/bg-hscroll-line.gif) repeat-x;
}
.hscroll-slider{
	background: url(../images/bg-hscroll-slider.png) no-repeat;
	height:20px !important;
	width:823px !important;
	top:1px !important;
	overflow:hidden;
}
.text-content{
	float:left;
	width:445px;
	line-height:16px;
}
.text-content .link{
	overflow:hidden;
	width:100%;
	padding:0 0 24px;
}
.text-content .more{
	text-transform:none;
}
.text-content h1{
	margin:0 0 6px;
	font-size:27px;
	font-weight:normal;
	color:#4e94d0;
	line-height:31px;
}
.text-content p{
	margin:0 0 18px;
}
#main .text-content h2{
	margin:0 0 6px;
	font-size:17px;
	color:#4e94d0;
	line-height:21px;
	font-weight:normal;
}
.gallery-holder{
	float:right;
	width:497px;
}
.gallery-holder img{
	display:block;
	margin:0 0 5px;
}
.gallery-holder ul{
	list-style:none;
	margin:0;
	padding:0 0 0 3px;
}
.gallery-holder ul li{
	float:left;
	font: bold 14px "Trebuchet MS", Helvetica, sans-serif;
	padding:0 7px 0 0;
}
.gallery-holder ul li a{
	background: url(../images/bg-gallery-holder.gif) no-repeat;
	color:#727272;
	width:26px;
	text-align:center;
	float:left;
	cursor:pointer;
	height: 25px;
	padding:3px 0 0;
}
.gallery-holder ul li a:hover, 
.gallery-holder ul li.active a{
	background: url(../images/bg-gallery-holder-hover.gif) no-repeat;
	color:#fff;
	text-decoration:none;
}
.launch{
	float:right;
	background: url(../images/btn-launch.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:94px;
	height:29px;
}
.scroll-holder {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.scroll-holder .scroll-wrapper {
	width: 99999px;
}
.scroll-holder .scrollable {
	float: left;
}
.gallery-holder .slider-holder {
	position: relative;
	overflow: hidden;
	width: 497px;
}
.gallery-holder ul.slidelist {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 99999px;
}
.gallery-holder ul.slidelist li {
	float: left;
	width: 497px;
}
.blockquote .visual{
	bottom:5px;
	left:15px;
	right:auto;
}
.blockquote{
	width:100%;
	overflow:hidden;
	padding:23px 0 0;
}
.blockquote blockquote{
	width:464px;
	float:right;
	background: url(../images/bg-quote.png) no-repeat;
	padding:15px 30px 25px 103px;
	margin:0;
}
.blockquote blockquote h2{
	font-size:28px;
	line-height:33px;
	color:#eeeeee;
	margin:0 0 30px;
	font-weight:normal;
}
.blockquote blockquote q{
	quotes: none;
	font-size:14px;
	color:#b0b0b0;
	line-height:18px;
}
.blockquote blockquote q:before{content:"";}
.blockquote blockquote q:after{content:"";}
.blockquote blockquote p{
	margin:0 0 5px;
}
.blockquote blockquote cite{
	font-style:normal;
	text-align:right;
	padding:0 75px 0 0;
	color:#e5e5e5;
	display:block;
}
.blockquote blockquote strong{
	display:block;
	font-size:17px;
	color:#ff8700;
	line-height:22px;
	text-transform:none;
	margin:0;
	font-weight:normal;
	text-align:right;
}
.column{
	width:305px;
	padding:0 95px 0 0;
	float:left;
}
.testimonials{
	padding:20px 0 0 150px;
	overflow:hidden;
	height:1%;
}
#main .testimonials h2{
	margin:0 0 25px;
}
.post{
	margin:0 0 50px;
	overflow:hidden;
	height:1%;
}
.post q{
	quotes: none;
}
.post q:before{content:"";}
.post q:after{content:"";}
.post blockquote{
	margin:0;
}
.post p{
	margin:0 0 5px;
	font-size:13px;
	color:#838282;
	line-height:16px;
}
.post cite{
	display:block;
	text-align:right;
	margin:0 0 -5px;
}
.post strong{
	font-style:normal;
	display:block;
	color:#ff8700;
	text-transform:none;
	margin:0;
	font-weight:normal;
	text-align:right;
}
.promo .news .txt {
	padding:64px 0 0;
	width:515px;
	overflow:hidden;
}
.news .visual {
	bottom:-37px;
	position:absolute;
	right:15px;
}
.promo .news h2 {
	font-size:23px;
	font-weight:normal;
	line-height:28px;
	margin:0 0 3px;
}
.articles .date{
	padding:0 0 4px;
}
.news .date{
	padding:0 0 25px;
}
.promo .news p{
	font-size:12px;
	margin:0 0 11px;
	color:#b0b0b0;
	line-height:16px;
}
.news a.more {
	float:right;
	font-size:11px;
	text-transform:none;
	color:#ff8700;
}
.articles {
	overflow:hidden;
	height:1%;
	margin:5px 0 0;
}
#main .articles h2{
	margin:0 0 26px;
}
.articles .column{
	width:280px;
	padding:0 44px 0 0;
}
.articles .full-post{
	width:560px;
	margin:0 0 0 46px;
	float:left;
}
.articles .full-post.loading{
	background: url(../images/ajax-loader-light.gif) no-repeat;
}
#main .articles .full-post h2{
	font-size:23px;
	line-height:27px;
	color:#666;
	margin:0 0 2px;
}
.articles .full-post .date {
	padding:0 0 28px;
}
.articles .post {
	margin:0 0 30px;
}
.about{
	line-height:15px;
	padding:17px 32px 0 20px;
	text-align:justify;
}
.text{
	float:left;
	width:600px;
	padding:28px 35px 0 0;
}
.text h2{
	float:left;
	background: url(../images/bg-quote-left.gif) no-repeat 0 11px;
	padding:0 0 0 12px;
	font-size:35px;
	line-height:46px;
}
.text span{
	float:left;
	background: url(../images/bg-quote-right.gif) no-repeat 100% 11px;
	padding:0 14px 0 0;
}
.text .holder{
	background:none;
	clear:both;
	height:1%;
}
.text img{
	float:left;
	margin:0 12px;
}
.text p{
	color:#b0b0b0;
	font-size:12px;
	line-height:16px;
	margin:0;
}
.navbar {
	margin: 12px -35px 0 0;
	padding: 10px 0 5px 16px;
	list-style: none;
	float:right;
	background: url(../images/bg-navbar.gif) no-repeat;
	width:358px;
	position:relative;
}
.navbar li{
	padding:0 0 10px;
	overflow:hidden;
	width:100%;
}
.navbar span{
	color:#f5f5f5;
	font-size:15px;
	float:left;
	padding:11px 0 12px 45px;
}
.navbar span.strategy{
	background: url(../images/ico-strategy.png) no-repeat;
	margin:0 0 0 5px;
}
.navbar span.design{
	background: url(../images/ico-design.png) no-repeat;
	padding-left:50px;
}
.navbar span.technology{
	background: url(../images/ico-technology.png) no-repeat;
	padding-left:50px;
}
.navbar span.media{
	background: url(../images/ico-media.png) no-repeat;
	margin:0 0 0 3px;
	padding-left:47px;
}
.navbar span.mobile{
	background: url(../images/ico-mobile.png) no-repeat;
	margin:0 0 0 7px;
	padding-left:43px;
}
.about h3{
	font-size:16px;
	line-height:20px;
	color:#4e94d0;
	margin:0 0 13px;
	font-weight:normal;
}
.about p{
	margin:0 0 14px;
}
.careers{
	margin:5px 130px 120px 0;
	text-align:justify;
	line-height:16px;
}
#main .careers h2{
	margin:0 0 11px;
}
.careers p{
	margin:0 0 16px;
}
.txt-holder{
	width:425px;
	padding:71px 0 0;
}
.promo .txt-holder h2{
	font:39px/43px Arial, Helvetica, sans-serif;
	margin:0 0 14px;
}
.promo .txt-holder p{
	line-height:16px;
	color:#b0b0b0;
	font-size:12px;
}
.join{
	right:-31px;
	bottom:5px;
}
.client{
	right:65px;
	bottom:14px;
}
.clients{
	padding:6px 0 0;
}
#main .clients h2{
	margin:0 0 22px;
}
.clients .content{
	background: url(../images/bg-border3.gif) repeat-y;
	padding:0 0 20px;
	overflow:hidden;
	margin:0;
	height:1%;
}
.clients ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:16px;
	float:left;
	width:220px;
	overflow:hidden;
}
.clients ul.middle{
	margin:0 132px 0 180px;
}
.clients ul a{
	color:#686767;
}
.clients ul a:hover{
	color:#ff8700;
}
.contact-holder{
	padding:14px 20px 0 0;
	font-size:12px;
	line-height:16px;
}
#main .contact-holder h2{
	margin:0 0 15px;
	color:#4E94D0;
	font-size:23px;
	line-height:29px;
}
.contact-holder p{
	margin:0 0 31px;
}
.contact-holder img{
	display:block;
}
.contact{
	background: url(../images/separator-contact.gif) no-repeat 325px 69px;
	padding:44px 0 0;
	overflow:hidden;
	width:100%;
}
.contact .holder{
	background:none;
	float:left;
	width:307px;
}
.contact h2{
	margin:0 0 23px;
	font-size:26px;
	line-height:30px;
}
.contact address{
	font-style:normal;
	color:#e2e2e2;
	line-height:16px;
	font-size:15px;
	margin:0 0 18px;
}
.contact address span{
	display:block;
}
.contact dl{
	margin:0;
	font-size:15px;
	line-height:20px;
}
.contact dt{
	float:left;
	width:53px;
	color:#ff8700;
}
.contact dd{
	margin:0;
	color:#f3f3f3;
}
.message{
	overflow:hidden;
	height:1%;
	float:right;
	width:554px;
}
.contact .message h2{
	margin:0 0 27px;
}
.message .row{
	overflow:hidden;
	height:1%;
	margin:0 0 7px;
}
.message label{
	width:51px;
	float:left;
	font-size:14px;
	color:#ccc;
	padding-top: 5px;
}
.message input.error, .message textarea.error{
	border: 1px solid #ffd6a7;
	background: #ff8800;
	color: #FFF;
}
.textarea{
	float:right;
}
.message textarea{
	overflow:auto;
	background:#404040;
	border:1px solid #727070;
	color:#bcbcbc;
	margin:0 0 12px;
	padding:15px 15px 15px 11px;
	height: 88px;
	width: 277px;
	max-height:98px;
	max-width: 277px;
}
.message .text{
	background:#404040;
	border:1px solid #727070;
	float:left;
	color:#ccc;
	padding:5px 3px;
	width:170px;
}
.inputs{
	float:left;
	width:229px;
}
.message .btn{
	overflow:hidden;
	height:1%;
	clear:both;
	padding-right: 25px;
	position: relative;
}
.message .send{
	float:right;
}
.message .btn .loading-dark{
	width:16px;
	height: 16px;
	display: block;
	margin-right: 10px;
	background:url(../images/ajax-loader-dark.gif) no-repeat;
	position: absolute;
	right: 110px;
	top: 7px;
	display: none;
}
.sign .loading-light{
	width:16px;
	height: 16px;
	display: block;
	float: left;
	background:url(../images/ajax-loader-light.gif) no-repeat;
	margin: 5px 5px 0 0;
	display: none;
}
#thank-you{
	text-align: right;
	font-size: 16pt;
	color: #FFF;
}
.error-container{
	display: block;
	clear: both;
	font-size: 11pt;
	color:#FF8701;
	display: none;
	padding-bottom: 5px;
}
.error-container.ok{
	color:#360;
}
#map{
	width: 700px;
	float:left;
	display: block;
}
#emails{
	width: 150px;
	padding-left: 25px;
	display: block;
	float: left;
}
#facebook{
	width: 71px;
	height:29px;
	display: block;
	background: url(../images/facebook.png) no-repeat;
}