/* ------------ Index ------------
0. HTML5 reset
1. Fontface
2. General styles
3. Header
4. Page Specific styles
4.1 Homepage
4.1.1 Slider
5. Footer
-------------------------------
Designer: Mike Trilford
Integrator: Sean Lipidis
Created by: Boost new media
www.boost.co.nz
------------------------------- */

/* --- 0. HTML5 reset --- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; border: none; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
button, input, select, textarea { margin: 0; }
/* ie button fix */
button {  width: auto; overflow: visible; }

/* Clearfix */

/* For modern browsers */
.cf:before,
.cf:after {
  content:"";
  display:table;
}
 
.cf:after {
clear:both;
}
 
/* For IE 6/7 (triggers hasLayout) */
.cf {
  *zoom:1;
}

/* --- 2. General --- */
body {
  height:100%;
  min-width:980px;
  font-family: 'Gesta', Arial, Helvetica, sans-serif;
  color:#222222;
  font-size:15px;
  line-height:20px;
  background:#2e2e2e;
}
.no-fontface body {}
strong {font-weight:bold;}
em {font-style:italic;}
a {color:#222222;}
a:hover {}
p {margin-bottom:10px;}
h1 {}
h2 {font-size:28px;line-height:30px;font-weight:200;}
h3 {}
hr {margin:20px 0 15px 0;}

/* coloured selections */
::-moz-selection{ background: #DAC279; text-shadow: none; }
::selection { background:#DAC279; text-shadow: none; }

/* this is for ios when tapped */
a:link { -webkit-tap-highlight-color: #7d314a; }


input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
 outline: none;
 border: 2px solid #aaa !important;
 box-shadow: none !important;
}
  
/* --- 3. Header --- */
header {
  -webkit-font-smoothing: antialiased;
  background:#333333;
  background:rgba(56,56,56,0.9);
  border-bottom:1px solid rgba(255,255,255,0.3);
  overflow:hidden;
  position:fixed;
  width:100%;
  height:67px;
  z-index:5;
  box-shadow:0 1px rgba(56,56,56,0.9), 0 0 5px 0 #000000;
}
header nav {width:960px; margin:0 auto;}
header .logo {
  display:inline-block;
  height:36px;
  width:280px;
  margin:19px 0 12px 0;
  background:url('../images/boost-agile-sprite.png') no-repeat 0 -170px;
  text-indent:-999px;
  overflow:hidden;
}
header nav ul {float:right; list-style:none; margin:16px 0 13px 0;}
header nav li {float:left;}
header nav li a {
  display:block;
  padding:8px 15px;
  border:1px solid #262626;
  background:#434343;
  border-radius:3px;
  margin:0 0 0 8px;
  text-decoration:none;
  font-size:19px;
  font-weight:bold;
  color:#ffffff;
  text-shadow: 0 1px 0 #000000;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
}

header nav ul a:hover {
  text-shadow: 0 -1px 0 #000000;
  background:#661f1f;
  background-image:  -moz-linear-gradient(center top, 
    #661f1f 0%,
    #942d2d 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #661f1f),
    color-stop(1, #942d2d)
    );
}
    
header nav ul li.on a {
  text-shadow: 0 -1px 0 #000000;
  background: rgb(148,45,45); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(148,45,45,1) 0%, rgba(102,31,31,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,45,45,1)), color-stop(100%,rgba(102,31,31,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* W3C */
}    
.subnav {
  -webkit-font-smoothing: antialiased;
  height:35px;
  position:fixed;
  top:68px;
  width:100%;
  z-index:1;
  border-top:1px solid #1d1507;
  border-bottom:1px solid #b6a371;
  background:#e3cc8d;
  background-image:  -moz-linear-gradient(center top, 
    #ebdbaf 0%,
    #e3cc8d 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #ebdbaf),
    color-stop(1, #e3cc8d)
    );
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.subnav nav {
  width:960px;
  margin:0 auto;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
}
.subnav nav span {
  float:left;
  text-shadow:0 -1px 1px #ffffff;
  padding-right:5px;
}
.subnav nav span span {
  float:none;
  width:auto;
  font-size:17px;
}
.subnav nav ul {
  overflow:hidden;
  float:left;
  list-style:none;
}
.subnav nav li {
  float:left;
  padding-bottom: 10px;
}
.subnav nav li a {
  display:block;
  padding:0px 20px;
  text-decoration:none;
  line-height:17px;
  color:#2c271b;
  line-height: 38px;
  height: 35px;
  font-size: 14px;
}
.subnav nav li.on a,
.subnav nav li a:hover{
  color: white;
  text-shadow: none;
  line-height: 38px;
  height: 36px;
  background: rgba(148,45,45,1); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(148,45,45,1) 0%, rgba(102,31,31,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,45,45,1)), color-stop(100%,rgba(102,31,31,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(148,45,45,1) 0%,rgba(102,31,31,1) 100%); /* W3C */
  position: relative;
}

.subnav nav li.on a:after {
  content: "";
  position: absolute;
  height: 0px;
  width: 0;
  left: 50%;
  z-index: 5;
  margin-left: -9px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -7px;
  border-top: 7px solid #661f1f;
}

/* --- 4. Page specific styles --- */
#main {
  background:#f0f0f0;
  overflow:hidden;
  padding:110px 0 80px 0;
}
.internal #main {
  padding-top:140px;
}
.contact-us #main,
.blog #main,
.our-coaches #main {
  padding-top:100px;
}

.our-coaches #main .sections  .pfile-img {
  margin-left: 20px;
  margin-bottom: 5px;
  border: 5px solid #414141;
}

.content {
  width:960px;
  margin:0 auto;
}
#main .content h1 {
  font-size:55px;
  line-height:60px;
  color:#333434;
  font-weight:200;
  text-shadow:0 2px 0 #ffffff;
}
.no-fontface #main .content h1 {
  font-size:48px;
}

.blog #main .content h1 a {
  border-bottom:none;
}

