@charset "UTF-8";
@import url("reset.css");

.clearfix:after{ 
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; 
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}

.clear{clear:left;}
.clearright{clear:right;}

.floatleft{float:left !important;}
.floatright{float:right !important;}
.floatcenter{
  float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	overflow:hidden;
}

.alignleft{text-align:left !important;}
.alignright{text-align:right !important;}
.aligncenter{text-align:center !important;}

.image-block{overflow:hidden;}
.image-block .image{float:left;}
.image-block .content{float:right;}

.pushv1{margin-bottom:10px !important;}
.pushv2{margin-bottom:20px !important;}
.pushv3{margin-bottom:30px !important;}
.pushv4{margin-bottom:40px !important;}
.pushv{margin-bottom:60px !important;}

/* Fonts
============================================================ */
@font-face {
  font-family: 'titilliumText25L999wt';
  src: url('template_files/fonts/titilliumtext25l-webfont.eot');
  src: url('template_files/fonts/titilliumtext25l-webfont.eot?iefix') format('eot'),
  url('template_files/fonts/titilliumtext25l-webfont.woff') format('woff'),
  url('template_files/fonts/titilliumtext25l-webfont.ttf') format('truetype'),
  url('template_files/fonts/titilliumtext25l-webfont.svg#webfontm6qS2dCY') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumText25L800wt';
  src: url('template_files/fonts/titilliumtext25l001-webfont.eot');
  src: url('template_files/fonts/titilliumtext25l001-webfont.eot?iefix') format('eot'),
  url('template_files/fonts/titilliumtext25l001-webfont.woff') format('woff'),
  url('template_files/fonts/titilliumtext25l001-webfont.ttf') format('truetype'),
  url('template_files/fonts/titilliumtext25l001-webfont.svg#webfontntIzA6lk') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumText25L600wt';
  src: url('template_files/fonts/titilliumtext25l002-webfont.eot');
  src: url('template_files/fonts/titilliumtext25l002-webfont.eot?iefix') format('eot'),
  url('template_files/fonts/titilliumtext25l002-webfont.woff') format('woff'),
  url('template_files/fonts/titilliumtext25l002-webfont.ttf') format('truetype'),
  url('template_files/fonts/titilliumtext25l002-webfont.svg#webfontBse1BVFH') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumText25L400wt';
  src: url('template_files/fonts/titilliumtext25l003-webfont.eot');
  src: url('template_files/fonts/titilliumtext25l003-webfont.eot?iefix') format('eot'),
  url('template_files/fonts/titilliumtext25l003-webfont.woff') format('woff'),
  url('template_files/fonts/titilliumtext25l003-webfont.ttf') format('truetype'),
  url('template_files/fonts/titilliumtext25l003-webfont.svg#webfontkPZgoyEj') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumText25L250wt';
  src: url('template_files/fonts/titilliumtext25l004-webfont.eot');
  src: url('template_files/fonts/titilliumtext25l004-webfont.eot?iefix') format('eot'),
  url('template_files/fonts/titilliumtext25l004-webfont.woff') format('woff'),
  url('template_files/fonts/titilliumtext25l004-webfont.ttf') format('truetype'),
  url('template_files/fonts/titilliumtext25l004-webfont.svg#webfont0q35VAfN') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* General
============================================================ */
html,
body{height:100%;}

body{
  background:#fff;
  color:#333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}

#wrapper{
  min-width:960px;
  overflow:hidden;
}

.wrapper{
  margin:0 auto;
  width:960px;
}

a{
  color:#98CA00;
	-moz-transition:color 0.2s linear;
	-webkit-transition:color 0.2s linear;
	transition:color 0.2s linear;
}

p{
  line-height:1.4em;
  margin-bottom:30px;
}

h2{
  color:#333;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:30px;
  font-weight:normal;
  margin-bottom:20px;
}

h3,
.sidebar h4{
  color:#262626;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:22px;
  font-weight:normal;
  margin-bottom:16px;
}

.ie8 .presentation h1,
.ie8 h2,
.ie8 h3,
.ie8 .sidebar h4{font-weight:bold;}

.social-media li{
  display:inline;
  margin-right:2px;
}

.social-media a{
  text-decoration:none;
  -moz-transition:opacity 0.2s linear;
  -webkit-transition:opacity 0.2s linear;
  transition:opacity 0.2s linear;
}

.social-media:hover a{
  opacity:0.6;
  filter:alpha(opacity=60);
}

.social-media:hover a:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

body > img{display:none;}

/* Header
============================================================ */
#header{
  background:#fff;
  height:102px;
  font-family:'titilliumText25L400wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:14px;
  font-weight:normal; 
}

#header .wrapper{
  border-bottom:1px solid #241C14;
  -moz-box-shadow:0 1px rgba(255,255,255,0.1);
  -webkit-box-shadow:0 1px rgba(255,255,255,0.1);
  box-shadow:0 1px rgba(255,255,255,0.1);
  padding:15px 0;
}

#logo{float:left;}
.logo-img {background:url(logo.png) no-repeat; width:413px; height:70px; display:block; cursor:pointer;}

#logo,
#header nav{
  position:relative;
  top:-60px;
  -moz-transition:all 0.4s ease 0.5s;
  -webkit-transition:all 0.4s ease 0.5s;
  transition:all 0.4s ease 0.5s;
}

.done #logo,
.done #header nav{
  opacity:1;
  top:0;
}

#header nav{
  float:right;
  text-transform:uppercase;
  white-space:nowrap;
}

#header li{
  float:left;
}

#header nav a{
  color:#0f7ec2;
  display:block;
  padding:30px 22px 11px;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.7);
  -moz-transition:color 0.2s ease-out;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
  font-size:130%;
}

#header nav a:hover{color:#000;}

.home #header .home a,
.work #header .work a,
.services #header .services a,
.about-us #header .about-us a,
.blog #header .blog a,
.contact #header .contact a,
.faq #header .faq a{color:#9CCC0B;}
li.facebook a:link {background:url(facebook.png) no-repeat; width:40px; height:40px; margin:20px 0 0 20px; opacity:.8;}
li.facebook a:hover {opacity:1;}

/* Content
============================================================ */
#content{
  opacity:0;
  padding:60px 0 80px;
  -moz-transition:opacity 0.3s ease 0.8s;
  -webkit-transition:opacity 0.3s ease 0.8s;
  transition:opacity 0.3s ease 0.8s;
}

.done #content{opacity:1;}

