a {color:#069;text-decoration:none}
a:hover {color:#6AC}
body {background:#0C0C0C url('images/bg_header.jpg') top center;color:#AAA;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:13px}
blockquote {border-left:2px solid #DDD;font-family:Georgia,Times,'Times New Roman';font-style:italic;margin:24px 0 24px 48px;padding:0 0 0 24px}
em {font-family:Palatino,Georgia,Times,'Times New Roman'}
h2 {font-size:28px;margin:24px 0 48px 0}
h3 {font-size:18px;margin:16px 0;font-weight:normal}
h4 {font-size:20px;margin:16px 0}
h5 {font-size:13px;margin:16px 0}
input, select, textarea {color:#444;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;padding:2px}
label {display:block !important}
p {margin:16px 0}
small {font-size:11px}


/* HEADER */
#header_wrapper {background:#0C0C0C url('images/bg_header.jpg') top center}
#header_overlay {margin-bottom:32px;padding-bottom:4px}
#header {font-size:20px;line-height:160%}
#header h1 a {background:url('images/logo.png') top left no-repeat;display:block;width:215px;height:100px}
#header h1 a span {display:none}
#header b {color:#FFF}
#header #logo {margin:16px 0 0 0}

/* -- Call -- */
#header #call {color:#FFF;font-size:16px;font-weight:bold}
#header #call a {color:#AAA}
#header #call a:hover {color:#FFF}
#header #call b {color:#444;font-weight:normal;margin:0 16px}
#header #call p {clear:both}
#header #call ul {display:block;float:right;font-size:14px;line-height:150%;margin:12px 0 36px 0}
#header #call ul li {display:block;float:left;margin-left:24px}
#header #call ul li#phone {background:url('images/icon_visual.png') 0 3px no-repeat;padding-left:24px}

/* -- Intro */
#header #intro {background:url('images/intro_01.png') top right no-repeat;height:360px}
#header #intro h3 {margin:72px 0 24px 0}

/* -- Divisions -- */
#divisions {background:url('images/bg_divisions.png') top center no-repeat;font-size:14px;line-height:140%;padding:0 0 80px 0}
#divisions a {color:#D0DDA7}
#divisions a:hover {color:#FFF}
#divisions h4 {color:#FFF;margin:24px 0}
#divisions h5 {font-size:14px;margin:0 0 4px 0}
#divisions p {margin:0}
#divisions .icon {background:url('images/icon_services.png') 0 2px no-repeat;padding-left:78px}
#divisions .icon.div_photo {background-position:0 0px}
#divisions .icon.div_graphic {background-position:0 -128px}
#divisions .icon.div_web {background-position:0 -256px}
#divisions .icon.div_mark {background-position:0 -384px}


/* PHOTO */
#photo_wrapper {background:url('images/bg_photo_body.jpg') top center repeat-y;padding:16px 0 32px 0;margin:16px auto;width:990px}
#photo {line-height:170%}
#photo b {color:#FFF}
#photo h2, #graphic h2, #web h2, #blog h2, #location h2, #fbook h2 {font-size:40px;font-weight:normal}
#photo h3 {color:#DDD;line-height:150%}
#photo h5 {color:#FFF;text-transform:uppercase}

#photo a.top {color:#888}
#photo a.top:hover {color:#FFF}


/* GRAPHIC */
#graphic_wrapper {background:url('images/bg_graphic_body.jpg') top center repeat-y;color:#BBB;padding:16px 0 32px 0;margin:16px auto;width:990px}
#graphic {line-height:170%}
#graphic a {color:#D0DDA7}
#graphic a:hover {text-decoration:underline}
#graphic b {color:#FFF}
#graphic h3 {color:#DDD;line-height:150%;text-align:center}
#graphic h5 {color:#FFF;text-transform:uppercase}
#graphic strong {color:#EEE}

#graphic a.top {color:#666}
#graphic a.top:hover {color:#FFF}

#graphic #breadcrumb {color:#BBB}

#graphic #portfolio {background:#24292C url('images/bg_showcase.png')}
#graphic #portfolio ul {display:block;line-height:0;padding:4px 5px}
#graphic #portfolio ul li {display:block;float:left;margin:1px}


/* WEB */
#web_wrapper {background:url('images/bg_web_body.jpg') top center repeat-y;color:#555;padding:16px 0 32px 0;margin:16px auto;width:990px}
#web {line-height:20px}
#web h3 {line-height:28px}
#web h5 {color:#444;text-transform:uppercase}
#web b {color:#444}

#web a.top {color:#AAA}
#web a.top:hover {color:#666}

#web .cell {border-top:1px solid #C7CBCF;padding:16px 0}


/* -- Showcase -- */
#showcase {background:#24292C url('images/bg_showcase.png');line-height:0}
#showcase h3 {background:url('images/web_showcase.png') top left no-repeat;display:block;margin:0 0 16px 0;width:215px;height:60px}
#showcase h3 span {display:none}

#showcase_nav {display:block;float:left;padding:16px 0 0 16px}
#showcase_nav ul li {display:block;float:left}
#showcase_nav ul li a {background:url('images/bg_nav.png') top left no-repeat;display:block;float:left;width:62px;height:37px}
#showcase_nav ul li a span {display:none}
#showcase_nav ul li a.prev {background-position:0 0}
#showcase_nav ul li a.next {background-position:-62px 0}
#showcase_nav ul li a.prev:hover {background-position:0 -37px}
#showcase_nav ul li a.next:hover {background-position:-62px -37px}

#showcase #screenshot {display:block;float:right;padding:8px 4px}
#showcase #screenshot ul li {display:block;float:left;margin:0 4px}
#showcase #screenshot ul li img, #graphic #portfolio ul li img {background:url('images/loader_2.gif') center center no-repeat}


/* BLOG */
#blog_wrapper {background:url('images/bg_blog_body.jpg') top center repeat-y;color:#666;padding:16px 0 32px 0;margin:16px auto;width:990px}
#blog {line-height:170%}
#blog b, #blog h5 {color:#222}
#blog h2 {}
#blog h3 {color:#444;line-height:150%}

#blog a.top {color:#AAA}
#blog a.top:hover {color:#666}
#blog a.more-link {color:#888;font-weight:bold}
#blog a.more-link:hover {color:#444}

#blog ul.blog_list li {border-bottom:1px solid #DEDEDE}
#blog ul.blog_list li b {color:#DDD;font-weight:normal;margin:0 8px}
#blog ul.blog_list li h4 a {color:#222}
#blog ul.blog_list li h4 a:hover {color:#888}

#blog ul.categories li {padding:4px 0}
#blog ul.categories li a {padding:0 2px}
#blog ul.categories li.current-cat a {background:#E3DEFF;color:#6D5DC5}

#blog ul#newtagcloud li {line-height:180%;text-align:justify}
#blog ul#newtagcloud li a {border-bottom:1px solid transparent;color:#888;padding-bottom:2px}
#blog ul#newtagcloud li a:hover {border-bottom:1px solid #AAA;color:#444}

#blog ul.status {margin-bottom:48px}
#blog ul.status li {border-bottom:1px solid #DEDEDE}
#blog ul.status li ul.related_post {margin-bottom:16px}
#blog ul.status li ul.related_post li:last-child {border-bottom:none}
#blog ul.status li ul.related_post li {border-bottom:1px dotted #EDEDED;padding:2px 0}

#blog .date {font-family:Palatino,Times,'Times New Roman';font-style:italic}
#blog .detail {color:#AAA;font-size:13px}
#blog .detail a {border-bottom:1px solid #DDD;color:#AAA;padding-bottom:2px}
#blog .detail a:hover {border-bottom:1px solid #AAA;color:#888}
#blog .meta {color:#AAA;font-size:13px}
#blog .meta a {padding:0 4px}
#blog .title {color:#222;text-align:center}
#blog .wp-caption-text {color:#888;font-size:13px;margin:4px 0;text-align:center}
#blog .wp-smiley {vertical-align:middle}

/* -- Hentry -- */
#blog .hentry {line-height:160%}
#blog .hentry h3 {color:#222;font-size:24px;margin:24px 0}
#blog .hentry h4 {color:#222;margin:24px 0}
#blog .hentry ol li {list-style:disc;margin:0 0 0 48px}
#blog .hentry ul li {margin:0 0 0 48px}

/* -- Comment List -- */
#blog ol.commentlist {padding:16px 0}
#blog ol.commentlist li {font-size:12px;line-height:160%}
#blog ol.commentlist li .commentbox {border-top:1px solid #DEDEDE;padding:8px 0}
#blog ol.commentlist li .commentbox .commentavatar {float:left;width:64px}
#blog ol.commentlist li .commentbox .commentavatar img {background:#FFF;border:1px solid #DEDEDE;display:block;padding:8px}
#blog ol.commentlist li .commentbox .commentavatar p {margin:0}
#blog ol.commentlist li .commentbox .commentavatar .reply a {background:#EEE;display:block;line-height:220%;margin:8px 0 0 0;text-align:center;width:66px}

#blog ol.commentlist li .commentbox .commentbody {float:right;width:620px}
#blog ol.commentlist li .commentbox .commentbody .commenthead p {margin:0}
#blog ol.commentlist li .commentbox .commentbody .commenthead .commentauthor {float:left;font-size:14px}
#blog ol.commentlist li .commentbox .commentbody .commenthead .commentauthor a {font-weight:bold}
#blog ol.commentlist li .commentbox .commentbody .commenthead .commentmetadata {float:right;line-height:130%;text-align:right;width:200px}
#blog ol.commentlist li .commentbox .commentbody .commenthead .commentmetadata a {color:#888}

#blog ol.commentlist li ul.children .commentbox {background:transparent}

#blog ol.commentlist li ul.children li.depth-2 .commentbox {padding-left:80px}
#blog ol.commentlist li ul.children li.depth-2 .commentbox .commentbody {width:540px}

#blog ol.commentlist li ul.children li.depth-3 .commentbox {margin:0 0 0 80px;padding-left:80px}
#blog ol.commentlist li ul.children li.depth-3 .commentbox .commentbody {width:460px}

#blog ol.commentlist li ul.children li.depth-4 .commentbox {margin:0 0 0 160px;padding-left:80px}
#blog ol.commentlist li ul.children li.depth-4 .commentbox .commentbody {width:380px}

/* -- Subscribe -- */
#blog #subscribe {background:#EDEEE9}
#blog #subscribe b {color:#AAA;font-weight:normal;margin:0 8px}
#blog #subscribe h4 {margin:0}

/* -- Respond -- */
#blog #respond {border-top:1px solid #DEDEDE;line-height:150%}

/* -- Search -- */
#blog #search {margin:48px 0}
#blog #search #s {background:url('images/bg_search.png') top left no-repeat;border:none;color:#AAA;line-height:160%;padding:6px 36px 6px 16px;width:220px;height:26px}
#blog #search #s:focus {background-position:0 -38px;color:#666}

/* -- Page Navi -- */
.wp-pagenavi {margin:16px 0}
.wp-pagenavi a, .wp-pagenavi a:link {background:#FFF;border:1px solid #DDD;color:#888;padding:4px 8px;margin:2px;text-decoration:none}
.wp-pagenavi a:visited {color:#999;padding:4px 8px;margin:2px;text-decoration:none}
.wp-pagenavi a:hover {border:1px solid #888}
.wp-pagenavi a:active {background:#FFF;border:1px solid #DDD;color:#999;padding:4px 8px;margin:2px;text-decoration:none}
.wp-pagenavi span.pages {background:#FFF;color:#999;font-weight:bold;padding:4px 0;margin:0 16px 0 0}
.wp-pagenavi span.current {background:#EEE;border:1px solid #DDD;color:#666;font-weight:bold;padding:4px 8px;margin:2px}
.wp-pagenavi span.extend {border:1px solid #DDD;color:#888;padding:4px 8px;margin:2px}

/* -- Tweet -- */
.tweet, .query {font-size:11px;line-height:150%}
.tweet .tweet_list, .query .tweet_list {}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {text-transform:uppercase}
.tweet .tweet_list li, .query .tweet_list li {border-bottom:1px solid #EEE;overflow-y:auto;overflow-x:hidden;padding:8px 0}
.tweet .tweet_list li a, .query .tweet_list li a {}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {float:left;padding-right:8px}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align:middle}

/* -- Breadcrumb -- */
#breadcrumb {font-size:11px;padding:0 0 24px 0}
#breadcrumb b {color:#999;font-weight:normal;margin:0 8px}



/* LOCATION */
#location_wrapper {background:url('images/bg_location_body.jpg') top center repeat-y;color:#59655E;padding:16px 0 32px 0;margin:16px auto;width:990px}
#location {line-height:160%}
#location a {color:#444;text-decoration:underline}
#location a:hover {color:#666}
#location b {color:#111}

#location a.top {color:#888}
#location a.top:hover {color:#444}

#location .alpha p, #location .omega p {color:#444;margin:0}


/* SIDEBAR */
#sidebar h4 {font-size:13px;margin:16px 0 4px 0}
#sidebar ul#recent_comments li {border-bottom:1px dotted #EDEDED;font-size:11px;line-height:150%;padding:4px 0}


/* FACEBOOK SPECIFIC */
#fbook_wrapper {background:#FFF;padding:64px 0}
#fbook b {color:#666}
#fbook h3 {color:#888;line-height:150%}

#fbfans {line-height:140%;margin-bottom:24px;overflow:hidden}
#fbfans a {background:url('images/banner_fbfans.jpg') top left no-repeat;display:block;font-size:24px;padding:24px 16px 0 72px;height:48px}
#fbfans p {margin:0}


/* FOOTER */
#footer_wrapper {padding:0 0 24px 0}
#footer {color:#AAA;font-size:11px;line-height:150%}
#footer p a {color:#AAA}
#footer p a:hover {color:#FFF}
#footer b {color:#444;font-weight:normal;margin:0 16px}
#footer ul#society {float:right;margin:16px 0}
#footer ul#society li {display:inline}
#footer ul#society li a {background:url('images/icon_social.png') top left no-repeat;display:block;float:left;margin-left:8px;width:32px;height:32px}
#footer ul#society li a span {display:none}
#footer ul#society li.fb a {background-position:0 0px}
#footer ul#society li.fb a:hover {background-position:0 -32px}
#footer ul#society li.tw a {background-position:0 -64px}
#footer ul#society li.tw a:hover {background-position:0 -96px}
#footer ul#society li.fl a {background-position:0 -128px}
#footer ul#society li.fl a:hover {background-position:0 -160px}
#footer ul#society li.de a {background-position:0 -192px}
#footer ul#society li.de a:hover {background-position:0 -224px}
#footer ul#society li.rs a {background-position:0 -256px}
#footer ul#society li.rs a:hover {background-position:0 -288px}
#footer ul#society li.sk a {background-position:0 -320px}
#footer ul#society li.sk a:hover {background-position:0 -352px}
#footer ul#society li.li a {background-position:0 -384px}
#footer ul#society li.li a:hover {background-position:0 -416px}
#footer ul#society li.go a {background-position:0 -448px}
#footer ul#society li.go a:hover {background-position:0 -480px}

#footer #nav {font-size:13px;padding:0 0 8px 0;text-align:center}
#footer #nav a {font-weight:bold}


/* CLASSES */
a.top {font-weight:bold}
a.uline {text-decoration:underline}

.alignleft {float:left;margin:0 16px 8px 0}
.aligncenter {display:block;margin:0 auto}
.alignright {float:right;margin:0 0 8px 16px}

.align_center {text-align:center}
.align_right {text-align:right}

.bordered {border:1px solid #DEDEDE;padding:4px}
.box {padding:16px}
.btn {margin:24px 0}
.small {font-size:11px;line-height:160%}

/* -- Loader -- */
.loader_dark {background:url('images/loader_1.gif') center center no-repeat}

/* -- Facebook Specific -- */
.fb_frame {margin:24px 0}


/* -- Button -- */
a.button {background:url('images/bg_buttons.png') top left no-repeat;display:block;width:134px;height:35px}
a.button span {display:none}

a.button.btn_contact {background-position:0 0}
a.button.btn_contact:hover {background-position:0 -35px}

a.button.btn_more {background-position:0 -70px}
a.button.btn_more:hover {background-position:0 -105px}

a.button.btn_more_posts {background-position:0 -140px}
a.button.btn_more_posts:hover {background-position:0 -175px}

/* -- Push -- */
.push {font-size:11px;padding:4px 8px}
.push.blue {color:#FFF !important}
.push.blue {background:#6C83B9;border:1px solid #3A589B}
.push.blue:hover {background:#8197CD;border:1px solid #5271B6}

/* -- Tick -- */
ul.tick li {background:url('images/icon_small.png') center left no-repeat;padding:2px 0 2px 24px}

/* -- Qtip -- */
.qtip-content {font-size:11px;line-height:14px}

/* -- ShadowBox -- */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {font-family:'Helvetica Neue', Arial,Helvetica,sans-serif;font-weight:200;color:#FFF}
#sb-container {position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
#sb-overlay {position:relative;height:100%;width:100%}
#sb-wrapper {position:absolute;visibility:hidden;width:100px}
#sb-wrapper-inner {position:relative;/*border:10px solid #000;*/overflow:hidden;height:100px}
#sb-body {position:relative;height:100%}
#sb-body-inner {position:absolute;height:100%;width:100%}
#sb-player.html {height:100%;overflow:auto}
#sb-body img {border:none}
#sb-loading {position:relative;height:100%}
#sb-loading-inner {position:absolute;font-size:11px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center}
#sb-loading-inner span {background:url('images/sb_loading.gif') no-repeat;padding-left:34px;display:inline-block}
#sb-body, #sb-loading {background-color:#000}
#sb-title, #sb-info {position:relative;margin:0;padding:0;overflow:hidden}
#sb-title, #sb-title-inner {height:26px;line-height:26px}
#sb-title-inner {font-size:12px}
#sb-info, #sb-info-inner {height:20px;line-height:20px}
#sb-info-inner {font-size:12px}
#sb-nav {float:right;height:16px;padding:2px 0;width:45%}
#sb-nav a {display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
#sb-nav-close {background-image:url('images/sb_close.png')}
#sb-nav-next {background-image:url('images/sb_next.png')}
#sb-nav-previous {background-image:url('images/sb_prev.png')}
#sb-nav-play {background-image:url('images/sb_play.png')}
#sb-nav-pause {background-image:url('images/sb_pause.png')}
#sb-counter {float:left;width:45%}
#sb-counter a {padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#FFF}
#sb-counter a.sb-counter-current {text-decoration:underline}
div.sb-message {font-size:12px;padding:10px;text-align:center}
div.sb-message a:link, div.sb-message a:visited {color:#FFF;text-decoration:underline}