#main .content h1 a {
  color:#333434;
  text-decoration:none;
}
#main .content h1 strong {
  font-weight:normal;
  color:#a83333;
}
#main .content h3 {
  text-transform:uppercase;
  font-size:20px;
  color:#9f3535;
  text-shadow:0 2px 0 #ffffff;
  font-weight:200;
  margin-bottom:10px;
}

#main .content h3 {
  line-height: 1.25;
  text-transform:uppercase;
  font-size:20px;
  color:#9f3535;
  text-shadow:0 2px 0 #ffffff;
  font-weight:200;
  margin-bottom:10px;
}
.content a {
  text-decoration: none;
  color:#a83333;
  border-bottom: 1px solid rgb(168,51,51);
  border-bottom: 1px solid rgba(168,51,51,0.5);
}
.content a:hover {
  color:#7d314a;
  border-bottom: none;
  border-bottom: none;
}

.content a.no-underline {border: none;}
.main {
  width:660px;
  float:left;
  text-shadow: 0 1px 0 #ffffff;
  position:relative;
}
aside {
  float:right;
  width:230px;
  padding-left:30px;
}
aside .contact {
  margin:0 0 20px 0;
}
aside .contact li {
  margin-bottom:10px;
  list-style:none;
  background: url('../images/boost-agile-sprite.png') no-repeat -10px -212px;
  padding-left:25px;
  
}
aside .contact li.email {
  background-position:-10px -240px;
}