.home #content{
  background:url(sliders-bg.png) repeat-x;
  padding:0;
}

p.important{
  color:#333;
  float:left;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:18px;
  font-weight:normal;
  width:670px;
}

/* Home
------------------------------------------- */
.presentation{
  font-family:'titilliumText25L600wt', Helvetica, Arial, sans-serif;
  font-weight:normal;
  height:341px;
  margin:0 auto 60px;
  min-width:970px;
  text-shadow:0 1px rgba(0,0,0,0.5);
}

.presentation .wrapper{
  height:424px;
  position:relative;
}

.presentation h1{
  color:#0f7ec2;
  font-family:'titilliumText25L800wt', Helvetica, Arial, sans-serif;
  font-size:65px;
  font-weight:normal;
  letter-spacing:-1px;
  margin-bottom:10px;
  text-transform:uppercase;
}

.presentation h1 span:first-child{
  font-size:30px;
  vertical-align:10px;
}

.presentation h1 span:last-child{
  display:block;
  font-family:'titilliumText25L999wt', Helvetica, Arial, sans-serif;
  font-size:37px;
}

.presentation .subheading{
  color:#000;
  font-size:18px;
  line-height:1.4em;
  margin:0 0 25px;
  width:540px;
  text-shadow:none;
}

#slide1,
#slide2,
#slide3{
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}

#slide1.active,
#slide2.active,
#slide3.active{
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:2;
}

#slide1{padding-top:70px;}

.presentation .btn-orange-shadow{position:relative;}
#slide1 .btn-orange-shadow{top:4px;}
#slide3 .btn-orange-shadow{top:12px;}

.presentation .content{
  opacity:0;
  -moz-transition:opacity 0.4s ease;
  -webkit-transition:opacity 0.4s ease;
  transition:opacity 0.4s ease;
}

.presentation .active .content{opacity:1;}

.ipad1{
  background:url(route-map.png) no-repeat;
  height:399px;
  left:650px;
  position:absolute;
  top:1px;
  width:417px;
}

.ipad2{
  background:url(i-heart-mass-transit.png) no-repeat;
  height:399px;
  left:648px;
  position:absolute;
  top:1px;
  width:385px;
}

.ipad1,
.ipad2,
.iphone1,
.iphone2{
  margin-left:400px;
  opacity:0;
  -moz-transition:all 0.4s ease-out 0.2s;
  -webkit-transition:all 0.4s ease-out 0.2s, opacity 0.2s ease-out 0.2s;
  transition:all 0.4s ease-out 0.2s, opacity 0.2s ease-out 0.2s;
}

.ipad2{
  -moz-transition-delay:0.4s;
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s;
}

.active .ipad1,
.active .ipad2,
.active .iphone1,
.active .iphone2{
  opacity:1;
  margin-left:0;
}

#slide2{padding-top:95px;}

#slide2 h1{
  font-family:'titilliumText25L600wt', Helvetica, Arial, sans-serif;
  font-size:40px;
  line-height:1.1em;
  margin-bottom:34px;
}

#slide2 h1 span{
  color:#000;
  font-family:'titilliumText25L600wt', Helvetica, Arial, sans-serif;
  font-size:24px;
  text-transform:none;
  text-shadow:none;
}

#slide2 .badges{
  position:absolute;
  right:-80px;
  top:20px;
  width:592px;
}

#slide2 .badges li{
  float:left;
  left:200px;
  margin:0 0 8px 8px;
  opacity:0;
  position:relative;
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
  -moz-transition:all 0.4s ease 0.2s;
  -webkit-transition:all 0.4s ease 0.2s;
  transition:all 0.4s ease 0.2s;
}

#slide2 .badges li img{width:164px;}

#slide2.active .badges li:nth-child(2){
  -moz-transition-delay:0.4s;
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s;
}

#slide2.active .badges li:nth-child(3){
  -moz-transition-delay:0.6s;
  -webkit-transition-delay:0.6s;
  transition-delay:0.6s;
}

#slide2.active .badges li:nth-child(4){
  -moz-transition-delay:0.8s;
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s;
}

#slide2.active .badges li:nth-child(5){
  -moz-transition-delay:1s;
  -webkit-transition-delay:1s;
  transition-delay:1s;
}

#slide2.active .badges li:nth-child(6){
  -moz-transition-delay:1.2s;
  -webkit-transition-delay:1.2s;
  transition-delay:1.2s;
}

#slide2.active .badges li{
  left:0;
  opacity:1;
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
}

#slide3{padding-top:80px;}

#slide3 h1{
  font-family:'titilliumText25L600wt', Helvetica, Arial, sans-serif;
  font-size:65px;
  line-height:1.1em;
  margin-bottom:20px;
  text-transform:none;
}

.iphone1{
  background:url(lightrail-train.png) no-repeat;
  height:399px;
  left:575px;
  position:absolute;
  top:1px;
  width:721px;
  z-index:2;
}

.presentation .controls{
  bottom:40px;
  position:absolute;
  text-align:center;
  width:100%;
}

.presentation .controls li{
  display:inline;
  margin:0 2px;
}

.presentation .controls span{
  background:url(slider-pagination.png) no-repeat -20px 0;
  cursor:pointer;
  display:inline-block;
  height:18px;
  width:18px;
}

.presentation .controls .active span{background-position:0 0;}

.separator-logo{
  background:url(separator-logo.png) repeat-x center;
  clear:both;
  height:30px;
  position:relative;
  z-index:2;
}

.our-features li{
  float:left;
  overflow:hidden;
  margin-right:75px;
  width:270px;
}

.our-features li.problems {margin-right:50px;}

.our-features li:last-child{margin-right:0;}

.our-features li .image{
  margin-bottom:30px;
  text-align:center;
}

.our-features li:nth-child(2){padding-top:0;}
.our-features li .image img{max-width:100%;}

.our-features li .content h3{
  color:#0F7EC2;
  font-size:24px;
  line-height:1.3em;
  margin-bottom:10px;
  text-align:center;
}

.our-features li.problems .content h3{text-align:left;}

.our-features li .content {
	text-align:center;
}

.our-features li .content p{
  color:#3F3F3F;
  font-size:14px;
  line-height:1.4em;
  margin-bottom:20px;
  text-align:left;
}

