@charset "utf-8";
/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#FB782E;text-decoration:underline}
a:hover {text-decoration:none}
blockquote {background:#f9f9f9;border:1px solid #dfe0e1;margin:0 0 1em;padding:10px 10px 1px}
body {background:#8397A7;color:#2a2f34;font:69%/175% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial}
fieldset {border:0}
h1, h2 {font-size:14px;margin:0 0 .5em;line-height:100%;overflow:hidden;position:relative}
h1 span, h2 span {height:100%;left:0;position:absolute;top:0;width:100%}
img {border:0;vertical-align:bottom}
a {position:relative}
a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
p {margin:0 0 1em}

/* Containers */
#page {background:#FFF;margin:0 auto;height:1%;padding:0 4px;width:686px}
#main {border-top:3px solid #fb782e;height:1%;padding:0 17px;position:relative;width:652px}

/* Header */
#logo {float:left;margin:25px 0 0 -3px}
#menu {float:right;font-size:1.09em;line-height:100%;list-style:none;overflow:hidden;margin:34px 0 0;text-transform:uppercase}
#menu li {float:left;margin:0 0 0 26px}
#menu li a {color:#8397A7;height:10px;overflow:hidden;float:left;text-decoration:none}
#menu li a:hover {color:#000}
#menu li a span {background:url(../images/menu.png) no-repeat}
#menu li.home a span {background-position:0 0px}
#menu li.home a:hover span, #menu li.home a.current span {background-position:0 -12px}
#menu li.about a {width:64px}
#menu li.about a span {background-position:-64px 0px}
#menu li.about a:hover span, #menu li.about a.current span {background-position:-64px -12px}
#menu li.work a {width:71px}
#menu li.work a span {background-position:-154px 0px}
#menu li.work a:hover span, #menu li.work a.current span {background-position:-154px -12px}
#menu li.services a {width:94px}
#menu li.services a span {background-position:-251px 0px}
#menu li.services a:hover span, #menu li.services a.current span {background-position:-251px -12px}
#menu li.contact {width:63px}
#menu li.contact a span {background-position:-363px 0px}
#menu li.contact a:hover span, #menu li.contact a.current span {background-position:-363px -12px}
#client {background:#fb782e;clear:both;color:#FFF;font-weight:bold;height:17px;position:absolute;top:0px;overflow:hidden;right:15px;text-decoration:none;text-align:center;z-index:101;width:94px}
#client span {background:url(../images/client-login.gif) no-repeat}
#blog #client {clear:none}
#splash {margin:20px 0}

/* Content*/
#intro {clear:both;border-right:1px solid #e8e8e8;float:left;padding:0 20px 0 0;width:435px}
#intro h1 {height:16px;width:321px}
#intro h1 span {background:url(../images/headings.png) no-repeat}
#quote {float:left;padding:0 0 0 20px;width:175px}
#quote h2 {height:15px;width:105px}
#quote h2 span {background:url(../images/headings.png) no-repeat -325px 0}
#quote a {background:#ffd44b;color:#000;float:left;height:45px;line-height:110%;margin:0 10px 5px 0;padding:10px 0 0;text-align:center;width:55px}
#quote a span {background:url(../images/quote.png) no-repeat}
#services {border:solid #E8E8E8;border-width:1px 0;clear:both;float:left;margin:15px 0;padding:15px 0 5px;width:100%}
#services div {float:left;margin:0 0 0 20px;width:202px}
#services div h2 {font-size:14px}
#services #design {margin:0}
#services #design h2 {color:#21a1e4;height:16px;width:103px}
#services #design h2 span {background:url(../images/headings.png) no-repeat 0 -21px}
#services #branding h2 {color:#14b51b;height:16px;width:76px}
#services #branding h2 span {background:url(../images/headings.png) no-repeat -107px -21px}
#services #marketing h2 {color:#c80e0e;height:16px;width:84px}
#services #marketing h2 span {background:url(../images/headings.png) no-repeat -187px -21px}
#service-list {border-right:1px solid #E8E8E8;float:left;padding:0 20px 0 0;width:280px}
#service-list h2 {height:16px;width:215px}
#service-list h2 span {background:url(../images/headings.png) no-repeat 0 -38px}
#service-list ul {list-style:none}
#bottom {clear:both;width:100%}
#service-list ul li {background:url(../images/arrow.gif) no-repeat left center;padding:0 0 2px 20px}
#recent {float:left;height:1%;margin:0 0 0 20px;text-align:right;width:320px}
#recent h2 {height:16px;text-align:left;width:100%}
#recent h2 span {background:url(../images/headings.png) no-repeat -273px -21px}
#recent img {border:9px solid #ededed;display:block}
#recent strong {float:left}
#content {clear:both;float:left;margin:20px 0 0;width:100%}
#content h1 {background:#e8e8e8;font-size:16px;padding:10px}
#content img {border:8px solid #EDEDED;background:#FFF;padding:1px;}
#content.blog {margin:35px 0 0;width:470px}
#content.blog .post {clear:both;overflow:hidden;padding:0 0 20px;width:100%}
#content.blog .post h1, #content.blog .post h2 {background:none;font-size:18px;padding:0;height:auto;overflow:visible}
#content.blog .post h1 a, #content.blog .post h2 a {color:#2a2f34;text-decoration:none}
#content.blog ul.meta {clear:both;list-style:none;margin:0}
#content.blog ul.meta li {float:right}
#content.blog ul.meta li a {color:#2a2f34;text-decoration:none}
#content.blog ul.meta li a:hover {text-decoration:underline}
#content.blog ul.meta li.comments {float:left}
#content.blog ul.meta li.comments a {color:#FB782E;text-decoration:none}
#content.blog ul.meta li.comments a:hover {text-decoration:underline}
#content.blog ul.posts {clear:both;list-style:none;margin:0;padding:15px 0 0}
#content.blog ul.posts a {color:#24313b;text-decoration:none}
#content.blog ul.posts li.prev {float:left}
#content.blog ul.posts li.next {float:right}
#content img.noeffect {border:0;background:none;padding:0}
#content img.work {border:8px solid #EDEDED;background:#FFF;padding:1px; margin: 5px}
#content ul {margin:0 0 1em 28px}
#content ol {margin:0 0 1em 32px}
#sidebar {border-left:1px solid #d8d8d8;float:right;margin:35px 0 0;padding:0 0 0 15px;width:140px}
#sidebar h3 {font-size:14px;margin:0 0 10px}
#sidebar ul {list-style:none;margin:0 0 1em 5px}
#sidebar ul li {background:url(../images/bullet.gif) no-repeat left center;padding:0 0 0 12px}
#sidebar ul li a {color:#2a2f34;text-decoration:none}
#sidebar ul li a:hover {text-decoration:underline}
#sidebar #s {margin:0 0 5px}
#comment-box h3 {font-size:14px}
#comment-box ol {list-style:none;margin:0;padding:0 0 20px}
#comment-box ol li {height:1%;overflow:hidden;margin:0 0 10px;padding:5px}
#comment-box ol li img {float:left;border:1px solid #dfe0e1;margin:0 8px 0 0;padding:0}
#comment-box ol li cite {font-weight:bold;font-style:normal}
#comment-box ol li.alt {background:#f9f9f9;border:1px solid #dfe0e1}
#comment-box #commentform {background:#f9f9f9;border:1px solid #dfe0e1;margin:10px 0 0;padding:7px;width:450px}
#comment-box #commentform textarea {border:1px solid #dfe0e1;font:1em Arial;overflow:hidden;width:100%}
#comment-box #commentform p {margin:0 0 4px}
#comment-box #commentform label small {font-size:11px;padding:0 0 0 5px}
#comment-box #commentform input {border:1px solid #DFE0E1;padding:3px}
#comment-box #commentform input#submit {border:0;padding:0}
.aligncenter,div.aligncenter {display:block;margin-left:auto;margin-right:auto}
.alignleft {float:left;margin:0 10px 0 0}
.alignright {float:right;margin:0 0 0 10px}
.wp-caption {background-color:#f3f3f3;border:1px solid #ddd;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.wpcf7-form p {margin:0}

/* Footer */
#footer {clear:both;color:#76787a;font-size:0.91em;padding:30px 10px 10px}
#footer ul {float:right;list-style:none}
#footer ul li {display:inline}
#footer ul li a {color:#76787a;text-decoration:none}
#footer ul li a:hover {color:#000}