aside hr {
  border-bottom:1px solid #b5b5b5;
  margin:30px 0 25px;
}
aside .date {
  font-size:12px;
}
aside form {
  margin-bottom:20px;
}
aside select {
  width:100%;
  margin-bottom:20px;
}
aside ol {
  margin:0 0 20px 20px;
}
aside ol li {
  margin-bottom:10px;
}
figure {
  border:1px solid #393939;
  background:#414141;
  padding:3px;
  margin-bottom:20px;
}
figcaption {
  color:#ffffff;
  font-size:14px;
  text-shadow:0 1px 0 #000000;
  padding:5px;
  font-weight:200;
  text-align:center;
}
figure iframe {
  display:block;
}
.image {
  display:block;
  position:relative;
}
.image::before {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5), inset 0px 0px 25px rgba(0,0,0,0.75);
  -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5), inset 0px 0px 25px rgba(0,0,0,0.75);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5), inset 0px 0px 25px rgba(0,0,0,0.75);
}
.image img {
  display:block;
}
.image p {
  margin:0;
}
.blog article img {
  border:3px solid #414141;
  padding:1px;
  background:#919191;
  box-shadow:0 0 0 1px #393939;
}
#main .content .btn {
  display:inline-block;
  background-image:  -moz-linear-gradient(center top, 
    #358d88 0%,
    #358d88 25%,
    #325351 75%,    
    #325351 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #358d88),
    color-stop(0.25, #358d88),
    color-stop(0.75, #325351),
    color-stop(1, #325351)
    );
  text-decoration:none;
  color:#e3e3e3;
  text-shadow:0 -1px 0 rgba(0,0,0,0.5);
  padding:5px  12px;
  -moz-box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
  box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
  border-radius:3px;
  font-size:18px;
  font-weight:200;
}
#main .content .btn:hover,
#main .content .btn:focus {
  background-image:  -moz-linear-gradient(center top, 
    #2f7c78 0%,
    #2f7c78 25%,
    #2c4947 75%,    
    #2c4947 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #2f7c78),
    color-stop(0.25, #2f7c78),
    color-stop(0.75, #2c4947),
    color-stop(1, #2c4947)
    );
}

/* --- 4.1 Homepage --- */

.homepage #main .content h1 {
  -webkit-font-smoothing: antialiased;
  text-align:center;
  margin:-10px 0 10px 0;
}

.tagline {
  -webkit-font-smoothing: antialiased;
  border:5px solid #ffffff;
  background:#464646;
  color:#ffffff;
  text-transform:uppercase;
  box-shadow:0 0 2px rgba(0,0,0,1);
  margin:30px 0;
  padding:10px 10px;
}
.tagline h2 {
  text-align:center;
  font-size:25px;
}
.homepage #main .content .feature h3 {
  display:inline;
  float:left;
  margin:0 3px 0 0;
}
.tick-list {
  font-weight:bold;
  list-style:none;
  overflow:hidden;
  margin:15px 0 20px 0;
  font-size:15px;
  line-height:20px;
}
.tick-list:after {
  content:'';
  height:1px;
  background:url('../images/boost-agile-sprite.png') no-repeat -215px -260px;
  display:block;
}
.tick-list li {
  padding:10px 0 10px 30px;
  background: url('../images/boost-agile-sprite.png') no-repeat -250px -210px;
  background: 
    url('../images/boost-agile-sprite.png') no-repeat -215px -260px,
    url('../images/boost-agile-sprite.png') no-repeat -250px -210px;
}
.no-multiplebgs .tick-list {
  border-top:1px dotted #cccccc;
}
.no-multiplebgs .tick-list li {
  border-bottom:1px dotted #cccccc;
}
.tick-list li:first-child {
}

.divider {
  background:-moz-radial-gradient(50% 100% 0deg, ellipse farthest-side, rgba(0, 0, 0, 0.07), transparent);
  background:  -webkit-gradient(linear,left bottom,right bottom,
    color-stop(0, rgba(240,240,240,1)),
    color-stop(0.2, rgba(240,240,240,0)),
    color-stop(0.8, rgba(240,240,240,0)),
    color-stop(1, rgba(240,240,240,1))
    ),
    -webkit-gradient(linear,left top,left bottom,
    color-stop(0, rgba(0,0,0,0)),
    color-stop(1, rgba(0,0,0,0.07))
    );
  border-bottom:1px solid #cbcbcb;
  height:35px;
  box-shadow:inset 0 -2px 0px 0px #efefef;
  margin-top:-20px;
}
.divider-btm {
  background:-moz-radial-gradient(50% 0% 0deg, ellipse farthest-side, rgba(0, 0, 0, 0.07), transparent);
  background:-webkit-radial-gradient(50% 0%, ellipse farthest-side, rgba(0, 0, 0, 0.07), transparent);
  border-top:1px solid #cbcbcb;
  height:35px;
  box-shadow:inset 0 2px 0px 0px #efefef;
}
.main .divider {
  margin-bottom:20px;
}
.homepage .we-do {
  font-size:16px;
  text-align:center;
  padding:15px;
  text-shadow:0 1px 0 #ffffff;
}
.homepage .we-do span {
  text-transform:uppercase;
}
/*.homepage #main aside h3*/ 
#main .content aside h3 {
  color:#222;
  text-shadow:none;
  text-transform:none;
  font-size:18px;
  font-weight:bold;
  margin: 0px;
}
/*.homepage #main aside h3 span*/
#main .content aside h3 span {
  font-weight:200;
}

#main .content aside .featured {margin: 20px 0 10px 0; border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
#main .content aside .featured a.event {font-size: 19px;line-height: 24px;}
#main .content aside .featured a.event + p {font-size: 16px; margin: 10px 0 10px 0;}
#main .content aside .featured p {font-size: 16px;line-height: 24px;margin-bottom: 0px;}

#main .content aside .location {
  font-size: 18px;
  padding-bottom:10px;
  padding-top: 8px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
}

#main .content aside .contact-location {
  font-size: 18px;
  padding-bottom:10px;
  padding-top: 8px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
}

#main .content aside h3.location:last-of-type {margin-top: 30px;}
#main .content aside h3.contact-location:last-of-type {margin-top: 30px;}