#prob {display:block; width:960px; min-height:640px; background:#fff url(problem-solution-bg1.png) 0 30px no-repeat;}
#prob .prob-title h2 {padding:30px 0 0 90px;}
#prob .prob-content {width:910px; height:200px; display:block;}
#prob .sol-content {width:910px; height:210px; display:block; margin:70px 0 0 50px;}
#prob .sol-title h2 {padding:20px 0 0 535px;}
#prob .sol-title-phone h2 {clear:both; display:none;}

.info-wrap {background:url(non-home-bg.jpg); width:100%; margin-top:-43px;}

/* About Us
------------------------------------------- */
.about-container p {
	font-size:1.3em;
	color:#4D4D4F;
}

.column{
  float:left;
  margin-bottom:70px;
  width:435px;
}

.column + .column{
  float:right;
  width:460px;
}

.company-photo{
  margin-bottom:30px;
  padding-bottom:20px;
  position:relative;
  text-align:center;
}

.company-photo .cyclops{
  bottom:0;
  height:92px;
  left:0;
  position:absolute;
  width:57px;
}

.company-photo .cyclops span{
  background-position:0 -36px;
  height:18px;
  left:20px;
  top:6px;
  width:18px;
}

.news{border-top:1px solid #CCC;}

.news li{
  border-bottom:1px solid #CCC;
  line-height:1.4em;
  padding:5px;
}

.news a{
  color:#333;
  text-decoration:none;
}

.news a:hover{
  color:#69C;
  text-decoration:underline;
}

.news li span{
  color:#666;
  display:block;
  font-size:12px;
  font-style:italic;
}

img.full-map-mobile {display:none;}

.team li{
  cursor:pointer;
  float:left;
  height:467px;
  margin:0;
  position:relative;
  width:270px;
}

.team li:nth-child(6n){margin-right:0;}

.team li > img{
  height:467px;
  -moz-transition:opacity 0.2s linear;
  -webkit-transition:opacity 0.2s linear;
  transition:opacity 0.2s linear;
  width:270px;
}

.team li:hover > img{
  opacity:1;
  filter:alpha(opacity = 100);
}

.team .tooltip{
  border:1px solid #2A241C;
  -moz-box-shadow:3px 3px 4px rgba(0,0,0,0.25);
  -webkit-box-shadow:3px 3px 4px rgba(0,0,0,0.25);
  box-shadow:3px 3px 4px rgba(0,0,0,0.25);
  color:#FFF;
  font-size:12px;
  height:36px;
  left:-9999px;
  opacity:0;
  filter:alpha(opacity = 0);
  padding:11px;
  position:absolute;
  top:60px;
  -moz-transition:opacity 0.2s linear;
  -moz-transition-property:opacity, top;
  -webkit-transition:opacity 0.2s linear;
  -webkit-transition-property:opacity, top;
  transition:opacity 0.2s linear;
  transition-property:opacity, top;
  width:180px;
  z-index:1;
}

.team li:hover .tooltip{
  left:0;
  top:67px;
  opacity:1;
  filter:alpha(opacity = 100);
}

.team .tooltip .tip{
  height:8px;
  left:22px;
  position:absolute;
  top:-7px;
  width:17px;
}

.team strong{
  color:#98CA00;
  display:block;
  font-size:15px;
  text-shadow:0 -1px rgba(0,0,0,0.4);
}

.team .photo{
  background:#FFF;
  border:6px solid #2E2619;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  height:60px;
  left:-6px;
  opacity:0;
  filter:alpha(opacity=0);
  overflow:hidden;
  position:absolute;
  top:-6px;
  -moz-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  transition:all 0.2s linear;
  width:60px;
  z-index:2;
  -moz-box-shadow:10px 3px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow:10px 3px 4px rgba(0,0,0,0.2);
  box-shadow:10px 3px 4px rgba(0,0,0,0.2);
}

.team .active .photo{
  height:1245px;
  left:50%;
  margin:-240px 0 0 -559px;
  opacity:1;
  filter:alpha(opacity=100);
  top:50%;
  width:700px;
}

.team .photo > div{
  background:#8A8A8A;
  background:rgba(0,0,0,0.5);
  bottom:0;
  color:#FFF;
  opacity:0;
  filter:alpha(opacity=0);
  height:36px;
  padding:10px 15px;
  position:absolute;
  -moz-transition:opacity 0.2s linear 0.3s;
  -webkit-transition:opacity 0.2s linear 0.3s;
  transition:opacity 0.2s linear 0.3s;
  width:295px;
}

.team .active .photo > div{
  opacity:1;
  filter:alpha(opacity=100);
}

.awards{
  clear:both;
  overflow:hidden;
}

.awards > div{
  color:#FFF;
  float:left;
  font-family:'titilliumText25L600wt', Helvetica, Arial, sans-serif;
  font-size:25px;
  font-weight:normal;
  height:42px;
  margin-right:20px;
  padding:52px 26px 36px;
  width:85px;
}

.awards ul{padding-top:30px;}

.awards li{
  float:left;
  margin-right:16px;
  width:250px;
}

.awards .image{width:60px;}

.awards .content{
  color:#666;
  font-size:14px;
  line-height:1.4em;
  width:180px;
}

.awards .title{
  color:#97968E;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:18px;
  font-weight:normal;
}

/* Services
------------------------------------------- */
.services .process{
  height:335px;
  margin-bottom:50px;
  position:relative;
}

.process li{
  color:#666;
  cursor:pointer;
  font-size:14px;
  height:205px;
  left:355px;
  line-height:1.4em;
  position:absolute;
  top:65px;
}

.process li > div{
  height:42px;
  padding:15px 0 0 64px;
}

.process li:first-child{
  left:20px;
  top:130px;
}

.process li:first-child > div{background-position:0 0;}

.process li:last-child{
  height:240px;
  left:695px;
  top:35px;
  width:200px;
}

.process li:last-child > div{background-position:0 -120px;}

.process .title{
  color:#97968F;
  float:left;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:22px;
  font-weight:normal;
  margin-bottom:3px;
  padding-right:20px;
}

.process .tooltip{
  left:-9999px;
  opacity:0;
  padding-top:15px;
  position:absolute;
  -moz-transition:opacity 0.2s linear;
  -moz-transition-property:opacity, top;
  -webkit-transition:opacity 0.2s linear;
  -webkit-transition-property:opacity, top;
  transition:opacity 0.2s linear;
  transition-property:opacity, top;
  top:50px;
  width:262px;
}

.ie8 .process .tooltip{display:none;}

.process li:hover .tooltip{
  left:64px;
  top:60px;
  opacity:1;
}

.ie8 .process li:hover .tooltip{display:block;}

.process .tooltip .content{
  font-size:13px;
  padding:5px 24px 20px 24px;
}

ul.services{margin-top:64px;}

ul.services li,
.panel{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:0 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow:0 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2) inset;
  box-shadow:0 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2) inset;
  float:left;
  margin-right:30px;
  padding:30px 26px 20px;
  position:relative;
  width:248px;
}

