@charset "UTF-8";@font-face{font-family:'Lobster13Regular';src:url('fonts/lobster/Lobster_1.3-webfont.eot');src:url('fonts/lobster/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lobster/Lobster_1.3-webfont.woff') format('woff'),
url('fonts/lobster/Lobster_1.3-webfont.ttf') format('truetype'),
url('fonts/lobster/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');font-weight:normal;font-style:normal;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img{margin:0;padding:0;border:0;outline:none;}
html{width:100%;height:100%;}
body{background:#105170 url(../images/bg.png) center center no-repeat;font:16px/24px Georgia, serif;color:#F0F0F0;}
body.home{width:100%;height:100%;background:#105170;}
#home-container{width:100%;height:100%;}
#container{width:980px;margin:auto;}
#header{background:url(../images/header/bg.png) center top no-repeat;padding:0 0 50px;}
#header.home{padding:0;margin-left:-402px;position:absolute;left:50%;z-index:8;}
h1#logo{width:105px;height:105px;position:absolute;left:50%;margin:0 0 0 -53px;overflow:hidden;}
#logo a{width:100%;height:100%;display:block;text-indent:-100000px;}
ul#nav{height:40px;padding:30px 0 35px 148px;list-style-type:none;text-transform:lowercase;}
#nav.home{width:704px;padding:30px 40px 35px 60px;}
#nav li{width:auto;float:left;}
li.inner.left{padding-right:60px;}
li.inner.right{padding-left:70px;}
#nav a{padding:10px 20px;color:#FFF;text-decoration:none;font:1.375em/1em 'Lobster13Regular', Georgia, serif;display:block;}
#nav a.active{color:#9DB8C5;}
#nav a:hover{color:#D5D5D5;}
#timeline{width:100%;height:210px;margin:0 0 10px;font:0.775em/1.5em Arial, Helvetica, sans-serif;color:#CCC;overflow:hidden;position:relative;}
#timeline-controller{width:100%;height:2px;margin:30px 0 0;background:#789AAD;position:relative;}
#timeline-slider{width:auto;height:16px;background:#E0E0E0;color:#AAA;font-size:10px;line-height:14px;text-align:center;position:absolute;cursor:move;left:0;top:-7px;}
#timeline ul{height:170px;list-style-type:none;position:relative;left:0;top:0;}
#timeline li{width:160px;height:80px;text-align:center;position:absolute;}
#timeline li.odd{top:0;}
#timeline li.even{bottom:0;}
#timeline span{display:block;}
#timeline span.date{width:100%;height:15px;font:1.25em/1em Arial, Helvetica, sans-serif;text-transform:uppercase;color:#FFF;position:absolute;top:0;}
#timeline li.even span.date{top:auto;bottom:0;}
#timeline span.vr{width:1px;height:10px;background:#FFF;position:absolute;top:18px;left:76px;display:block;}
#timeline li.even span.vr{top:auto;bottom:20px;}
#timeline span.event{width:100%;height:15px;position:absolute;top:30px;}
#timeline li.even span.event{top:auto;bottom:35px;}
#timeline span.image{width:100%;font:1.125em/1em Arial, Helvetica, sans-serif;background:url(../images/main/timeline/bg.png) center top no-repeat;text-indent:-100000px;color:#FFF;position:absolute;top:53px;}
#timeline li.even span.image{top:auto;bottom:50px;}
#timeline-conception{height:19px;}
#timeline-first{height:32px;background-position:center -19px !important;}
#timeline-news{height:34px;background-position:center -51px !important;}
#timeline-office{height:22px;background-position:center -85px !important;}
#timeline-25{height:23px;background-position:center -107px !important;}
#timeline-newspaper{height:14px;background-position:center -130px !important;}
#timeline-one-year{height:53px;background-position:center -144px !important;}
#timeline-columbus{height:10px;background-position:center -246px !important;}
#timeline-ian{height:21px;background-position:center -197px !important;}
#timeline-50{height:28px;background-position:center -218px !important;}
#social{list-style-type:none;position:absolute;top:10px;right:10px;z-index:5;}
.social{height:23px;padding:10px 0 0;margin:auto;list-style-type:none;text-align:center;}
#bio-greg .social{width:180px;}
#josh-bio .social{width:60px;}
#social li, .social li{width:24px;height:23px;margin:0 2px;overflow:hidden;float:left;}
.social li{margin:0 3px;}
#social a, .social a{width:24px;height:23px;display:block;text-indent:-100000px;background:url(../images/header/social/bg.png);}
a.social-newsletter{background-position:-360px top !important;}
a.social-twitter{background-position:-96px top !important;}
a.social-facebook{background-position:-24px top !important;}
a.social-tumblr{background-position:-48px top !important;}
a.social-linkedin{background-position:-72px top !important;}
a.social-flickr{background-position:-120px top !important;}
a.social-pandora{background-position:-144px top !important;}
#home{width:100%;height:100%;}
#horizontal-rule{width:100%;height:1px;background:#9DB8C5;position:absolute;top:50%;left:0;z-index:4;}
.vertical-rule{width:1px;height:100%;background:#9DB8C5;position:absolute;top:0;z-index:4;}
#vertical-rule-left{left:33.33%;}
#vertical-rule-right{right:33.33%;}
#home .block{width:33.33%;height:50%;background:url(../images/home/hover/bg2.png) center center no-repeat;overflow:hidden;text-align:center;position:absolute;}
#home .block.first{left:0;}
#home .block.center{left:33.33%;}
#home .block.center.top{}
#home .block.last{right:0}
#home .block.bottom{bottom:0;}
.center-title{width:100%;height:78%;text-indent:-100000px;position:absolute;top:0;left:0;}
.center-image{width:80%;margin:0 10%;position:absolute;bottom:22%;left:0;}
.center-shown{width:80%;height:17%;padding:0 10%;color:#E5E5E5;font:bold italic 1em/1em Georgia, serif;position:absolute;bottom:0;left:0;}
#home .wordspaced{padding:0 5px;}
#home a{color:#9DB8C5;text-decoration:none;}
#home a:hover{color:#FFF;}
.home-title, .home-header{position:absolute;text-indent:-100000px;z-index:1;}
.normal{}
#home .normal-link{width:100%;height:100%;background:#105170;display:block;position:absolute;left:0;top:0;z-index:3;}
#home .normal-image{width:90%;margin:0 5%;position:absolute;left:0;top:40%;}
#home .hover{width:100%;height:100%;}
.hover .shown{width:80%;height:10%;padding:0 10%;font:0.8em/1.35em Arial, Helvetica, sans-serif;color:#E5E5E5;position:absolute;left:0;bottom:10%;}
.hover .not-shown{text-indent:-100000px;}
#home .hover-link{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:2;}
.hover-image{width:54%;margin:0 23%;position:absolute;top:15%;left:0;}
.bottom .hover-image{width:74%;margin:0 13%;top:20%;}
#home .obfuscate{position:relative;z-index:3;}
#main{}
#main h2{font:bolder 3.5em/1em Arial, sans-serif;letter-spacing:3px;text-shadow:3px 3px 0 #2991B9;text-transform:uppercase;color:#E9E9E9;text-align:center;}
h2.page-title{height:60px;background:url(../images/main/titles/bg.png) center top no-repeat;text-indent:-100000px;}
#about-title{background-position:center -60px;}
#services-title{background-position:center -120px;}
#work-title{background-position:center -180px;}
#contact-title{background-position:center -240px;}
#main h3{padding:25px 0;font:bolder italic 1.25em/1em Arial, sans-serif;color:#D1D2D4;text-align:center;}
h3.page-header{height:20px;margin:10px 0 15px;background:url(../images/main/headers/bg.png) center top no-repeat;text-indent:-100000px;}
#about-header{background-position:center -70px;}
#services-header{background-position:center -140px;}
#work-header{margin-bottom:0;background-position:center -210px;}
#contact-header{background-position:center -280px;}
#main h4{font:bolder 1.25em/1em Arial, sans-serif;text-transform:uppercase;text-align:center;}
#form-result h4{padding:5px 0 0;font:1.5em/1em 'Lobster13Regular', Georgia, serif;text-transform:none;}
#main .section-title, #main .separator, #main .half-banner{height:30px;background:url(../images/main/section-headers/bg.png) center top no-repeat;text-indent:-100000px;}
#philosophy .section-title{background-position:center -30px;}
#philosophy .separator{margin:10px 0 5px;background-position:center -60px;}
#main .half-banner{height:35px;margin-top:10px;}
#philosophy #quality-banner{background-position:center -90px;}
#philosophy #teamwork-banner{background-position:center -125px;}
#philosophy #dedication-banner{margin-left:25%;margin-top:15px;background-position:center -160px;}
#not-your-average-design-team .section-title{height:70px;background:url(../images/main/headers/bg.png) center -350px;}
#services-branding .section-title{background-position:center -194px;}
#services-websites .section-title{height:40px;background-position:center -224px;}
#services-marketing .section-title{background-position:center -264px;}
#contact-information .section-title{height:42px;background-position:center -294px;}
#twitter-feed .section-title{background-position:center -336px;}
#clients .section-title, #projects .section-title{height:20px;padding:25px 0;background:url(../images/main/headers/bg.png) center -420px no-repeat;}
#projects .section-title{background-position:center -490px;}
#main .bio .section-title{background:url(../images/main/bios/bg.png) center top no-repeat;}
#bio-greg .section-title{margin:0 0 5px;height:178px;}
#bio-josh .section-title, #josh-bio .section-title{margin:10px 0 5px;height:168px;background-position:center -178px !important;}
#bio-ian .section-title{margin:10px 0 5px;height:178px;background-position:center -346px !important;}
#bio-you .section-title{margin:64px 0 5px;height:124px;background-position:center -524px !important;}
#main h5{font:bolder 1em/1em Arial, sans-serif;text-transform:uppercase;text-align:center;}
#main .bio h5{font:1em/1em Arial, sans-serif;text-transform:none;}
#main .section{}
.section.full{width:100%;clear:both;}
.project-list{list-style-type:none;font:0.875em/1.25em Georgia, serif;float:left;}
.project-list li{width:224px;height:140px;margin:20px 10px 0;border:3px solid #FFF;background:#DDD;float:left;}
.project-list li:hover{opacity:.7;filter:alpha(opacity=70);}
.project-list li.left{margin-left:0;}
.project-list li.right{margin-right:0;}
a.project-link{width:100%;height:100%;text-decoration:none;display:block;position:relative;}
a.project-link span.project-title{width:214px;padding:5px;color:#134051;text-indent:3px;background:#FFF;display:block;position:absolute;bottom:5px;left:0;}
a.project-link span.services{padding:3px 0;color:#DDD;border:2px solid #FFF;background:#134051;position:absolute;right:0;top:0;display:none;}
a.project-link span.services-title{font-size:1.25em;padding-bottom:3px !important;color:#FFF}
a.project-link span.service, a.project-link span.services-title{padding:0 5px;display:block;}
#clients{padding:10px 0 0;}
.client-list{list-style-type:none;font:1.1em/1.75em Georgia, serif;}
.client-list li.left{width:33.33%;float:left;}
.client-list li.center{width:33.33%;text-align:center;float:left;}
.client-list li.right{width:33.2%;text-align:right;float:right;}
#not-your-average-design-team{margin:10px 0;float:left;}
.section.half{width:470px;}
.section.third{width:295px;margin:10px 0 0;}
.section.third.middle{width:325px;margin:0 32px;float:left;}
.section.left{float:left;clear:left;}
.section.right{float:right;clear:right;}
#main h4.project-title{font:1.70em/1em 'Lobster13Regular', Georgia, serif;text-transform:none;}
#twitter-feed{margin-top:15px;}
#project-image{line-height:0;border:5px solid #F0F0F0;overflow:hidden;}
#project-image, #project-description{margin:15px 0 10px;}
#projects{padding:5px 0 0;float:left;}
#project-images{}
ul.project-images{list-style-type:none;}
ul.project-images li{max-width:224px;height:134px;border:3px solid #FFF;margin:10px;overflow:hidden;float:left;}
ul.project-images li:hover{opacity:.7;filter:alpha(opacity=70);}
ul.project-images li.left{margin-left:0;}
ul.project-images li.right{margin-right:0;}
ul.project-images img{margin:-3px 0 0 -3px;cursor:pointer;}
#main p, #main address{padding:15px 0 0;font:0.9375em/1.35em Georgia, serif;text-align:justify;}
#main p a, #main address a{text-decoration:underline;color:#9DB8C5;}
#main p a:hover, #main address a:hover{color:#FFF;}
.allcaps{text-transform:uppercase;}
.wordspaced{word-spacing:10px;}
.half-banner{width:50%;float:left;}
#main form{position:relative;}
#main fieldset{}
#main legend{width:100%;padding:5px 0 0;margin:0;font:1.5em/1em 'Lobster13Regular', Georgia, serif;color:#FFF;float:left;}
#loading{width:32px;height:32px;margin:-16px 0 0 -16px;background:url(../images/main/form/loading/bg.gif) center center no-repeat;position:absolute;bottom:-3px;right:130px;display:none;}
#main ul.form-list{list-style-type:none;}
.form-list li{margin:10px 0 0;}
#main label{color:#FFF;font:0.875em/1.35em Georgia, serif;}
label.overlay{position:absolute;margin:4px 5px;}
#main .text-input, #main .text-area{width:462px;padding:3px;margin:0;background:none;border:1px solid #9DB8C5;outline:none;color:#FFF;font:0.875em/1.35em Georgia, serif;}
#main .text-area{min-width:462px;max-width:462px;height:96px;overflow:auto;resize:none;}
#main .text-input:focus, #main .text-area:focus{border:1px solid #FFF;}
#main .submit{width:124px;height:26px;border:0;outline:none;padding:0;font-size:0.25px;color:#CCC;text-indent:-100000px;cursor:pointer;background:url(../images/main/form/submit/bg.png) center top no-repeat;float:right;}
#footer{margin:40px 0 0;padding:0 0 20px;clear:both;border-top:2px solid #F4F5F6;text-align:center;}
#footer address{padding:5px 0 0;font:0.75em/1em Georgia, serif;}
#footer .wordspaced{padding:0 10px;}
#footer a{color:#9DB8C5;text-decoration:underline;}
#footer a:hover{color:#FFF;}
.hidden{display:none;}
.clearer{clear:both;}
.error{color:#EE7F7F;}
#main label.error{color:#EE7F7F;}
.success{color:#66B566;}