html { background: transparent url(../img/style/header-border.png) repeat-x left 114px; }

body { color: #45454e; height: 100% }
body.sub { background: url(../img/style/sub-body-bg.png) repeat-x center 116px;  }

.blog h1, h2, .post-list h3  a { color: #58bbca; font-size: 20px; text-shadow: 0 1px 0 #ccc; }
h3, h4 { color: #202d2c; font-size: 16px; }

h4 .l3 { font-weight: normal; }

a { color: #131818; }
a:hover { text-decoration: none; }

a.more { background: url(../img/style/more-arrow.png) no-repeat right 50%; color: #d36529; font-weight: bold; text-decoration: none; padding: 0 14px 0 0; font-size: 12px; text-transform: uppercase; }
a.more:hover { text-decoration: underline; }


/*
  Forms
*/

/* Global errors */
.page-error{ padding: 40px  120px; font-size: 24px; color: #777;}
.page-error strong{ color: black; }

form .row { margin: 0 0 12px; }
input, textarea { font: 13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; padding: 6px 4px; width: 90%; border: 1px solid #999; }
input:focus, textarea:focus { border: 1px solid #333; }
option { padding: 2px 1px; }
label { font-weight: bold; text-transform: uppercase; }
button, input[type=submit], .btn { display: inline-block; background: #d36529; padding: 8px 12px; font-size: 14px; font-weight: bold; border: none; color: #fff; cursor: pointer; width: auto; text-decoration: none !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
button:hover,  input[type=submit]:hover, .btn:hover{ background: #f25c0a; }
#id_honeypot { display: none; }

.errorlist, form .error { margin: 4px 0 0; }
.errorlist li, form .error { list-style: none; font-weight: bold; margin: 0 0 12px; color: red; }

blockquote { font: italic 14px Georgia,seric; line-height: 24px; color: #2a3c3a; }
blockquote p:before { content: url(../img/style/quote-open.png); }
blockquote p:after { content: url(../img/style/quote-close.png); }

small { font-size: 11px; }
sup { font-size: 10px; vertical-align: top; margin: 0 4px 0 0; }

.footnote { font-size: 12px; }
.hidden { display: none; }


#main { margin: 0 0 40px; }

/*
  Header
*/
#header { position: relative; height: 114px; margin: 0 0 30px; }

#header a { text-decoration: none; }
#header li { float: left; margin: 0 0 0 10px; list-style: none; }

#header .primary { font-size: 16px; font-weight: bold; text-transform: uppercase; position: absolute; right: 20px; bottom: 0; }
#header .primary a { color: #2b3c3a; padding: 6px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

#header .primary a:hover,
#header .primary a:active { color: #607486; }

#header .primary a.active { color: #fff; background: #5abac9;
  text-shadow: 0 1px 1px #666;
  /* -moz-box-shadow: 0 0 10px #31929F inset;
  -webkit-box-shadow: 0 0 10px #31929F inset;
  -o-box-shadow: 0 0 10px #31929F inset;
  box-shadow: 0 0 10px #31929F inset; */
}

#header .logo { position: absolute; bottom: 16px; left: 20px; outline: 0 none; }

#header .aux { position: absolute; right: 0; top: 8px; font-size: 110%; }
#header .aux a { color: #5abac9; font-weight: bold; }

/*
  Footer
*/
#footer .main { position: relative; width: 100%; overflow: auto; background: #111717; }

#footer .main { padding: 20px 0; }
#footer .main ul { margin: 0; }
#footer .main li { list-style: none; margin: 0; }
#footer .main a { color: #777; text-decoration: none; }
#footer .main a:hover, #footer .main .orphans a:hover { color: #999; }


#footer .main h6, #footer .main h6 a, #footer .main .orphans a { color: #fdf9f9; text-transform: uppercase; font-weight: bold; }
#footer .main .orphans li { margin: 0 0 4px; }
#footer .map ul { width: 380px; }
#footer .map li { float: left; width: 100px; }
#footer .map li a, #footer .main h6 { font-size: 12px; }
#footer .main h6 { margin: 0 0 6px; }

#footer .contact, #footer .map, #footer .social { float: left; }

#footer .contact h6, #footer .social h6 { margin: 0 0 12px; }

#footer .social li, #footer .contact li { margin: 0 0 6px; }
#footer .social a { padding: 0 0 0 30px; }

#footer .contact li { color: #f9ffff; padding: 0 0 0 30px; }

/*
  Sub Footer
*/
#sub, #sub .copyright { background: url(../img/style/footer-icons.png) no-repeat; }
#sub { padding: 20px; background-position: 874px -48px; }
#sub .copyright { height: 32px; padding: 6px 0 0 40px; font-weight: bold; }


/* -- Begin Patterns & Generics -- */

/*
  Content Styles
*/

.nav { width: 920px; margin: 0 auto 14px; position: relative; }
.nav h4 { font-size: 34px; float: left; text-transform: capitalize; margin: 0 30px 0 0;
   text-shadow: #31929F 0px -1px 0; }
.nav a { text-decoration: none; }
.nav a.active { color: #5abac9; }
.nav ul { float: left; margin: 0; padding: 0; line-height: 56px; }
.nav li { list-style: none; font-size: 14px; margin: 0 16px 0 0; padding: 0; display: inline; }
.nav li a { color: #999; padding-bottom: 2px  }
.nav li a.active { color: #111717; }

.box-line { margin-bottom: 30px; border-bottom: 1px solid #ddd; padding: 0 0 30px;}
.intro { color: black; font-size: 24px; line-height: 130%; margin: auto 0 40px;  text-shadow: -1px -1px 0 white; }

/* Patterns */
.mini-blog-entry a { font-size: 16px; }

ul.highlight li { margin: 0; padding: 4px 0 4px 20px; background: url(../img/style/highlight-arrow.png) no-repeat left center; list-style: none; line-height: 20px; }

.sub-line { color: #5abac9; margin: 0 0 12px; }

.mini-testimonial .author { margin: 20px 0 0; }

.activity-stream { padding: 0; margin: 0; }
.activity-stream li { list-style: none; margin: 0 0 20px; }
.activity-stream img { float: left; margin: 0 10px 0 0; }

.info-box { background: #eee; padding: 14px;
    -webkit-box-shadow: 0 2px 3px #ccc;
       -moz-box-shadow: 0 2px 3px #ccc;
        -ms-box-shadow: 0 2px 3px #ccc;
         -o-box-shadow: 0 2px 3px #ccc;
            box-shadow: 0 2px 3px #ccc; }



/* Icons */
.icon-twitter,
.icon-rss,
.icon-email,
.icon-phone { background: url(../img/style/footer-icons.png) no-repeat; }

.icon-twitter { background-position: -18px -134px; }
.icon-rss { background-position: -18px -177px; }

.icon-phone { background-position: -21px -218px; }
.icon-email { background-position: -22px -248px; }

/* Home Styles */
#main .intro a { color: #d36529; text-decoration: none; font-weight: bold;}
#main .intro a:hover { text-decoration: underline; }

.focus-box h4 { padding: 0 0 8px; border-bottom: 1px solid #d9d9d9; }
.focus-box span.more strong { font-size: 13px; text-transform: uppercase; }
.focus-box .more { margin: 0 40px 0 0; }
.focus-box .wimage img { float: right; margin: 0 0 4px 8px;}

body.home #main { margin: 0; }

body.home #main .primary, body.home #main .secondary { padding: 20px 0; }
body.home #main .primary p, body.home #main .secondary p { margin: 0; }
body.home #main .primary { background: #eee; }

body.home #main .primary { background: #efefef;  }
body.home #main .secondary { background: #fff; }

body.home #main .more { display: inline-block; margin: 20px 0 0; }

body.home #main .primary .body { height: 220px; }
body.home #main .secondary .body { height: 180px }

body.home #main .primary p.author { margin: 20px 0; }

#what-we-do ul { margin: 0; }
#what-we-do { padding: 0 0 20px; }

#our-products img { float: left; margin: 0 15px 20px 0; }

body.home #labs img { float:left; margin:-10px 10px 0 0; }

/* Team Styles */
body.about .intro { font-size: 24px; line-height: 130%; }

#team-list .member{ padding-bottom: 30px; }
#team-list a { text-decoration: none; line-height: 130%; }
#team-list a span { font-size: 12px; font-weight: normal; display: block; }
#team-list img { display: block; margin: 0 0 8px;
    -webkit-box-shadow: 0 2px 3px #ccc;
       -moz-box-shadow: 0 2px 3px #ccc;
        -ms-box-shadow: 0 2px 3px #ccc;
         -o-box-shadow: 0 2px 3px #ccc;
            box-shadow: 0 2px 3px #ccc; }

#team-list a:hover img {
    -webkit-box-shadow: 0 2px 5px #708396;
       -moz-box-shadow: 0 2px 5px #708396;
        -ms-box-shadow: 0 2px 5px #708396;
         -o-box-shadow: 0 2px 5px #708396;
            box-shadow: 0 2px 5px #708396; }

#team-list .title { color: #888; }

/* Team Profile Styles */
body.team-profile h1 { margin: 0; }
body.team-profile .title { font-size: 15px; font-style: italic; font-weight: normal; margin: 0 0 20px; color: #999; }
body.team-profile .avatar { float: left; margin: 0 20px 10px 0; }

.highlight-links li { margin: 0 0 10px 0; list-style: none; }
.highlight-links a { font-size: 16px; color: #d36529; text-decoration: none; }
.highlight-links a:hover { text-decoration: underline; }


/* Blog */
#blog-header { background: url(../img/style/banner.jpg) no-repeat; width: 100%; margin: 0 0 40px; height: 140px; overflow: hidden; position: relative; }
/* Radio Guy Image from The Juniper Gallery: http://www.junipergallery.com/ */
#blog-header h4 { background: none; font-size: 36px; color: #fff; letter-spacing: 0.02em;  padding: 0; margin: 0; position: absolute; bottom: 20px; left: 20px; line-height: 100%; }
#blog-header h6 { font-size: 28px; color: #5abac9; position: absolute; bottom: 16px; left: 20px; margin: 0; padding: 0; font-weight: normal; }

body.blog #side ul { margin: 0 0 40px; padding: 0; font-size: 14px; }
body.blog #side li { list-style: none; margin: 0 0 10px; }

.blog-categories a.active { text-decoration: none; background: #D36529; color: #fff; padding: 6px; font-weight: bold; }

/* Blog List */
.post { padding: 0 0 8px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d9d9d9; }
.post h3 { padding: 0; margin: 0; background: none; text-shadow: none; }
.post blockquote { padding: 0 30px; }
.post-list h3 a { display: block; text-decoration: none; margin: 0; text-shadow: none; }
.post .quiet { width: auto; overflow: hidden; }
.post .comment-extra-info { width: 100%; margin: 0 0 5px 0; }
.post .publish-date { float: left; }
.post .post-link { float: right; }
.post img.right, .text img.right { float:right; margin:0 0 15px 15px; }
.post-data { font-size: 12px; margin-top: 8px; }
#main .post-data a { font-weight: normal; }
.blog-detail #blog-header { height: 140px; }
.blog-detail #blog-header h4 { bottom: 20px; }
.blog-detail h1 { margin-bottom: 0; text-shadow: none; font-size: 26px; }
.blog-detail .text { margin-bottom: 40px; }
.blog-detail .comment-author { color: #d36529; font-weight: bold; }

/* Blog Post */
#comments-list { margin: 0 0 20px 0; }
#comments-list .date { float: right; }
#comments-list li { padding: 10px; margin: 0 0 20px 0; list-style: none; background: #E8E8E8; }
#comments-list .comment-data { margin: 0 0 10px 0; }
#comments-list li.alt1 { background-color: #EFEFEF; }

/* Styles ported from Ginger */
.taglines { padding: 10px; background: #f5f5f5; margin-bottom: 20px; border: 1px solid #CFCFCF; }
.taglines p { margin-bottom: 0; }
.ll-tag { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; }

/* Disqus Comments */
#comments button.dsq-button-small, #comments button.dsq-button {  background: #D36529; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 12px; padding: 4px 8px; color: #fff; border: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#comments #dsq-content #dsq-form-area,
#comments #dsq-content .dsq-request-user-info { background: #eee; padding: 10px; }

#comments #dsq-content .dsq-request-user-info { margin: 0; padding-bottom: 0; }

#comments #dsq-content .dsq-textarea .dsq-textarea-wrapper, #comments #dsq-content

#comments .dsq-input-wrapper { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #fff; }

#comments #dsq-content .dsq-comment-header { background: #eee; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; }

#comments #dsq-content .dsq-comment .dsq-header-avatar a.dsq-avatar img, #comments #dsq-content .dsq-comment:hover .dsq-header-avatar a.dsq-avatar img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#comments #dsq-content .dsq-full-comment button { background:#787878; font-size:10px; text-shadow: 0 1px 1px #444; }
#comments #dsq-content .dsq-full-comment:hover button { background:#D36529; }

/* Contact */
body.contact #side h6 { margin: 0; }

.global-message { margin: 0 0 30px; padding: 14px; width: 850px;  }
.global-message h4 { font-size: 14px; margin: 0 0 .6em; }
.global-message p:last-child { margin-bottom: 0; }
.global-message.error{ background: #F3FFDF; border: 1px solid #E4EFD1; }
.global-message.success{ background: #cdead8; }


.contact form { background: #f8f8f8;  padding: 20px 20px 0; width: 840px; }
.contact form .primary { width: 440px; float: left; }
.contact form .secondary { width: 400px; float: left; }
.contact fieldset .row { width: 176px; float: left; }
.contact fieldset .budget { width: 245px; }

.contact textarea { height: 140px; }
.contact form p { text-align: right; padding-right: 34px; }

.other-contacts { margin-top: 30px; }
.other-contacts h5 { margin: 0 0 8px; }



/* Our Work */
.our-work h6 { margin: 0 0 10px; }

.client { padding: 0 0 40px; margin: 0 0 40px; border-bottom: 1px solid #d9d9d9; }
.client.last { padding: 0; margin: 0; border-bottom: none; }

.last { background: none; }

.client ul { margin: 0 0 20px; padding: 0; }
.client li { float: left; margin: 0 0 6px; width: 44%; font-size: 12px; font-weight: bold; list-style: none; }

.client img { border: 1px solid #eee;
  -moz-box-shadow: 1px 1px 10px #ccc;
  -webkit-box-shadow: 1px 1px 10px #ccc;
  -o-box-shadow: 1px 1px 10px #ccc;
  box-shadow: 1px 1px 10px #ccc;
}
.client img.basic { border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* Services */
.services .grid_6 { text-align: justify; }
.services .grid_6 ul { padding: 0 10px 0 4px; margin: 0; }
.services .grid_6 li { width: 192px; float: left; }

/* Speaking Page */
.speaking h2{ margin: 0 0 -10px 0; }
.speaking .talk{ margin-bottom: -20px; }
.featured { padding-bottom: 60px; }
.featured embed { float: left; margin: 0 30px 0 0;
  -moz-box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  -o-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}

.talk { text-align: justify; }
.talk .speakers { margin: 4px 0 20px; }
.talk img { width: 200px; float: left; margin: 0 20px 10px 0; }
.talk h4 { font-size: 15px; margin: 0; }
.talk .more { margin: 0 30px 0 0; }

/* Work Slideshow */

.coda-slider-wrapper { clear: both; overflow: hidden; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left;  width: 960px; }
.loadPanels{ cursor: pointer; }
.coda-slider .panel.screenshot { text-align: center; }
.coda-slider .panel-container { position: relative; }

.coda-nav-left, .coda-nav-right { position: absolute; margin-top: 50px; width: 120px; display: none; }
.coda-nav-left { left: 0; text-align: right; }
.coda-nav-right { right: 0; text-align: left; }


.coda-nav-left, .coda-nav-right { font-weight: bold; z-index: 300;  }
.coda-nav-left a, .coda-nav-right a { color: #fff; display: block; padding: 10px; text-decoration: none; background: #000; width: 100px;}
.coda-nav-left a:hover, .coda-nav-right a:hover { background: #D36529; }

/* Press */
body.press blockquote p { margin: 0 0 4px; }
body.press p.author { margin: 0 0 30px; }
body.press #sub-side h5 { margin: 0 0 4px; }

/* Testimonials */
body.testimonials p.author { margin: 0 0 40px; }

/* Labs */