.panel{
  float:none;
  margin-right:0;
  width:auto;
}

ul.services li:last-child{margin-right:0;}
ul.services li p,
.panel p{margin-bottom:20px;}
ul.services li p:last-child,
.panel p:last-child{margin-bottom:0;}

ul.services li h3,
.panel h3{
  font-size:27px;
  margin-bottom:30px;
}

ul.services .label,
.panel .label{
  height:98px;
  position:absolute;
  right:12px;
  top:-24px;
  width:103px;
}

ul.services li:first-child .label{background-position:0 0;}
ul.services li:last-child .label{background-position:0 -200px;}

/* Work
------------------------------------------- */
.subnav{margin-bottom:40px;}

.subnav li{
  cursor:pointer;
  display:inline-block;
  font-size:13px;
  font-weight:bold;
  margin-right:4px;
  padding-left:12px;
}

.subnav span,
.subnav a{
  color:#666;
  display:inline-block;
  padding:8px 15px 8px 3px;
  text-decoration:none;
  text-shadow:0 1px rgba(255,255,255,0.7);
}

.subnav .active,
.subnav li:hover{}
.subnav .active span,
.subnav li:hover span,
.subnav .active a,
.subnav li:hover a{}

ul.projects{overflow:hidden;}

ul.projects li{
  float:left;
  margin:0 30px 30px 0;
  text-align:center;
}

ul.projects li:nth-child(3n),
ul.projects li.last{margin-right:0;}

ul.projects a{
  color:#666;
  display:block;
  font-weight:bold;
  padding-top:10px;
  text-decoration:none;
}

ul.projects a:first-child{
  background:#DBDBDB;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:10px;
  -moz-transition:background-color 0.1s linear;
  -webkit-transition:background-color 0.1s linear;
  transition:background-color 0.1s linear;
}

ul.projects li:hover a:first-child{background:#CCC;}

ul.projects img{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  width:280px;
}

.projects .column{width:550px;}
.projects .column + .column{width:350px;}

.projects .column > img{
  -moz-box-shadow:0 3px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 3px 4px rgba(0,0,0,0.2);
  box-shadow:0 3px 4px rgba(0,0,0,0.2);
  margin-bottom:30px;
}

.project-info{
  font-weight:bold;
  margin-bottom:50px;
}

.project-info p{
  font-size:14px;
  margin-bottom:0;
}

.project-info a{text-decoration:none;}
.project-info a:hover{text-decoration:underline;}

.back{
  font-weight:bold;
  color:#666;
}

.back:hover{text-decoration:none;}

.show-more{
  color:#666;
  cursor:pointer;
  display:block;
  font-size:13px;
  font-weight:bold;
  height:29px;
  line-height:29px;
  margin:0 auto;
  text-align:center;
  text-shadow:0 1px rgba(255,255,255,0.7);
}

.show-more:hover{background-position:bottom;}

/* Contact Us
------------------------------------------- */
.contact .column,
.jobs .column{width:546px;}
.contact .column + .column,
.jobs .column + .column{width:296px;}
.contact p.important{width:100%;}

.panel.contact-info .label{background-position:0 -300px;}

.contact-info{
  color:#666;
  font-size:14px;
}

.contact-info p a,
.contact-info p span{display:block;}

.contact-info p a{
  color:#8CB800;
  font-weight:bold;
}

.contact-info p a:hover{color:#666;}


/* Blog
------------------------------------------- */
.blog .column{width:630px;}
.blog .column + .column{width:275px;}
.blog .subnav{margin-bottom:60px;}

.post,
div.notes{
  background:#FFF;
  background:rgba(255,255,255,0.5);
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.05);
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.05);
  box-shadow:0 0 2px rgba(0,0,0,0.05);
  margin-bottom:55px;
  padding:20px 24px;
  position:relative;
}

.post:last-child{margin-bottom:15px;}

.post .date{
  color:#FFF;
  font-size:18px;
  font-weight:bold;
  height:80px;
  left:0;
  padding-top:18px;
  position:absolute;
  text-align:center;
  text-shadow:0 -1px rgba(0,0,0,0.35);
  top:-25px;
  width:102px;
}

.post .date span{
  display:block;
  font-size:40px;
}

.post header{
  min-height:50px;
  margin-bottom:20px;
  padding-left:92px;
}

.post header h3{line-height:1.2em;}

.post header h3 a{
  color:#262626;
  text-decoration:none;
}

.post header h3 a:hover,
.notes a:hover{color:#98CA00;}

.post header blockquote{
  color:#666;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:20px;
  font-style:italic;
  padding-left:25px;
}

.post header blockquote:before,
.post header blockquote:after{
  color:#666;
  font-family:"Times New Roman", Times, Georgia, serif;
  font-size:50px;
  font-style:normal;
}

.post header blockquote:after{
  bottom:-24px;
  margin-left:5px;
}

.post header cite{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  margin-left:25px;
}

.post .content{line-height:1.4em;}

.post .content{
  margin-bottom:20px;
  overflow:hidden;
}

.post .content a{
  font-weight:bold;
  text-decoration:none;
}

.post .content a:hover{text-decoration:underline;}

.post cite:before{
  content:"—";
  margin-right:2px;
}

.post .content blockquote{
  background:#EEE;
  border-left:9px solid #DDD;
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-style:italic;
  margin-bottom:20px;
  padding:12px;
}

.post .content blockquote:before,
.post .content blockquote:after{display:none;}
.post .content cite{margin-left:0;}
.post p,
.post .media,
.post .album-art,
.post .copy{margin-bottom:20px;}
.post .content ul,
.post .content ol{margin:0 0 20px 20px;}
.post .content ul{list-style:disc outside;}
.post .content ol{list-style:decimal outside;}
.post p img{vertical-align:middle;}

.post footer{
  border-top:1px solid #E1E1E1;
  font-size:12px;
  overflow:hidden;
  padding-top:16px;
  text-align:right;
}

.post footer li{
  float:left;
  margin-right:10px;
}

.post footer li:last-child{
  float:right;
  margin:0;
  padding-left:10px;
}

.post footer li:last-child a{
  color:#999;
  display:inline-block;
  font-weight:bold;
  padding:5px 10px 5px 0;
  text-decoration:none;
}

ol.notes{border-top:1px solid #E1E1E1;}

.notes h4{
  color:#262626;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:18px;
  font-weight:normal;
  margin-bottom:14px;
}

.notes li{
  border-bottom:1px solid #E1E1E1;
  list-style:none;
  padding:7px;
}

.notes img{vertical-align:middle;}

.notes a{
  color:#262626;
  font-weight:bold;
  text-decoration:none;
}

.widget{margin-bottom:25px;}
.sidebar .panel{padding:14px;}
.search input{background:none;}
.pagination{float:right;}

.pagination li{
  display:inline;
  font-size:14px;
  font-weight:bold;
  margin-left:10px;
}

.pagination a{
  color:#666;
  text-decoration:underline;
}

.pagination a:hover{color:#98CA00;}

/* Footer
============================================================ */
#footer{
  background:#fff url(footer-bg.jpg) repeat-x;
  color:#A29C92;
  font-family:'titilliumText25L400wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:14px;
  min-width:960px;
  padding-top:160px;
  position:relative;
}

#footer .main-heading{
  color:#FFF;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:26px;
  margin-bottom:40px;
  text-align:center;
  text-shadow:0 1px 2px rgba(0,0,0,0.9);
}

#footer a{
  color:#0F7EC2;
  text-decoration:none;
  -moz-transition:all 0.2s ease-out;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

#footer .separator{
  height:21px;
  position:relative;
  top:-19px;
}