.homepage #main aside .article {
  font-size:12px;
  background: url('../images/boost-sprite.png') no-repeat 0px -280px;
  padding-left:20px;
  margin-bottom:20px;
  display:block;
}
.sections {
  overflow:hidden;
  margin-right:-50px;
}
.sections section {
  width:304px;
  float:left;
  padding:3px 0 10px 0;
  margin-bottom:30px;
  margin-right:50px;
}
.sections section:first-child {
  padding-right:25px;
  margin-right:25px;
  border-right:1px solid #cccccc;
  box-shadow:inset -1px 0 0 0px white, 1px 0 0 0 white;
}
.homepage section .links {
  margin:25px 0 0 0;
}
.homepage section .links li {
  float:left;
  list-style:none;
  line-height:15px;
}
.homepage section .links li:first-child {
  padding-right:11px;
  margin-right:12px;
  border-right:1px solid #8e8e8e;
  box-shadow:1px 0 0 0 #d6d6d6;
}
figure#agile {
  display:inline-block;
}
figure#agile img {
  margin-bottom:-27px;
}

/* --- Internal Pages --- */
.internal header {
  box-shadow:0 0 5px 0 #000000;
}
.breadcrumbs {
  margin-bottom:10px;
  display:block;
}
.breadcrumbs a {
  color:#a83333;
}
.internal #main .content h1 {
  /*font-size:48px;*/
  font-size:55px;
}
.internal #main .content h1 strong {
  font-weight:bold;
}
.internal #main .content h4 {
  text-transform:uppercase;
  font-size:20px;
  color:#a83333;
  margin-bottom:10px;
}
.internal #clouds {
  height:220px;
  background: -moz-linear-gradient(center top, 
    rgba(75,145,145,0) 20%,
    rgba(75,145,145,1) 100%
    ), -moz-repeating-linear-gradient(center top,
    #0d0d0d 0,
    #0d0d0d 1px,
    #262626 1px,
    #262626 2px
    );
  background: -webkit-linear-gradient(
    rgba(75,145,145,0) 20%,
    rgba(75,145,145,1) 100%
    ), -webkit-repeating-linear-gradient(
    #0d0d0d 0,
    #0d0d0d 1px,
    #262626 1px,
    #262626 2px
    );
  
}
.internal .cloud-back {
  height:72px;
  background-position: center -328px;
}
.internal .main {
  font-size:16px;
  line-height:25px;
}
.full-width .main {
  width:960px;
}
aside {
  background:-moz-linear-gradient(center top, 
    rgba(240,240,240,1) 0,
    rgba(240,240,240,0) 100px
    ),-moz-linear-gradient(center bottom, 
    rgba(240,240,240,1) 0,
    rgba(240,240,240,0) 100px
    ),-moz-linear-gradient(left, 
    #bfbfbf 0,
    #bfbfbf 1px,
    rgba(0,0,0,0) 1px,
    rgba(0,0,0,0) 3px,
    rgba(0,0,0,0.05) 3px,
    rgba(0,0,0,0) 100%
    );
  background:  -webkit-linear-gradient(top, 
    rgba(240,240,240,1) 0,
    rgba(240,240,240,0) 100px
    ),-webkit-linear-gradient(bottom, 
    rgba(240,240,240,1) 0,
    rgba(240,240,240,0) 100px
    ),-webkit-linear-gradient(left,
    #bfbfbf 0,
    #bfbfbf 1px,
    transparent 1px,
    transparent 3px,
    rgba(0,0,0,0.05) 3px,
    rgba(0,0,0,0) 100%
    );
  padding-bottom:100px;
  border-left: 1px solid #ccc;
}
aside h2 {
  margin-bottom:15px;
}
aside hr {
  box-shadow:0 1px 0 #ffffff;
}
#main .content aside h4 {
  font-size:16px;
  text-transform:uppercase;
  font-weight:bold;
  color:#34807c;
  text-shadow:0 2px 0 #ffffff;
  margin-bottom:10px;
}
aside p {
  margin-bottom:20px;
}
aside ul {
  margin-bottom:20px;
  list-style:none;  
}
aside li {
  margin-bottom:5px;
}
aside figure {
  margin:0 -5px;
}
.internal figure {
  margin-bottom:30px;
}
.internal aside figcaption {
  padding:5px;
}
.internal #main h3 {
  font-size:25px;
  line-height:30px;
  color:#000000;
}
.internal h3 strong {
  color:#a83333;
}
.main .contact {
  list-style:none;
  overflow:hidden;
  margin-bottom:10px;
}
.main .contact li {
  background: url('../images/boost-agile-sprite.png') no-repeat -10px -210px;
  
  padding-left:25px;
  float:left;
  font-size:15px;
  margin-bottom:5px;
}
.main .contact li.email {
  background-position:-10px -238px;
}
.main .contact li.follow {
  background-position:-10px -497px;
}
.main .contact li.phone {
  background-position:-10px -210px;  
}
.main .contact li.fax {
  background-position:-10px -439px;  
}
.main .contact li.web {
  background-position:-10px -529px;  
}
.main .contact span {
  color:#a83333;
}
.internal .main p {
  margin-bottom:20px;
}
.main p.note {
  font-size:15px;
  line-height:20px;
}
aside form .hide {
  display:none;
}
aside input[type="text"],
aside input[type="email"],
aside textarea {
  border:2px solid #ffffff;
  font-family:'Gesta', arial, sans-serif;
  font-size:15px;
  line-height:20px;
  padding:5px 10px;
  box-shadow:inset 0 0px 5px 1px rgba(0,0,0,0.2);
  margin-bottom:20px;
  width:205px;
}

