html * { margin: 0; padding: 0; font-family: Helvetica, "Trebuchet MS", Trebuchet, sans-serif; font-size: 1.0em; color: #333; line-height: 1.5; }
body { font-size: 0.8em; background: url(/images/bg.png) no-repeat top center #f2f2eb; }
html, body { height: 100.1%; }
a { color: #3989b6; outline: 0; text-decoration: none; }
a span, a strong { color: #3989b6; font-weight: bold; }
a:hover { text-decoration: underline; }
h1.bg-title span { display: none; }
h1 { font-size: 4.5em; padding: 0 0 5px 0; }
h1.a { color: #3989B6; text-decoration: none; }
h1.small { font-size: 2.0em; }
h1.web { padding: 0; margin: 0; width: 597px; height: 302px; background: url(/images/img-web-design.png) no-repeat top left; }
h1.graphic { padding: 0; margin: 0; width: 597px; height: 302px; background: url(/images/img-graphic-branding.png) no-repeat top left; }
h2 { font-size: 1.8em; padding-bottom: 10px; }
h2.small { font-size: 1.3em; }
h2.show { font-size: 3.3em; }
.bg-twitter h2 a { color: #fff; }
h3, h4 { font-size: 1.1em; }
hr { margin: 15px 0 10px 0; padding: 0; color: #333; background: #333; height: 2px; border: 0; }
p { padding: 0 0 15px 0; }
h1, h2, h3, p, ul, ol, table, th, td { cursor: default; }
img { border: 0; display: block; }
.error { color: #ff0000; }
#error p, .error { color: #ff0000; }
#success p, .success { color: #618b23; }
#error { margin-bottom: 15px; padding: 5px; background: #fff; border: 1px solid #ff0000; }
#success { margin-bottom: 15px; padding: 5px; background: #fff; border: 1px solid #618b23; }
#error p, #success p { padding: 0; }
.brd-btm { margin: 0 10px 10px 10px; padding: 5px 0 0 0 !important; border-bottom: 2px solid #333; }
.bg-heading { color: #fff; font-size: 1.6em; margin-bottom: 10px; padding: 2px 10px 2px 10px; background: url(/images/bg_heading.png) repeat-x bottom #ef4f59; }
.bg-heading-2 { color: #fff; font-size: 1.6em; padding: 2px 10px 2px 10px; background: url(/images/bg_heading_2.png) repeat-x bottom #54bbfb; }
.bg-video { background: url(/images/bg_video.png) no-repeat 10px 34px; }
.bg-twitter { padding-bottom: 15px; background: url(/images/bg_twitter.png) no-repeat bottom right; }
.bg-twitter-arrow { padding-left: 50px; }
.bg-twitter-arrow img { display: inline; }
.bg-box { background-color: #dbdece; }
.img-lft { float: left; }
.img-left { float: left; width: 300px; }
.img-rgt { float: right; }
.text-rgt { float: right; width: 300px; }
.img-full { width: 400px; height: 180px; display: inline;}
.image-right { text-align: right; }
.image-right img { display: inline; }
.img-screen { position: relative; top: -35px; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.bigger { font-size: 1.3em; }
.mb-30 { margin-bottom: 30px; }
.mb-55 { margin-bottom: 55px; }
.p-10 { padding: 10px;}
.p-10 .content { float: left; width: 430px; }
.full .p-10 .content { float: left; width: 650px; }
.p-10 .image { float: right; }
.p-10 .brd-btm { margin-right: 0; margin-left: 0; padding-top: 0 !important; }
.read-more { text-align: right; }
.view-more { font-size: 1.3em; font-weight: bold; padding-top: 25px !important; text-align: center; }
.html-sitemap li.folder { text-transform: capitalize; }
.work-listing { min-height: 10px; padding-top: 20px; }
.work-listing .item { float: left; width: 299px; height: 230px; }
.images { min-height: 10px; padding-bottom: 30px; }
.images .img { float: left; width: 190px; margin-right: 17px; border: 1px solid #dfdfdf; }
.images .img-last { margin-right: 0; }
.what-we-did { min-height: 656px; padding-top: 53px; }
.imgs-lft { float: left; width: 128px; margin-bottom: 10px; }
.imgs-rgt { float: right; width: 128px; margin:0 0 10px; }
h2.toggle-wdd, h2.toggle-seo { padding: 20px 0 5px 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#wrapper { width: 900px; min-height: 80%; margin: 0 auto; padding-top: 136px; }
#wrapper #header { min-height: 10px; padding-top: 15px; }
#wrapper #header #logo { float: left; width: 204px; padding: 6px 0 0 15px; }
#wrapper #header #contact-info { float: right; width: 300px; padding-right: 25px; text-align: right; }
#wrapper #header #contact-info * { color: #333; }
#wrapper #nav { width: 875px; min-height: 10px; padding: 8px 0 30px 0; }
#wrapper #nav ul { float: right; padding: 0; list-style: none; }
#wrapper #nav ul li { display: inline; }
#wrapper #nav ul li a { float: left; color: #f2f2eb; font-size: 1.1em; font-weight: bold; margin-left: 25px; padding: 4px 8px; display: block; background: #444; border: 1px solid #444; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#wrapper #nav ul li a:hover { text-decoration: none; }
/*4198cb,f38f1b,337ba3,b4a0c8,8da763,dcc800,a62b6b*/
#wrapper #nav ul li.home a:hover, #wrapper #nav ul li.home-hi a { background-color: #c72836; border-color: #c72836; }
#wrapper #nav ul li.work a:hover, #wrapper #nav ul li.work-hi a { background-color: #337ba3; border-color: #337ba3; }
#wrapper #nav ul li.news a:hover, #wrapper #nav ul li.news-hi a { background-color: #f38f1b; border-color: #f38f1b; }
#wrapper #nav ul li.services a:hover, #wrapper #nav ul li.services-hi a { background-color: #b4a0c8; border-color: #b4a0c8; }
#wrapper #nav ul li.blog a:hover, #wrapper #nav ul li.blog-hi a { background-color: #8da763; border-color: #8da763; }
#wrapper #nav ul li.videos a:hover, #wrapper #nav ul li.videos-hi a { background-color: #dcc800; border-color: #dcc800; }
#wrapper #nav ul li.team a:hover, #wrapper #nav ul li.team-hi a { background-color: #dcc800; border-color: #dcc800; }
#wrapper #nav ul li.contact a:hover, #wrapper #nav ul li.contact-hi a { background-color: #a62b6b; border-color: #a62b6b; }
#wrapper .home { width: 900px; min-height: 10px; }
#wrapper .home .lft { float: left; width: 432px; }
#wrapper .home .rgt { float: right; width: 432px; }
#wrapper .home .bg-video h3 { padding: 40px 0 5px 10px; }
#wrapper .home .bg-video p { padding: 0 0 10px 10px; }
#wrapper .home .bg-video .img-rgt { padding: 10px; }
#wrapper .home .bg-box h2, #wrapper .home .bg-box h3, #wrapper .home .bg-box p, #wrapper .home .bg-box .image-right { padding-left: 10px; padding-right: 10px; }
#wrapper .home .bg-box hr { margin: 25px 10px 20px 10px; }
#wrapper .box-full { width: 880px; min-height: 10px; padding: 5px 10px 0 10px; }
#wrapper #container { width: 900px; min-height: 10px; }
#wrapper #container .work { float: left; width: 150px; margin: 0 25px 25px 0; }
#wrapper #container .full { float: left; width: 876px; padding: 10px 0; }
#wrapper #container .lft { float: left; width: 610px; padding: 10px 0; }
#wrapper #container .rgt { float: right; width: 266px; padding: 10px 0; }
#footer { width: 100%; min-height: 10px; padding: 10px 0 0 0; background: #333; }
#footer .width { width: 900px; margin: 0 auto; background: url(/images/logo_footer.png) no-repeat right top; }
#footer .width:after { content: ""; }
#footer .width-second { width: 900px; margin: 0 auto 0; padding-top: 173px; background: url(/images/bg_footer.png) no-repeat right top; }
#footer .width-second:after { content: ""; }
#footer * { color: #fff; }
#footer h4 { padding-bottom: 5px; }
#footer h4.address { padding-top: 22px; }
#footer .lft { float: left; width: 292px; padding-top: 30px; }
#footer .mdl { float: left; width: 292px; padding-top: 30px; text-align: center; }
#footer .mdl .links { padding-bottom: 77px; text-transform: lowercase; }
#footer .rgt { float: right; width: 252px; padding: 80px 40px 0 0; text-align: right; }
#footer .rgt p { padding: 0 0 6px 0; }

form { margin: 0 0 15px 0; }
form .error { color: #a62b6b; }
form .row { margin: 0 0 5px 0; }
form .row label { padding: 4px 0 0 0; margin: 0; display: block; }
form .row span input, form .row span textarea { width: 266px; padding: 3px; border: 1px solid #8da763; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
form .row span textarea { height: 120px; }
form .row span select { width: 274px; padding: 3px; border: 1px solid #8da763; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
form .row span input:focus, form .row span textarea:focus, form .row span select:focus { border: 1px solid #4198cb; }
form .row span .validation-failed { border: 1px solid #a62b6b; }
form .submit input { width: auto !important; background: #fff; }
form .checkbox label { float: right; width: 860px; padding-top: 0; }
form .checkbox span { float: left; padding-top: 2px; }
form .checkbox span input { width: auto; }
form .radio label { float: right; width: 860px; padding-top: 0; }
form .radio span { float: left; padding-top: 2px; }
form .radio span input { width: auto; }

/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/** Galleriffic-2 */
div#gallery.content a { text-decoration: none; }
div.controls { display: none; }
div.controls a { padding: 5px; }
div.controls div.ss-controls { float: left; }
div.controls div.nav-controls { float: right; }
div.slideshow-container { position: relative; min-height: 450px; height: auto !important; height: 450px; }
div#loading { display: none !important; width: 48px; height: 48px; background: url(/images/loader.gif) no-repeat center; border: 5px solid #fff; }
div.slideshow { margin-bottom: 30px;}
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.download { float: right; }
div.caption-container { clear: both; }
span.image-caption { display: block; }
div.caption { padding: 12px 0 20px 0; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
ul.thumbs { clear: both; margin: 57px 0 0 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb {	background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }

/** jQuery Fade */
.home ul { list-style: none; }
ul#portfolio li .image-lft img { height: 350px; padding: 0px !important; }