#footer .wrapper{
  position:relative;
  width:910px;
}

#footer .ground{
  color:#A29C92;
  font-family:'titilliumText25L400wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:13px;
  height:90px;
  margin-top:-64px;
  min-width:960px;
  overflow:hidden;
  padding-top:69px;
  position:relative;
  text-align:center;
}

#footer .bottom{
  color:#000;
  font-family:'titilliumText25L400wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:13px;
  overflow:hidden;
  margin-top:-53px;
  float:right;
  margin-right:20px;
  line-height:16px;
}

#footer .container{
  -moz-box-shadow:0 1px rgba(245,240,212,0.05);
  -webkit-box-shadow:0 1px rgba(245,240,212,0.05);
  box-shadow:0 1px rgba(245,240,212,0.05);
  overflow:hidden;
}

.recent-tweets,
.recent-posts{
  float:left;
  width:240px;
  margin-left:40px;
  min-height:415px;
}

.recent-tweets{
  float:left;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:16px;
  font-weight:normal;
  margin-right:50px;
  width:330px;
}

.recent-tweets li,
.recent-posts li{
  line-height:1.2em;
  overflow:hidden;
  margin-bottom:15px;
  padding-bottom:15px;
}

.recent-posts li:first-child{
  -moz-box-shadow:0 1px rgba(245,240,212,0.05);
  -webkit-box-shadow:0 1px rgba(245,240,212,0.05);
  box-shadow:0 1px rgba(245,240,212,0.05);
}

#footer .container .heading{
  color:#000;
  font-size:17px;
  line-height:27px;
  margin-bottom:15px;
  text-transform:uppercase;
}

.recent-tweets .heading{
  padding-left:50px;
}

.recent-tweets .content{margin-bottom:10px;}

.recent-tweets li > a{
  display:inline;
  font-size:12px;
  margin-right:2px;
}

#footer .recent-tweets li a:hover{color:#A29C92;}
.recent-tweets span{color:#99CC0B;}

.recent-posts .date{
  color:#FFF;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:54px;
  line-height:1.6em;
  padding-top:12px;
  text-align:center;
  text-shadow:1px 0 rgba(0,0,0,0.35);
  width:70px;
}

.recent-posts .date span{
  display:block;
  font-size:28px;
}

.recent-posts .content{
  float:left;
  width:260px;
}

.recent-posts .title{
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:19px;
  margin-bottom:5px;
}

#footer .recent-posts .title a{color:#AAA499;}
#footer .recent-posts .title a:hover{color:#99CC0B;}

.recent-posts p{
  font-family:'titilliumText25L250wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:12px;
}

#footer .recent-posts p a{
  color:#A09A91;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  text-decoration:underline;
}

#footer .recent-posts p a:hover,
#footer nav li a:hover{color:#99CC0B;}

#footer nav{
  float:left;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:14px;
  width:140px;
}

#footer nav.contact-info{width:290px;}

#footer nav.contact-info p{
  color:#000;
  font-size:16px;
}

#footer nav.contact-info a{
  font-size:16px;
  font-weight:normal;
}

#footer nav .heading,
#footer .contact-form .heading{margin-bottom:12px;}
#footer nav li{margin-bottom:12px;}
#footer nav li a{color:#0F7EC2;}
#footer nav.menu{margin-left:140px;}

#footer nav p{
  line-height:1.4em;
  margin-bottom:15px;
}

#footer nav p.last{margin-bottom:25px;}
#footer nav p a,
#footer nav p span{display:block;}
#footer nav p a:hover{text-decoration:underline;}

#footer nav .phone-number{
  color:#99CC0B;
  font-size:27px;
}

#footer .contact-form{
  float:right;
  width:350px;
}

.eyeballs,
.kites{
  margin:0 auto;
  position:relative;
  width:960px;
}

.eyeballs li,
.cyclops span{
  height:8px;
  position:absolute;
  right:61px;
  top:10px;
  width:8px;
}

.ie8 .eyeballs li{
  right:62px;
  top:8px;
}

.eyeballs li:first-child{
  background-position:0 -17px;
  height:11px;
  right:196px;
  top:-6px;
  width:11px;
}

.ie8 .eyeballs li:first-child{
  right:198px;
  top:-8px;
}

.eyeballs li:last-child{
  background-position:0 0;
  height:17px;
  right:-81px;
  top:-10px;
  width:17px;
}

.ie8 .eyeballs li:last-child{
  right:-77px;
  top:-12px;
}

.kites{width:910px;}

@-webkit-keyframes kite{
  0%, 20%{-webkit-transform:rotate(0deg);}
  24%{-webkit-transform:rotate(1deg);}
  28%{-webkit-transform:rotate(0deg);}
  32%{-webkit-transform:rotate(1deg);}
  36%{-webkit-transform:rotate(0deg);}
  66%{-webkit-transform:rotate(1deg);}
  70%{-webkit-transform:rotate(0deg);}
  74%{-webkit-transform:rotate(1deg);}
  80%, 100%{-webkit-transform:rotate(0);}
}