aside input[type="submit"] {
  border:1px solid #932d2d;
  font-size:18px;
  color:#ffffff;
  text-shadow:0 -1px 0 #000000;
  border-radius:3px;
  padding:5px 15px;
  font-family:'Gesta', arial, sans-serif;
  box-shadow:0 1px 1px rgba(0,0,0,1);
  background: rgb(162,54,54); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(162,54,54,1) 0%, rgba(162,54,54,1) 25%, rgba(104,32,32,1) 75%, rgba(104,32,32,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,54,54,1)), color-stop(25%,rgba(162,54,54,1)), color-stop(75%,rgba(104,32,32,1)), color-stop(100%,rgba(104,32,32,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(162,54,54,1) 0%,rgba(162,54,54,1) 25%,rgba(104,32,32,1) 75%,rgba(104,32,32,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(162,54,54,1) 0%,rgba(162,54,54,1) 25%,rgba(104,32,32,1) 75%,rgba(104,32,32,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(162,54,54,1) 0%,rgba(162,54,54,1) 25%,rgba(104,32,32,1) 75%,rgba(104,32,32,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(162,54,54,1) 0%,rgba(162,54,54,1) 25%,rgba(104,32,32,1) 75%,rgba(104,32,32,1) 100%); /* W3C */
  cursor:pointer;
}

aside input[type="submit"]:hover {
  background: rgb(104,32,32); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(104,32,32,1) 0%, rgba(104,32,32,1) 25%, rgba(162,54,54,1) 75%, rgba(162,54,54,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,32,32,1)), color-stop(25%,rgba(104,32,32,1)), color-stop(75%,rgba(162,54,54,1)), color-stop(100%,rgba(162,54,54,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(104,32,32,1) 0%,rgba(104,32,32,1) 25%,rgba(162,54,54,1) 75%,rgba(162,54,54,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(104,32,32,1) 0%,rgba(104,32,32,1) 25%,rgba(162,54,54,1) 75%,rgba(162,54,54,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(104,32,32,1) 0%,rgba(104,32,32,1) 25%,rgba(162,54,54,1) 75%,rgba(162,54,54,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(104,32,32,1) 0%,rgba(104,32,32,1) 25%,rgba(162,54,54,1) 75%,rgba(162,54,54,1) 100%); /* W3C */
}

.ie7 aside input[type="submit"] {
  overflow:visible;
}
span.bull {
  color:#357E79;
}
.main hr {
  border-bottom:1px solid #b6b6b6;
  border-top:1px solid #ffffff;
  box-shadow:0 1px 0 #ffffff;
}
.internal .sections {
  font-size:15px;
}
.internal .sections ul {
  margin:0 0 20px 20px;
}
.internal .sections li {
  font-size:15px;
  font-style:italic;
  margin-bottom:10px;
}
.internal #main .sections h4,
.internal #main .content aside h4 {
  font-size:15px;
  font-weight:bold;
}

/* --- Jelly --- */
ul.participants {
  list-style:none;
  font-size:15px;
  line-height:20px;
  margin:20px 0 30px 0;
}
ul.participants li {
  padding-left:70px;
  min-height:60px;
  margin-bottom:20px;
  background:url('../images/boost-sprite.png') no-repeat -120px -693px;  
}
.internal #main ul.participants h4 {
  text-transform:uppercase;
  color:#00635f;
  font-weight:900;
  display:inline;
  font-size:15px;
}
.lrg-jelly {
  display:block;
  background:url('../images/boost-sprite.png') no-repeat 0 -700px;
  width:115px;
  height:90px;
  position:absolute;
  right:30px;
  top:0;
}
/* --- Contact --- */
.contact-us figure {
  display:inline-block;
}
.contact-us section {
  float:right;
  width:220px;
}
.contact-us p {
  font-size:15px;
  line-height:20px;
}

/* --- Team ---- */
aside ul.team {
  list-style:none;
}
aside ul.team figure {
  display:inline-block;
  margin:0 14px 16px 0;
}
aside ul.team li {
  float:left;
}
div.team {
  padding-left:180px;
}
div.team figure {
  float:left;
  margin-left:-180px;
}
div.team h2 {
  font-size:20px;
  color:#34807c;
  margin-bottom:10px;
}
.internal div.team p {
  font-size:15px;
  margin-bottom:20px;
  line-height:20px;
}
.internal #main div.team .qualifications h3 {
  font-size:16px;
  line-height:20px;
  margin-bottom:0;
  font-style:italic;
  text-transform:inherit;
  
}
div.team .qualifications {
  font-size:14px;
  background: -moz-linear-gradient(center left,
    #b2b2b2 0%,
    #b2b2b2 25%,
    #dfdfdf 25%,
    #dfdfdf 50%,
    transparent 50%,
    transparent 100%
    );
  background-size:4px 1px;
  background-repeat:repeat-x;
  padding-top:10px;
}
/* --- Services ---- */
#tabs {
  padding-bottom:50px;
}
#tabs ul {
  list-style:none;
  overflow:hidden;
  padding-bottom:20px;
}
#tabs li {
  display:block;
  float:left;
  line-height:20px;
}
#tabs li a {
  display:block;
  padding:15px 20px;
  text-transform:uppercase;
  text-decoration:none;
  border-left:1px solid #999999;
  font-size:18px;
  color:#5f5f5f;
  background:  -moz-linear-gradient(center top, 
    #fefefe 0%,
    #fefefe 25%,
    #d8d8d8 75%,    
    #d8d8d8 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #fefefe),
    color-stop(0.25, #fefefe),
    color-stop(0.75, #d8d8d8),
    color-stop(1, #d8d8d8)
    );
  border:1px solid #999999;
  border-left:none;
  box-shadow:inset 1px 0 0 #ffffff, inset -1px 0 0 #ffffff, inset 0 -1px 0 #c6c6c6;
}
#tabs li:first-child a {
  border-radius:3px 0 0 3px;
  border-left:1px solid #999999;
}
#tabs li:last-child a {
  border-radius:0 3px 3px 0;
}
#tabs li.ui-state-active a {
  background:  -moz-linear-gradient(center bottom, 
    #fefefe 0%,
    #fefefe 25%,
    #d8d8d8 75%,    
    #d8d8d8 100%
    );
  background-image:-webkit-gradient(linear,left bottom,left top,
    color-stop(0, #fefefe),
    color-stop(0.25, #fefefe),
    color-stop(0.75, #d8d8d8),
    color-stop(1, #d8d8d8)
    );
  color:#2a6663;
  box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.1), 0 1px 0 #ffffff;
}

#tabs .ui-tabs-hide {
  display:none;
}
#tabs .service figure {
  float:right;
  margin:0;
}
#tabs .service {
  overflow:hidden;
  font-size:15px;
  line-height:20px;
  padding:5px 0 0 5px;
}
#tabs .service .feature {
  padding:10px 0 5px 25px;
  margin:-5px 0 0 20px;
  border-left:1px solid #cccccc;
  overflow:hidden;
  float:right;
  box-shadow:inset 1px 0 0 #ffffff, -1px 0 0 #ffffff;
}
.our-services .main p {
  font-size:15px;
  line-height:20px;
  margin-bottom:20px;
}
.sub-services {
  margin-left:-30px;
  list-style:none;
}
.sub-services li {
  width:215px;
  margin-left:30px;
  float:left;
}
.main .divider-services {
  border-bottom:none;
  margin-bottom:0;
}
/* --- Portfolio --- */
.our-work aside ul {
  list-style:none;
  line-height:25px;
}
blockquote {
  margin-bottom:20px;
}
blockquote h4, blockquote p {
  display:inline;
  font-style:italic;
}
blockquote p {
  font-style:italic;
}
blockquote cite {
  display:block;
  margin-top:20px;
  color:#00635f;
}
.our-work aside hr {
  margin:30px 0;
}
.our-work #main h3 {
  font-size:22px;
  text-transform:inherit;
  margin-bottom:20px;
}
.our-work ul.portfolio {
  list-style:none;
  margin-left:-50px;
}
.our-work .portfolio li {
  float:left;
  padding:50px 0 0 50px;
  position:relative;
}
.our-work .portfolio li span.new {
  display:block;
  height:31px;
  width:45px;
  background:url('../images/boost-sprite.png') no-repeat left -800px;
  position:absolute;
  top:10px;
}
.our-work .portfolio figure {
  margin:0;
}
.our-work .portfolio figcaption {
  text-align:center;
  line-height:20px;
  padding:5px;
  font-weight:normal;
}
.our-work .portfolio figure .overlay {
  background:rgba(0,0,0,0.8);
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  text-align:center;
  display:none;
}
.our-work .portfolio figure .overlay a {
  display: inline-block;
  padding:3px 10px;
  background:#000000;
  border:2px solid #e6d199;
  border-radius:8px;
  line-height:20px;
  color:#ffffff;
  text-shadow:none;
  text-decoration:none;
  font-size:14px;
  margin:42px 3px 0 3px;
}
.our-work .portfolio figure .overlay a.external {
  padding-right:30px;
  background:#000000 url('../images/boost-sprite.png') no-repeat right -640px;
}
.our-work .portfolio figure .overlay a:hover {
  color:#e6d199;
}
.our-work .portfolio figure:hover {
  background:#e6d199;
  border:1px solid #b8a77a;
}
.our-work .portfolio figure:hover figcaption {
  color:#000000;
  text-shadow:0 1px 0 #ffffff;
}
.our-work .portfolio figure:hover .overlay {
  display:block;
  box-shadow:inset 0 0 0 1px #dadada;
}
.our-work .portfolio figure:hover .image::before {
  box-shadow:none;
}
.portfolio-item aside hr {
  margin:30px 0;
}
.portfolio-item aside ul {
  list-style:none;
  line-height:25px;
  margin-left:0;
}

