section.work-page a.disc-link img {
    -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all;
}

section.work-page a.disc-link:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="70")";
    filter: alpha(opacity=70);
    zoom: 1;
}

.twitterBlock {
    border: 2px solid #E4E4E4;
    padding: 20px;
}
.twitterBlock h3 {
    margin-top: 0px;
}
.twitterBlock p.details {
    margin-bottom: 0px;
    color: #aaa;
    text-align: right;
}

table td, table th {
    line-height: 24px !important;
}


footer .heart img {
    height: 28px;
    width: auto;
    margin: 0px auto;
    -webkit-animation: heartBeat 1.1s infinite;
    -moz-animation:    heartBeat 1.1s infinite;
    -o-animation:      heartBeat 1.1s infinite;
    animation:         heartBeat 1.1s infinite;
}

@-webkit-keyframes heartBeat {
  0%   { -webkit-transform: scale(1); }
  70%  { -webkit-transform: scale(0.8); }
  80%  { -webkit-transform: scale(1); }
  90%  { -webkit-transform: scale(0.8); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes heartBeat {
  0%   { -moz-transform: scale(1); }
  70%  { -moz-transform: scale(0.8); }
  80%  { -moz-transform: scale(1); }
  90%  { -moz-transform: scale(0.8); }
  100% { -moz-transform: scale(1); }
}
@-o-keyframes heartBeat {
  0%   { -o-transform: scale(1); }
  70%  { -o-transform: scale(0.8); }
  80%  { -o-transform: scale(1); }
  90%  { -o-transform: scale(0.8); }
  100% { -o-transform: scale(1); }
}
@keyframes heartBeat {
  0%   { transform: scale(1); }
  70%  { transform: scale(0.8); }
  80%  { transform: scale(1); }
  90%  { transform: scale(0.8); }
  100% { transform: scale(1); }
}

/* 1. GENERAL
================================================================================*/
html { overflow-y:scroll; }
body { position:relative; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.left { float: left }
.right { float: right; }
.center { text-align: center; }
.pad { padding:0 20px; }
.pad-wide { padding:0 40px; }
.pad-left { padding:0 0 0 40px; }
.pad-right { padding:0 40px 0 0; }
.textcenter { text-align: center;}
#retinalogo { display: none; }
.circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 260px; }
.circle-border { padding: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #F2F2F2; }

.clr { clear:both; }
.pad-left ul, .pad ul, .pad-right ul { list-style:none; margin-bottom:18px; }
.pad-left li, .pad li, .pad-right li { line-height:26px; margin:0; padding-left:12px; }
.pad-left ul > li, .pad ul > li, .pad-right ul > li { background: url("../img/bullet.gif") no-repeat scroll 0 6px transparent; }
img.fullwidth { width:100%; }
#page { background:#FFF url('../img/page-bg.jpg') repeat-x; padding:20px 0; border-bottom:4px solid #96C84D; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-top:4px solid #96C84D; box-shadow:0 0 8px rgba(0, 0, 0, 0.2); position:relative; top:-50px; z-index:90000; }
#rainbow { width:100%; height:4px; position:fixed; z-index:999999; line-height:0; padding:0; margin:0; top: 0px; }
#rainbow img { width:100%; height:4px; padding:0; margin:0; position: absolute; top: 0px; }
.center { text-align:center; }
.rounded { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

.w100	{ width:100%; }
.w90	{ width:90%; }
.w80	{ width:80%; }
.w70	{ width:70%; }
.w60	{ width:60%; }
.w50	{ width:50%; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }

.effectimg { background: #F2F2F2; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; overflow: hidden; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; color: #333; position: relative }
.lightbackground { background: #f2f2f2; }

/* 2. TYPOGRAPHY
================================================================================*/
body { font-size:16px; line-height:26px; height: 100%; position: absolute; width: 100%; }
p { margin:0 0 14px; }
h1 { font-size:47px; font-weight:300; line-height:55px; margin:10px 0 0 0; text-align:center; text-shadow:0 1px 0 #FFFFFF; }
h1.secondline { font-size:35px; margin:0 0 20px 0; color:#666; }
h2, h2.title { margin:10px 0 14px; color:#7BA51B; font-size:35px; font-weight:100; text-shadow:0 1px 0 #FFFFFF; }
h2.title { font-size:42px; margin-bottom:20px; }
h2.center { text-align:center; }
h3 { margin:10px 0 14px; font-size:22px; font-weight:500; }
a { color:#7BA51B; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all; }
section#banner a {
    -webkit-transition: none; -moz-transition: none; transition: none;
}
a:hover { color:#000; text-decoration:underline; }
.calltoaction { display:inline-block; padding:5px 15px; background:#98CF4D; background:-webkit-gradient(linear, left top, left bottom, from(#98CF4D), to(#88B33D)); background:-moz-linear-gradient(top, #98CF4D, #88B33D); color:#FFF; margin:5px auto; border:none; border-top:1px solid #fff;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    -webkit-transition: none; -moz-transition: none; transition: none;
}
.calltoaction.large { padding:17px 80px 19px; font-size:34px; font-weight:400; margin:30px 0; }
.calltoaction:hover { color:#FFF; background:#88B33D; text-decoration:none; }
#page ol li { /*padding:0 0 20px 0;*/ }



/* 3. HEADER
================================================================================*/
#header-wrapper { padding:15px 0; width:100%; height:65px; position:fixed; z-index:100000; background:#F2F2F2; border-bottom:solid 1px #E1E1E1; box-shadow:0 1px 6px rgba(0, 0, 0, 0.1); }
#header {  }

/* We are hiring */
#wearehiring { z-index:100001; background: url('../img/we-are-hiring.png') no-repeat; width:138px; height:138px; position: absolute; top:0; right:0; }

/* Logo */
#logo { display:block; width:350px; height:65px; }

/* Top Navigation */
#navigation { float:right; list-style:none; margin:20px 0 0 0; font-size:16px; }
#navigation li { float:left; display:inline;}
#navigation li a { color:#888; display:block; padding:4px 0; margin:0 0 0 30px; border:none; }
#navigation li a:hover { text-decoration:none; border-bottom:2px solid #ccc; }
#navigation li.active a,
#navigation li.active a:hover { border-bottom:2px solid #98CF48; }
#navigation li:first-child a { margin-left:0; }

/* Inner Page Banners */
#innerbanner { width:100%; padding-top:65px; }
#innerbanner-content { width:100%; height:310px; background-repeat:no-repeat; background-position:center bottom; background-size:cover; }
#innerbanner-content.contact-us { height:410px; }
#innerbanner-content h1 { color:#fff; font-weight:300; font-size:45px; line-height:25px; padding:0; margin:80px 0 0; }
#innerbanner-content h1 span { display:block; float:left; clear:left; text-align:left; padding:0px 40px; background: rgba(146, 188, 80, .85); }
#innerbanner-content h1 span:first-child { padding-top:26px; padding-bottom:13px; border-radius: 5px 5px 0 0; }
#innerbanner-content h1 span:last-child { padding-top: 24px; padding-bottom:30px; border-radius: 0 5px 5px 5px; }

/* Mobile Sidebar */
#mobile-sidebar { display: none; background: url('../img/mobile-sidebar-grad.png') right repeat-y  #4D4D4D; }
#mobile-sidebar #mobile-nav ul { list-style: none; margin: 0; }
#mobile-sidebar #mobile-nav ul li.head { background: #3C3C3C url('../img/mobile-sidebar-grad.png') right repeat-y ; padding: 15px 10px; color: #F4F4F4; text-transform: uppercase;  }
#mobile-sidebar #mobile-nav ul li a { padding: 15px 10px; text-transform: uppercase; color: #F4F4F4; border-bottom: 1px solid #636161; display: block; text-shadow: 0 1px 0 black; -webkit-transition: none; -moz-transition: none; transition: none; }
#mobile-sidebar #mobile-nav ul li ul li a { border-bottom: 0; padding: 10px 20px; text-transform: none; white-space: nowrap;}
#mobile-sidebar #mobile-nav ul li a:hover { background: #555 url('../img/mobile-sidebar-grad.png') right repeat-y; text-decoration: none;}

#mobile-topnav { display: none; background: #3C3C3C; padding:0 5px; height: 48px; }
#mobile-topnav #navtrigger {background: url('../img/mobile-nav-trig.png') 50% 50% dimGray no-repeat; padding: 5px 18px; margin: 8px; display: block; float: left; height: 20px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#mobile-topnav #contact { background: dimGray; padding: 5px 18px; margin: 8px; display: block; float: right; height: 20px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #DEDEDE; font-size: 13px;  }
#mobile-topnav #contact:hover { text-decoration: none; }


/* 4. PAGE: GENERAL
================================================================================*/
/* Sub Navigation */
#subnav { width:100%; overflow:hidden; }
#subnav ul { float:right; list-style:none; }
#subnav ul li { float:left; display:inline; padding:5px 0 10px 30px; background:none; }

/* Testimonials */
.testimonial { font-size:20px; line-height:29px; background:#E4E4E4 url('../img/quotes.png') no-repeat 15px 0; padding:35px 20px 15px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.testimonial .testimonial-name img { margin-right:20px; }
.testimonial-name { font-size:19px; line-height:22px; }
.testimonial-person {  }
.testimonial-company { font-size:15px; }

/* Content thumbnail images */
img.thumbnail { float:right; width:125px; margin:0 0 20px 20px }

/* Breadcrumb */
.newtrail,
body.about #page .newtrail a,
body.services #page .newtrail a,
body.process #page .newtrail a,
body.work #page .newtrail a,
body.contact #page .newtrail a { font-size:13px; color:#888; margin-bottom:-10px; }
body.about #page .newtrail a:hover,
body.services #page .newtrail a:hover,
body.process #page .newtrail a:hover,
body.work #page .newtrail a:hover,
body.contact #page .newtrail a:hover { color:#333; }


/* OUR SERVICES LIST FORMATTING */

#services_format {text-align:center;}
#services_format h3 {margin-top:20px;}
#services_format ul {margin:0;padding:0;position:relative;left:-10px;}
#services_format li {list-style-type:none;float:left;padding: 5px 2px 12px 0px;}
#services_format a.web { white-space: nowrap; font-weight: 300; font-size: 14px; line-height: 23px; padding: 4px 5px; color: #666; background: transparent; margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-family:"proxima nova",sans-serif;}
#services_format a.web:hover {color: #111; background: #EEE; text-decoration: none; }
#services_format a h3 {color:#7BA51B;}
#services_format a:hover h3 {color:#7BA51B;text-decoration:underline;background: none !important;}
#services_format a img {border:none; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all;}
#services_format a:hover img {opacity:0.4;}

.services_cms {width:80%;margin:0 auto;}

/* 4. PAGE: HOMEPAGE
================================================================================*/
.row a {margin-right:0px;}


#section-clients { margin:30px 0; }
#section-activity { margin-top:20px; }

#section-clients #homepage-client-logos { text-align:center; }
#section-clients #homepage-client-logos img.homepage-client-logo { margin:2px 7px; width:200px; }
#section-clients #homepage-client-logos img.homepage-client-logo:last-child { /*margin-right:0;*/ }

#page .row #client-logos { text-align:center; }
#page .row #client-logos img.client-logo { margin:2px 7px; width:200px; }
#page .row #client-logos img.client-logo:last-child { /*margin:0;*/ }

/* Homepage Slideshow & Fader */
#slider { height: 410px; margin: 0; }
#slider li { position: absolute; overflow: hidden; width: 100%; height: 410px; background-position: center; background-repeat: no-repeat; }		
#banner{ position: relative; padding-top:65px; opacity: 0; }
/*#banner .container { width: 1010px; }*/
#banner .leftcol { width: 450px; height: 390px; float: left; }
#banner .rightcol { width: 450px; height: 390px; float: right; }
#banner #cs_slider_left{ background: url(../img/cs_slider_sprite.png) 0px -293px no-repeat; float:left;  }
#banner #cs_slider_right{ background: url(../img/cs_slider_sprite.png) -84px -293px no-repeat; float: right;  }
#banner #cs_slider_right, 
#banner #cs_slider_left { display: block; width: 82px; height: 82px;  margin: 182px 20px; position: relative; z-index: 100000; opacity: 0.7; }
#banner .container{ position: relative; height: 20px; z-index: 40000; }
#banner #laptop { background: url(../img/cs_slider_sprite.png) 0px 0px no-repeat; display: block; float: right; width: 519px; height: 291px; margin: 70px 20px 0 0; }
#banner #laptop #screen { width: 372px; height: 249px; margin: 15px 20px 0 74px; position: relative; overflow: hidden; }
#banner #screen ul { list-style: none; margin: 0; position: absolute; width: 9000px; }
#banner #screen ul li { float: left; }
#banner #client-logos { width: 445px; height: 200px; overflow: hidden; position: relative; margin: 110px auto 0 auto; }
#banner #client-logos ul { list-style: none; position: absolute; width:900000px; margin: 0; padding: 0; }
#banner #client-logos ul li { float: left; width: 445px; text-align: center;	 }
#banner #slides-pagination { float:left; width:100%; overflow:hidden; position:relative; }
#banner #slides-pagination ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; }
#banner #slides-pagination ul li { background: url(../img/cs_slider_sprite.png) -168px -293px no-repeat; width: 13px; height: 13px; display:block; float:left; list-style:none; margin:0 5px; padding:0; position:relative; right:50%; }
#banner #slides-pagination ul li.active { background: url(../img/cs_slider_sprite.png) -183px -293px no-repeat; width: 13px; height: 13px; }

#banner #intro-container { overflow: hidden; width:100%;  }
#banner #intro-slide {  background:url('../img/slides/intro.jpg'); background-position: 50% 50%; background-repeat: no-repeat no-repeat; height:410px; width:100%; margin:auto; position:absolute; z-index:50000; text-align: center; }
#banner #intro-slide img { margin: 40px 0 0 0; }

/* Tiles Matrix */
#matrix-container { width:104%; margin: 30px 0 0 0; position: relative; }
#matrix-container .col { float: left; width: 14.6666666666667%; margin-right: 1%; margin-left: 1%;  position: relative; }
#matrix-container .two-col { margin-right: 1%; margin-left: 1%; width: 29.3333333%; float: left; position: relative; font-size:0px; }
#matrix-container .two-col .col { width: 100%; margin:0; }
#matrix-container .two-col .col-left { width: 47%; margin-right: 3%; float: left; }
#matrix-container .two-col .col-right { width: 47%; margin-left: 3%; float: right; }
#matrix-container .single-row, #matrix-container .double-row {  background: #F2F2F2;  overflow: hidden; color: #333; position: relative;  border-radius: 3px; -moz-border-radius: 3px; -wekbit-border-radius: 3px; }
#matrix-container .single-row img, #matrix-container .double-row img { border-radius: 3px; -moz-border-radius: 3px; -wekbit-border-radius: 3px; }
#matrix-container img { width: 100%; height: 100%;}
#matrix-container div.overlay { position: absolute; bottom: 0; background:white; width:100%; padding: 10px; background: rgba(255, 255, 255, 0.83); display: none; }
#matrix-container div.overlay h2 { font-size: 16px; line-height: 20px; font-weight: 600; color:#242021; }
#matrix-container div.overlay p { color:#242021; font-size:14px; padding-right: 30px; }

/* Mobile Slideshow */
#mobile-slideshow ul { list-style: none; margin: 0; height: 214px; overflow: hidden; position: relative; }
#mobile-slideshow ul li { height: 214px; width: 100%; }



/* 4. PAGE: WORK
================================================================================*/
.dashed { clear:both; border-top:dashed 2px #CCC; margin-top:44px; padding-bottom:30px; }
.preview { float:right; margin:0 0 20px 20px; width:150px; height:150px; background:#EEE; }
.bigpreview { width:100%; /*background:#EEE;*/ margin-bottom:20px }
.bigpreview ul { margin: 0; padding: 0; list-style: none;}
.summary { font-size:13px; }

.bigpreview #ss_left{ background: url(../img/cs_slider_sprite.png) 0px -293px no-repeat; float:left;  }
.bigpreview #ss_right{ background: url(../img/cs_slider_sprite.png) -84px -293px no-repeat; float: right;  }
.bigpreview #ss_right, 
.bigpreview #ss_left { display: block; width: 82px; height: 82px;  margin: 109px 5px; position: relative; z-index: 100000; opacity: 0.7; }

/* Slideshow */
.bigpreview { position: relative; overflow:hidden; }
/*#slideshow { width:400px; margin: 0; }*/
/*#slideshow  ul { margin:0 auto; }*/
#slideshow-pagination { text-align:center; z-index: 100000; position: absolute; bottom: 18px; left: 200px; }
#slideshow-pagination a { background: url("../img/cs_slider_sprite.png") no-repeat scroll -168px -293px transparent; text-indent: -999em; display: block; width: 13px; height: 13px; float: left; margin-left: 8px;}
#slideshow-pagination a.activeSlide { background-position: -183px -293px; }
#slideshow img { /*display: none; width: 534px;*/ }

div.casestudy { text-align: center; float:left; margin-bottom:30px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; width: 23%; overflow: hidden;  }
div.casestudy img { border-radius: 5px; -moz-border-radius: 5px; -wekbit-border-radius: 5px; border-bottom:3px solid transparent;  background: #F2F2F2;  overflow: hidden; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; color: #333; cursor: pointer; position: relative; }
.work div.casestudy img, .services div.casestudy img { background:none; -webkit-transition:0; -moz-transition:0; transition:0; border-bottom: 0; }
.work div.casestudy img:hover, .services div.casestudy img:hover { border:0; }
div.casestudy img:hover { border-bottom:3px solid #6599D2; }
div.casestudy h3 {font-size: 18px; font-weight: normal; }
div.casestudy .image { width:100%; display: block; position: relative;  }
div.casestudy-spacer { float:left; width:2.6666666667%; }

ul.casestudy_pagination { list-style: none; margin: 14px 10px; float: right; width:200px;}
ul.casestudy_pagination li { line-height:18px;}
ul.casestudy_pagination a { float: right;}
ul.casestudy_pagination .prev { background: url('../img/bullet-left.gif') no-repeat 0 2px; margin-right: 20px; padding-left: 18px;}
ul.casestudy_pagination .next { background: url('../img/bullet.gif') no-repeat 43px 2px; padding-right: 18px;}

form.filters-form { float:right; margin:20px 40px 0 0;}



/* 4. PAGE: TEAM
================================================================================*/
div.staff { float:left; width:24%; text-align:center; margin-bottom:30px;  }
div.staff .image { width:100%; margin:10px 0 15px 0; position: relative; }
div.staff .image img { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; border-bottom: 3px solid transparent; width: 100%; }
div.staff div.bio { 
	display: none;
	position: absolute; 
	bottom: 3px; 
	width: 100%; 
	background: #EEEEEE;
	background: rgba(238, 238, 238, 0.83);
 }
div.staff div.bio div { padding: 16px 8px; }
div.staff-spacer { float:left; width:1%; }



/* 4. PAGE: NEWS
================================================================================*/
/* News lists / navigation */
.newslist { list-style:none; margin:0 0 30px 0; padding:0 0 0 10px; }
.newslist ul li { margin:0; padding:0 0 8px 12px; background:url('../img/bullet.gif') no-repeat 0 3px; line-height:20px; font-size:16px; }

/* News homepage content */
.news-item { width:100%; overflow:hidden; margin:25px 0 35px 0; }
.news-image { width:20%; float:left; }
.news-image img { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.news-content { width:78%; float:right; }
.news-content h3 { color:#E50028; margin:0 0 10px 0; }

/* Social links */
.news-social { margin-top: 30px;}
.news-social a { border: none;}
.news-social a:first-child { margin-right: 10px;}
#social_twitter { display:block; float:left; width:154px; height:71px; background: url('../img/about/icon-follow.png') no-repeat 0 0; border:none; }
#social_twitter:hover { background: url('../img/about/icon-follow.png') no-repeat 0 -71px; }
#social_facebook { display:block; float:left; width:154px; height:71px; background: url('../img/about/icon-like.png') no-repeat 0 0; border:none; }
#social_facebook:hover { background: url('../img/about/icon-like.png') no-repeat 0 -71px; }
#social_twitter span, #social_facebook span { display:none; }

/* News pagination */
.pagination { display: inline-block; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination a:first-child { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.pagination a:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }



/* 4 PAGE: CONTACT
================================================================================*/
/* Type */
body.contact h1 { font-size: 37px;}
body.contact #page h1 a { color:#333333;}
body.contact h1.secondline { font-size: 30px;}
body.contact span.colored { color:#8013B3; }
body.contact div.address { font-size:22px; font-weight: 300; }
body.contact #subnav ul li { background: none;}

body.contact .pad.contact-us-buttons { text-align:center; }

/* Google maps */
#map_container { position: relative; }
#map_container div.directions { position: absolute; left:50%; margin: 0 0 150px -200px; z-index: 999; bottom: 0; width:400px; background: #FDFDFD; border:1px solid #B8B7B6; 
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:10px;
}

#map_container input { background: white; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding:10px 10px; margin: 0;}
#map_container button { width:160px; font-size: 15px; padding: 9px 30px;}
#map_container form { margin:0;}
#map_container .error{ color: #941C1C; text-shadow:0 1px 0 white; margin:10px 0 0 0; display:none; }


.contact-us form.contact-form.form-horizontal .control-label { text-align: left; }
.contact-us select { width: 100%; float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;   
}
.contact-us form.contact-form input { padding:6px 5px 6px 5px; background:white; border:1px solid #C1C1C1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 100%; float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;   
	height: 32px;
}

.contact-us div.pintrests-container { position: relative; margin:37px 0 0 0; }

.contact-us ul.pinterests { margin: 0; list-style: none; width:50%; float: left; }
.contact-us ul.pinterests li { background:white; border:1px solid #C1C1C1; border-bottom:2px solid #C1C1C1; cursor: pointer; margin: 0 10px 10px 0; text-align: center; padding:6px 0; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;        
}
.contact-us ul.pinterests li.no-right-pad { margin-right: 0; }
.contact-us ul.pinterests li.is_active { border-color: #801392; background:#F0D3F5; }

.contact-us span.email_address, .contact-us span.phone_number { font-size:33px; display: block; margin:13px 0 0 0; color:black; clear: both; }
.contact-us p.address { display: block; margin: 30px 0 0 0; }
#map_canvas { width:100%; height:490px; margin:20px 0 0 0; }
.contact-us h2.how_to_find { margin: 20px 0 5px; }

.contact-us .questionaire-form textarea { height:100px; }
.contact-us textarea { width:100%; padding:15px; background:white; border:1px solid #C1C1C1; border-radius: 0; color:#C1C1C1;  -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0px 0 20px 0; height: 245px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.contact-us button { 
	font-family: "proxima-nova",sans-serif;
	width: 100%; 
	color:white;
	font-size:25px;
	font-weight: normal;
	padding: 20px 30px;
	border:2px solid #E1E1E1;
	background: #89018d; /* Old browsers */
	background: -moz-linear-gradient(top, #89018d 0%, #7d007a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89018d), color-stop(100%,#7d007a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89018d 0%,#7d007a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89018d 0%,#7d007a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89018d 0%,#7d007a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #89018d 0%,#7d007a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89018d', endColorstr='#7d007a',GradientType=0 ); /* IE6-9 */
}
.contact-us button:hover { 
	background: #89018d; /* Old browsers */
}
.contact-us p.subtext { text-align: center; font-size:80%; display: block; margin:20px 0 0; }
.contact-us .errorMsg { color:#5F8C39; }
.contact-us .errorMsg:not(.show) { display: none; }
.contact-us form.contact-form .success input,
.contact-us form.contact-form .success select,
.contact-us form.contact-form .success textarea { border:1px solid #5F8C39; background: #E9F7CC; color:#5F8C39;  }
.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #5F8C39; }

/* Direction Style */
.contact-us .adp-directions { width: 100%; }
.contact-us .adp-placemark { background: transparent; border:0; color: #801392; font-size: 26px; }
.contact-us .adp-placemark img { display: none; }
.contact-us .adp-legal { font-size: 12px; }

/* Zoom Controls */
.zoomcontrols { width: 39px; height: 69px; background: url('../img/zoomcontrol.png'); position: absolute; left: 50%;
 margin: 0 0 146px -245px; bottom:0; }
.zoomcontrols #zoom_plus { width:39px; height:36px; display: block; }
.zoomcontrols #zoom_minus { width:39px; height:33px; display: block; }

.clearfix .control-group { width:48%; }
.clearfix .control-group:nth-child(1) { float:left; }
.clearfix .control-group:nth-child(2) { float:right; }



/* 5. FOOTER
================================================================================*/
#footer { width:100%; background:#E1E1E1; padding:80px 0 0; position:relative; top:-90px; z-index:1; text-align:center;  }
#footer .contact { color:#7BA51B; font-size:28px; }
#footer .contact a { color:#7BA51B; }
#footer .contact img { margin:0 20px; }
#footer .address { font-size:23px;}
#footer .copy { font-size:13px; margin-bottom:5px;}
#footer .top a { background:url('../img/top-arrow.gif') no-repeat top center; padding-top:17px; font-size:13px; color:#333; }

/* Footer navigation */
#footer #nav-footer { font-size:13px; margin:0 auto 20px; list-style:none; }
#footer #nav-footer li { float:none; display:inline; padding:0 15px; border-right:1px solid #94969B;}
#footer #nav-footer li:last-child { border:none;}

/* An ugly filler to patch the gap left by moving relative elements up the page */
/*#colourstrip { position:absolute; width:100%; height:90px; background:#E1E1E1; left:0; bottom:0; }*/



/* 6. SECTION COLOURS
================================================================================*/

/* Section "about" */
body.about #page a { color: #E50028; }
body.about #innerbanner-content h1 span { background: rgba(229, 0, 46, .85);}
body.about #page h2 { color: #E50028;}
body.about #footer .contact,
body.about #footer .contact a,
body.about #footer a,
body.about #footer #nav-footer li a { color: #E50028;}
body.about #page .calltoaction { background:#E50028; color:#FFF; background:-webkit-gradient(linear, left top, left bottom, from(#E50028), to(#ca0028)); background:-moz-linear-gradient(top,  #E50028,  #ca0028); }
body.about #page .calltoaction:hover { background:#ca0028; }
body.about #page { border-top: 4px solid #E50028; border-bottom: 4px solid #E50028;}
body.about #navigation li.active a,
body.about #navigation li.active a:hover { border-bottom:2px solid #E50028; }

/* Section "process" */
body.process #page a { color: #F39C12; }
body.process #innerbanner-content h1 span { background: rgba(243, 156, 18, .85);}
body.process #page h2 { color: #F39C12;}
body.process #page h2.definition { color: #F39C12; font-size:25px;}
body.process #page h2.design { color:#BB672C; font-size:25px;}
body.process #page h2.development { color:#A92D2C; font-size:25px;}
body.process #page h2.testing { color:#234D84; font-size:25px;}
body.process #page h2.launch { color:#1C759E; font-size:25px;}
body.process #page h2.support { color:#6B8225; font-size:25px;}
body.process #footer .contact,
body.process #footer .contact a,
body.process #footer a,
body.process #footer #nav-footer li a { color: #F39C12;}
body.process #page .calltoaction { background:#E0C400; color:#FFF; background:-webkit-gradient(linear, left top, left bottom, from(#E0C400), to(#BDAD00)); background:-moz-linear-gradient(top,  #E0C400,  #BDAD00); }
body.process #page .calltoaction:hover { background:#BDAD00; }
body.process #page { border-top: 4px solid #F39C12; border-bottom: 4px solid #F39C12;}
body.process #navigation li.active a,
body.process #navigation li.active a:hover { border-bottom:2px solid #F39C12; }

/* Section "contact" */
body.contact #page a { color: #801392; }
body.contact #innerbanner-content h1 span { background: rgba(128, 19, 146, .85);}
body.contact #page h2 { color: #801392;}
body.contact #footer .contact,
body.contact #footer .contact a,
body.contact #footer a,
body.contact #footer #nav-footer li a { color: #801392;}
body.contact .content-main .calltoaction { background: url('../img/calltoaction/contact.jpg') repeat-x; }
body.contact .content-main { border-top: 4px solid #801392; border-bottom: 4px solid #801392;}
body.contact #page { border-top: 4px solid #801392; border-bottom: 4px solid #801392;}
body.contact #navigation li.active a,
body.contact #navigation li.active a:hover { border-bottom:2px solid #801392; }

/* Section "work" */
body.work #page a { color: #6599D2; }
body.work #innerbanner-content h1 span { background: rgba(101, 153, 210, .85);}
body.work #page h2 { color: #6599D2;}
body.work #footer .contact,
body.work #footer .contact a,
body.work #footer a,
body.work #footer #nav-footer li a { color: #6599D2;}
body.work #page .calltoaction { background:#2C7CC1; color:#FFF; background:-webkit-gradient(linear, left top, left bottom, from(#2C7CC1), to(#2B6BAB)); background:-moz-linear-gradient(top,  #2C7CC1,  #2B6BAB); }
body.work #page .calltoaction:hover { background:#2B6BAB; }
body.work #page { border-top: 4px solid #6599D2; border-bottom: 4px solid #6599D2;}
body.work #navigation li.active a,
body.work #navigation li.active a:hover { border-bottom:2px solid #6599D2; }

/* Slideshow */
.casestudy_slideshow { list-style: none; margin: 0; }
.casestudy_slideshow img { width:100% }
.casestudy_slideshow_nav { text-align: center; margin-top:20px; }
.casestudy_slideshow_nav a { display: inline-block; font-size: 0; height: 15px; width: 15px; background: #C0C0C0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 3px;}
.casestudy_slideshow_nav a.activeSlide { background: #F3F3F3; }
.pad-left ul.casestudy_slideshow > li, .pad ul.casestudy_slideshow > li { background: none; }
#mobile-slideshow { height:170px !important; overflow: hidden; }

/* Tag Cloud */
.tag-cloud { text-align: center; line-height: 50px; margin: 0 10%; }
.tag-cloud a { -webkit-transition-property: color,background-color; -webkit-transition-duration: .5s,0.1s; -webkit-transition-timing-function: ease-out,linear; white-space: nowrap; font-weight: 300; font-size: 16px; padding: 4px 10px; color: #666; background: transparent; margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.tag-cloud a:hover { color: #111; background: #EEE; text-decoration: none; }
.tab-filters { text-align: center; margin-bottom: 20px; }
.tab-filters a { margin: 0 20px; text-transform: uppercase; background: #FBFBFB; padding: 3px 8px; color: #6DAC5A; border-radius: 5px; text-decoration: none;  }
.tab-filters a.active { margin: 0 20px; text-transform: uppercase; background: #7CAB54; padding: 3px 8px; color: white; border-radius: 5px;  }

/* Form Val */
.alert-success { color: #5F8C39; }