.kites li{
  -moz-animation:kite 30s linear 0 infinite alternate;
  -webkit-animation:kite 30s linear 0 infinite alternate;
  animation:kite 30s linear 0 infinite alternate;
  -moz-transform-origin:left bottom;
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
}

.kites li:first-child{
  -moz-animation-delay:1s;
  -webkit-animation-delay:1s;
  animation-delay:1s;
  height:331px;
  position:absolute;
  right:8px;
  top:-110px;
  width:180px;
}

.kites li:last-child{
  height:342px;
  position:absolute;
  right:-35px;
  top:-87px;
  width:153px;
}

/* Forms
============================================================ */
.text{
  background:#EEEEE8;
  border:1px solid #C5C5C5;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
  box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#666;
  padding:12px;
  -moz-transition:all 0.2s ease-out;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  width:100%;
}

.text:focus{border-color:#C5D566;}

.ie8 textarea.text{width:98%;}

#footer .text{
  background:#98958E;
  border:0 none;
  -moz-box-shadow:0 0 4px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4) inset;
  box-shadow:0 0 4px rgba(0,0,0,0.4) inset;
  color:#333;
  padding:6px;
}

#footer .text:focus{
  -moz-box-shadow:0 0 4px rgba(0,0,0,0.9) inset;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.9) inset;
  box-shadow:0 0 4px rgba(0,0,0,0.9) inset;
}

.field{margin-bottom:20px;}
#footer .field{margin-bottom:15px;}

.field.half{
  float:left;
  margin-right:2%; 
  width:49%;
}

.field.half.last{margin-right:0;}

label{
  display:block;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
}

#footer label{
  color:#FFF;
  font-weight:normal;
  margin-bottom:5px;
}

label.small{
  font-size:11px;
  font-weight:normal;
  margin:3px 0 0;
}

label.error,
#footer label.error{
  color:#C00;
  float:right;
  font-size:11px;
  margin-top:3px;
}

.text.search{padding:8px 12px;}

.search input[type="text"]{
  color:#666;
  margin-right:5px;
  width:220px;
}

.search input[type="submit"]{
  cursor:pointer;
  height:24px;
  opacity:0.8;
  -moz-transition:all 0.2s ease-out;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  width:20px;
}

.search input[type="submit"]:hover{opacity:1;}

p.notice{
  color:#8CB800;
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
}

a.notice{
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:18px;
  font-weight:normal;
}

.required{color:#F00;}
.hidden{display:none;}

/* Buttons
============================================================ */
.btn,
.btn input,
.btn span{
  color:#FFF;
  cursor:pointer;
  display:inline-block;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:17px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.4);
}

.btn{
  padding-left:4px;
}

.btn input,
.btn span{
  height:33px;
  line-height:1em;
  padding:5px 16px 6px 12px;
}

.btn.big{
  padding-left:5px;
}

.btn.big input,
.btn.big span{
  font-size:20px;
  height:50px;
  padding:5px 32px 6px 27px;
}

.btn:hover{background-position:0 -33px;}
.btn:hover input,
.btn:hover span{background-position:100% -33px;}

.btn.big:hover{background-position:0 -50px;}
.btn.big:hover input,
.btn.big:hover span{background-position:100% -50px;}

.btn:active{background-position:left bottom}
.btn:active input,
.btn:active span{background-position:right bottom;}

.btn-blue-shadow{
  background:url(btn-blue-shadow.png) no-repeat top;
  color:#003147;
  cursor:pointer;
  display:inline-block;
  font-size:24px;;
  line-height:61px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.4);
  width:184px;
  border: 2px solid #003147;
  border-radius: 5px 5px 5px 5px;
}
.btn-blue-shadow:hover{background-position:-1px -73px;}
.btn-blue-shadow:active{background-position:-1px -146px;}

.btn-green-shadow{
  background:url(green.png) no-repeat top;
  color:#235402;
  cursor:pointer;
  display:inline-block;
  font-size:24px;
  line-height:61px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.4);
  width:186px;
  border: 2px solid #477628;
  border-radius: 5px 5px 5px 5px;
}

.btn-green-shadow:hover{background-position:0 -73px;}
.btn-green-shadow:active{background-position:0 -146px;}

.btn-orange-shadow{
  background:url(btn-orange-shadow.png) no-repeat top;
  color:#974300;
  cursor:pointer;
  display:inline-block;
  font-size:24px;;
  line-height:61px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.4);
  width:186px;
  border: 2px solid #974300;
  border-radius: 5px 5px 5px 5px;
}

.btn-orange-shadow:hover{background-position:0 -73px;}
.btn-orange-shadow:active{background-position:0 -146px;}

.btn-green{
  color:#FFF;
  cursor:pointer;
  float:right;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:20px;
  margin:15px 36px 0 0;
  height:59px;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.2);
  width:187px;
}

.btn-green:hover{background-position:0 -59px;}
.btn-green:active{background-position:bottom;}

.btn-gray{
  background-color:#91BE0A;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:1px 1px rgba(0,0,0,0.1) inset, 0 1px rgba(255,255,255,0.8);
  -webkit-box-shadow:1px 1px rgba(0,0,0,0.1) inset, 0 1px rgba(255,255,255,0.8);
  box-shadow:1px 1px rgba(0,0,0,0.1) inset, 0 1px rgba(255,255,255,0.8);
  color:#000;
  display:inline-block;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:15px;
  padding:10px 16px;
  text-decoration:none;
}

.btn-gray:hover{opacity:0.9;}


/* new services page
-------------------------------------------------------*/
#progress-container{z-index:4;}

#show-meter span{
  color:#8B5E13;
  font-size:16px;
  font-family: 'titilliumText25L999wt';
  text-shadow:0px 1px 1px rgba(255,255,255,0.53);
  position: absolute;
  display:none;
}

#design-label{right:125px;top:94px}
#frontend-label{right:104px;top:126px}
#dev-label{right:81px;top:158px}

#design-bar{
  height:228px;
  position:absolute;
  top: 19px;
  left: 24px;
  width:228px;
  z-index:3;
}

#frontend-bar{
  height:216px;
  top: 19px;
  left: 24px;
  position:absolute;
  width:216px;
  z-index:2;
}

#dev-bar{
  height:204px;
  top:19px;
  left: 24px;
  position:absolute;
  width:202px;
  z-index:1;
}