/* --- Blog --- */
.content .share {
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  box-shadow:0 1px 0 #ffffff, inset 0 1px 0 #ffffff;
  margin-bottom:20px;
  padding:10px 0;
  line-height:10px;
}
.content .share #fb-root {
  display:inline-block;
}
.content .share .fb-like {
  vertical-align:top;
}
.content .share .twitter-share-button {
  margin-right:5px;
}
.main h2 {
  color:#a83333;
}
aside form.search {
  overflow:hidden;
}
aside form.search input[type="text"] {
  width:160px;
  float:left;
}
aside form.search input[type="submit"] {
  float:right;
  border:1px solid #c7c7c7;
  box-shadow:0 1px 0 rgba(0,0,0,0.5);
  background:#d8d8d8;
  background:  -moz-linear-gradient(center top, 
    #fefefe 0%,
    #fefefe 25%,
    #d8d8d8 75%,    
    #d8d8d8 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #fefefe),
    color-stop(0.25, #fefefe),
    color-stop(0.75, #d8d8d8),
    color-stop(1, #d8d8d8)
    );
  color:#333333;
  text-shadow:0 1px 0 #ffffff;
  height:30px;
  padding:4px 10px;
}
.meta {
  overflow:hidden;
  font-size:15px;
}
.meta span {
  display:block;
  background:url('../images/boost-agile-sprite.png') no-repeat 0 -387px;
  padding-left:20px;
}
.meta .tags {
}
.meta .posted {
  background-position:0 -409px;
  float:left;
}
.meta .comments {
  background-position:0 -429px;
  float:right;
}
article {
  margin-bottom:60px;
}
.blog article ul {
  margin:0 0 20px 20px;
}
.blog article li {
  margin-bottom:5px;
}
.blog h2 {
  margin:30px 0 10px 0;
}
.blog #main h3 {
  text-transform:none;
  color:#a83333;
}
/* --- 5. Footer --- */
footer {
  padding-bottom:30px;
  overflow:hidden;
}
footer .banner {
  padding:50px 0 30px 0;
  background-color:#202020;
  background-size:16px 16px;
  background-image: -moz-linear-gradient(45deg, transparent 50%, #f0f0f0 50%, #f0f0f0), -moz-linear-gradient(-45deg, #f0f0f0 50%, transparent 50%, transparent);
  background-image: -webkit-linear-gradient(45deg, transparent 50%, #f0f0f0 50%, #f0f0f0), -webkit-linear-gradient(-45deg, #f0f0f0 50%, transparent 50%, transparent);
  background-repeat:repeat-x;
  overflow:hidden;
}
/*footer .banner .logo {
  display:block;
  height:36px;
  width:280px;
  background:url('../images/boost-agile-sprite.png') no-repeat 0 -170px;
  text-indent:-999px;
  overflow:hidden;
  float:left;
}*/
footer .banner .logo {
  display:block;
  height:36px;
  width:280px;
  background:url('../images/boost-agile-sprite.png') no-repeat 0 -170px;
  text-indent:-999px;
  overflow:hidden;
  float:left;
  border-bottom: none;
}
.ie7 .logo {
  float:left;
}
footer .banner ul {
  font-size:24px;
  line-height:24px;
  color:#dac279;
  list-style:none;
  float:right;
}
footer .banner ul a {
  color:#dac279;
  text-decoration:none;
  border-bottom:1px solid #6a6144;
  display:block;
}
footer .banner ul a:hover {
  color:#de7a7a;
  border-bottom:1px solid #6c4444;
}
footer .banner li {
  float:left;
  border-left:1px solid #404040;
  border-right:1px solid #000000;
  padding:5px 20px 5px 60px;
  background: url('../images/boost-agile-sprite.png') no-repeat 15px -308px;
}
footer .banner li.phone {
  background-position:15px -308px;
}
footer .banner li.mail {
  background-position:10px -347px;
}
footer .banner li:first-child {
  border-left:none;
}
footer .banner li:last-child {
  border-right:none;
}
footer .get-in-touch {
  width:420px;
  float:left;
  margin:60px 0 35px 0;
}
footer .get-in-touch p {
  font-size:20px;
  text-shadow:0 1px 0 #000000;
  color:#dddddd;
  width:270px;
  line-height:25px;
  font-weight:200;
}
footer .get-in-touch a {
  color:#edd383;
  border-bottom:1px solid #c8b372;
  display:inline-block;
  text-decoration:none;
  line-height:18px;
}
footer .get-in-touch a:hover {
  color:#de7a7a;
  border-bottom:1px solid #6c4444;
}

footer .tea {
  height:170px;
  width:480px;
  background: url('../images/boost-agile-sprite.png') no-repeat 0 0;
  margin:-90px 0 0 -50px;
}
footer h3 {
  font-size:30px;
  color:#dddddd;
  font-weight:bold;
  margin-bottom:20px;
}
footer h4 {
  font-size:25px;
  color:#ffffff;
  font-weight:bold;
  margin-bottom:20px;
}
footer .sub-nav {
  float:left;
  width:140px;
  margin-top:60px;
  margin:60px 0 0 40px;
}
footer .sub-nav ul {
  list-style:none;
}
footer .sub-nav li {
  margin-bottom:10px;
}
footer .sub-nav li a {
  display:block;
  padding:5px 10px;
  background:#202020;
  font-size:18px;
  color:#ffffff;
  text-decoration:none;
  font-weight:200;
}
footer .sub-nav li a:hover {
  background-image:  -moz-linear-gradient(center top, 
    #358d88 0%,
    #358d88 25%,
    #325351 75%,    
    #325351 100%
    );
  background-image:-webkit-gradient(linear,left top,left bottom,
    color-stop(0, #358d88),
    color-stop(0.25, #358d88),
    color-stop(0.75, #325351),
    color-stop(1, #325351)
    );
  color:#e3e3e3;
  text-shadow:0 -1px 0 rgba(0,0,0,0.5);
  -moz-box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
  box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
}
footer .end {
  clear:both;
  border-top:1px solid #1d1d1d;
  box-shadow: inset 0 1px 0 #434343;
  padding-top:30px;
  overflow:hidden;
}
footer .fb_iframe_widget {
  background:#d9d9d9;
  border-top:2px solid #ffffff;
  display:block;
  clear:both;
  width:270px;
  float:left;
}
footer .footer-social {
  float:right;
  width:360px;
  margin-top:55px;
}
footer .social-connect {
  height:60px;
  width:80px;
  float:right;
  margin:0 0 0 7px;
}
/*footer .social-connect a {
  display:block;
  padding-left:32px;
  width:0;
  height:33px;
  background:url('../images/boost-agile-sprite.png') no-repeat 0 -460px;
  overflow:hidden;
  float:left;
  margin:0 5px 2px 0;
}*/
footer .social-connect a {
  display:block;
  padding-left:32px;
  width:0;
  height:33px;
  background:url('../images/boost-agile-sprite.png') no-repeat 0 -460px;
  overflow:hidden;
  float:left;
  margin:0 5px 2px 0;
  border-bottom: none;
}
footer .social-connect .linkedin {}
footer .social-connect .facebook {
  background-position:-40px -460px;
}
footer .social-connect .twitter {
  background-position:-80px -460px;
}
footer .social-connect .google {
  background-position:-120px -460px;
}
footer .social-connect .weibo {
  background-position:-160px -460px;
}

/* Ie */

.ie7 .subnav nav li.on a:after,
.ie8 .subnav nav li.on a:after{
  border-top: 7px solid rgba(148,45,45,1);
}