.jCProgress{position:absolute;}

.ie9 .jCProgress{
  margin:0 !important;
}

.jCProgress > div.percent {
  color:#FF9933;
  font-family: 'titilliumText25L250wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-weight:normal;
  font-size:62px;
  /*height:160px;*/
  position:absolute;
  text-shadow:0px 1px 1px rgba(200,200,200,1);
  text-align:center;
  width:160px;
  padding:37px 0px 66px 0px;
  margin-top: 29px;
  margin-left: 32px;
}

.jCProgress > div.percent:after{
  content:"%";
}

#dev-bar .jCProgress > div.percent,#design-bar .jCProgress > div.percent{visibility:hidden;}



.services #wrapper{overflow:visible;}


.content-half{
  margin-right:1%;
  margin-bottom:60px;
  padding:0 1%;
  position:relative;
  width:47%;
}

.btn-new-green{
  color:#FFF;
  cursor:pointer;
  float:right;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:20px;
  margin:15px 36px 0 0;
  height:59px;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px rgba(0,0,0,0.2);
  width:187px;
}

.btn-new-green:hover{background-position:0 -71px;}
.btn-new-green:active{background-position:0 -137px;}

#phases img{
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  position:absolute;
}

.done #phases img{
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
}

#phases img.static{
  position:static;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
}

#phases img.idea{
  left:148px;top:-32px;
  -moz-transition:opacity 0.2s linear 0.9s;
  -webkit-transition:opacity 0.2s linear 0.9s;
  -o-transition:opacity 0.2s linear 0.9s;
  -ms-transition:opacity 0.2s linear 0.9s;
  transition:opacity 0.2s linear 0.9s;
}
#phases img.build{
  left:303px;top:65px;
  -moz-transition:opacity 0.2s linear 1.2s;
  -webkit-transition:opacity 0.2s linear 1.2s;
  -ms-transition:opacity 0.2s linear 1.2s;
  -o-transition:opacity 0.2s linear 1.2s;
  transition:opacity 0.2s linear 1.2s;
}

#phases img.prod{
  left:292px;top:228px;
  -moz-transition:opacity 0.2s linear 1.5s;
  -webkit-transition:opacity 0.2s linear 1.5s;
  -ms-transition:opacity 0.2s linear 1.5s;
  -o-transition:opacity 0.2s linear 1.5s;
  transition:opacity 0.2s linear 1.5s;
}

#phases img.measure{
  left:157px;top:307px;
  -moz-transition:opacity 0.2s linear 1.8s;
  -webkit-transition:opacity 0.2s linear 1.8s;
  -o-transition:opacity 0.2s linear 1.8s;
  -ms-transition:opacity 0.2s linear 1.8s;
  transition:opacity 0.2s linear 1.8s;
}

#phases img.data{
  left:0px;top:228px;
  -moz-transition:opacity 0.2s linear 2.1s;
  -webkit-transition:opacity 0.2s linear 2.1s;
  -o-transition:opacity 0.2s linear 2.1s;
  -ms-transition:opacity 0.2s linear 2.1s;
  transition:opacity 0.2s linear 2.1s;
}

#phases img.learn{
  left:0px;top:65px;
  -moz-transition:opacity 0.2s linear 2.4s;
  -webkit-transition:opacity 0.2s linear 2.4s;
  -o-transition:opacity 0.2s linear 2.4s;
  -ms-transition:opacity 0.2s linear 2.4s;
  transition:opacity 0.2s linear 2.4s;
}

#what-we-do{
  padding-top:30px;
  width:415px;
}

#what-we-do hgroup h2{
  color:#32271B;
  font-size:66px;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-weight:normal;
  margin-bottom:30px;
}

#what-we-do hgroup h3{
  color:#666;
  font-size:34px;
  font-family:'titilliumText25L250wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-weight:normal;
  line-height:1.18em;
  margin-bottom:30px;
}

.content-half p{
  color:#666;
  font-size:16px;
  font-family:Helvetica,sans-serif;
  line-height:1.41em;
}

#divisions{
  padding-top:20px;
  overflow:hidden;
}



#divisions .content-half{
  margin-right:0;
  padding:0;
  width:50%;
}

#divisions .content-half .dep{
  float:left;
  margin-right:10px;
  width:98px;
}

#divisions .content-half .desc{
  float:left;
  width:355px;
}

#divisions .content-half h3{
  color:#282828;
  font-size:30px;
}

#divisions .content-half p{
  color:#333;
  font-size:16px;
}

#divisions .content-half p a{
  color:#666;
  text-decoration:underline;
}

#divisions .content-half p a:hover{color:#000;}

#divisions .content-half .dep span{
  display:block;
  height:98px;
  width:98px;
}

#divisions .content-half .dep span.ux{background-position:0px 0px;}
#divisions .content-half .dep span.mobile{background-position:-119px 0px;}
#divisions .content-half .dep span.frontend{background-position:-119px -114px;}
#divisions .content-half .dep span.web{background-position:0px -114px;}

#contact-banner{
  height:162px;
}


#contact-banner p{
  color:#32261A;
  font-size:30px;
  font-family:'titilliumText25L800wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-weight:normal;
  margin-top:60px;
}

#contact-banner .btn-new-green,
#contact-banner .btn-orange-shadow{margin-top:50px;}

.steps-title{
  padding-top:40px;
  font-size:25px;
}

#process{
  min-height:730px;
  position:relative;
}

#process .step{
  position:absolute;
  width:252px;
  z-index:100;
}

#process .step p{
  color:#333;
  font-size:15px;
  font-family:Helvetica,sans-serif;
  line-height:21px;
  text-shadow:0px 1px rgba(255,255,255,0.6);
  width:245px;
}

#process .step > div{
  margin-bottom:50px;
}

#process #startup{left: -41px;top: 72px;}
#process #augment{left: 292px;top: 215px;}
#process #scale{right: 91px;top: 122px;}

#process .step .know-more,
.logos li .know-more{
  position: relative;
  height: 50px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
}

#process .step .know-more p,
.logos li .know-more p{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  border:solid #CCC 1px;
  border-top:0;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  color:#333;
  display:none;
  font-size:14px;
  /*opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);*/
  padding:30px 20px;
  position:absolute;
  text-shadow:0px 1px rgba(255,255,255,0.7);
  top:25px;
  left:-105px;
  width:225px;
  z-index:1;

  -moz-transition:opacity 0.3s linear;
  -webkit-transition:opacity 0.3s linear;
  -o-transition:opacity 0.3s linear;
  -ms-transition:opacity 0.3s linear;
  transition:opacity 0.3s linear;
}

#process .step .know-more .arrow,
.logos li .know-more .arrow{
  cursor:pointer;
  display:inline-block;
  height:50px;
  position: relative;
  width:50px;
  z-index:2;
}

.scrollblock {
  position: relative;
  margin: 0;
  width: 100%;
  height: auto;
}

/* FAQ
------------------------------------------------------------------------*/

.faq-page{width:640px;}
.support-side{width:270px;}

.tab-content h3{
  color:#262626;
  font-size:32px;
  font-family:'titilliumText25L400wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-weight:bold;
  margin-bottom:30px;
}

.tab-content .faqs .question{
  color:#262626;
  display:inline-block;
  cursor:pointer;
  font-size:23px;
  font-family:'titilliumText25L400wt', 'Trebuchet MS', Tahoma, sans-serif;
  line-height:1.2em;
  padding-left:27px;
}

.tab-content .faqs li{margin-bottom:30px;}
.tab-content .faqs .question.open{}

.tab-content .faqs .answer{
  background:#fff;
  opacity:0.9;
  filter:alpha(opacity = 90);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:inset -1px -1px 2px -1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset -1px -1px 2px -1px rgba(0,0,0,0.1);
  box-shadow:inset -1px -1px 2px -1px rgba(0,0,0,0.1);
  color:#666;
  display:none;
  font-size:17px;
  font-family:Helvetica,sans-serif;
  line-height:1.46em;
  margin:20px 0 0 27px;
  padding:20px 20px 1px 20px;
  width:605px;
}

.tab-content .faqs .answer p{margin-bottom:20px;}
.tab-content .faqs .answer ul{margin-left:15px;}
.tab-content .faqs .answer ul li{list-style: outside disc;}

.support-side h4{
  font-size:16px;
  margin-bottom:15px;
}

.support-side p{
  color:#333;
  font-size:14px;
  font-family:Helvetica,sans-serif;
  line-height:1.48em; 
}

.support-side a{
  font-size:14px;
  font-weight:bold;
}


/* landings ali, mrt, coding apps, sexy
------------------------------------------------------------------------*/
.mrt #content,
.ali #content,
.sexy #content,
.codingapps #content{padding:0px 0 80px;}

.mrt #contact-banner p,
.ali #contact-banner p,
.sexy #contact-banner p,
.codingapps #contact-banner p{width:770px;}

.half{
  width:50%;
}

#main-banner{
  border-bottom:3px solid #000;
  height:465px;
}

#main-banner .content{
  padding-top:50px;
}

.sexy #main-banner .content{
  padding-top:70px;
  width:520px;
}

.ali #main-banner .content{
  padding-top:60px;
  width:424px;
}

.codingapps #main-banner .content{padding-top:85px;}

#main-banner .pic{
  padding-top:25px;
  text-align:center;
}

.sexy #main-banner .pic{
  padding-top:45px;
  width:430px;
}

.ali #main-banner .pic{padding-top:19px;}

.codingapps #main-banner .pic{padding-top:77px;}

#main-banner .content h1{
  color:#FFF;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:42px;
  font-weight:normal;
  margin-bottom:5px;
}

.sexy #main-banner .content h1{
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:31px;
  font-weight:normal;
  margin-bottom:15px;
}

#main-banner .content .subheading{
  color:#FFF;
  font-family:'titilliumText25L250wt', 'Trebuchet MS', Tahoma, sans-serif;
  font-size:23px;
  line-height:1.3em;
  margin-bottom:20px;
}

.ali .wrapper.service,
.sexy .wrapper.service,
.codingapps .wrapper.service{
  padding-top:40px;
}

.service .dep{
  float:left;
  margin-right:60px;
  width:270px !important;
}

.service .dep.last{margin-right:0;}

.service .dep .dep-logo{
  text-align:center;
  margin-bottom:35px;
}

.service .dep .desc span.title{
  color:#333;
  display:block;
  font-size:20px;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  margin-bottom:10px;
  text-shadow:0px 1px rgba(255,255,255,1);
}

.service .dep .desc p{
  color:#3F3F3F;
  font-size:16px;
  font-family:Helvetica, sans-serif;
  line-height:1.51em;
  text-shadow:0px 1px rgba(255,255,255,1);
}

.clients.landings ul li{
  display:inline-block;
  height:67px;
  position: relative;
} 

.clients.landings ul li:hover span.arrow{display:block;}

.clients.landings ul li a img{
  display: none;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
  vertical-align: middle;
}

.clients.landings ul li:hover a img{
  display:inline-block;
  -moz-transition:all 1s linear;
  -webkit-transition:all 1s linear;
  transition:all 1s linear;
}

.clients.landings ul li:hover a img.gray{
  display:none;
  -moz-transition:all 1s linear;
  -webkit-transition:all 1s linear;
  transition:all 1s linear;
}

.clients.landings ul li a img.gray{display:inline;}

.clients.landings{overflow: visible !important;}


.clients .logos li .know-more .arrow{
  bottom:8px;
  height:30px;
  position:absolute;
  display:none;
  width:30px;
}

.logos li .know-more{
  margin-left:-15px;
  width:30px;
}

.logos li .know-more p{
  left:-94px;
  padding:30px 20px;
  width:185px;
}

.testimonials .floatleft{
  position: relative;
  top:10px;
  width:410px;
}

.testimonials .floatright{
  width:515px;
}

.testimonials h2{
  font-size:35px;
  line-height:1.2em;
}

.testimonials ul.slide-quote li{
  float:left;
  width:516px;
}

.pag-quote{
  text-align:center;
}

.pag-quote a{
  display:inline-block;
  height:10px;
  margin-right:10px;
  width:10px;
}

.pag-quote a.selected{background-position:0 0;}

.pag-quote a span{display:none;}

.testimonials p.quote{
  color:#3F3F3F;
  font-size:15px;
  font-family:Helvetica,sans-serif;
  font-style:italic;
  line-height:1.54em;
  margin-bottom:10px;
  text-shadow:0px 1px rgba(255,255,255,1);
}


.testimonials p.author{
  color:#222;
  font-size:15px;
  font-family:'titilliumText25L600wt', 'Trebuchet MS', Tahoma, sans-serif;
  line-height:1.3em;
  margin-bottom:10px;
  text-shadow:0px 1px rgba(255,255,255,1);
}