html { height: 100%; background: url('tile.jpg') repeat scroll 0% 0% transparent; overflow: auto; }
body { height: 100%; min-width: 960px; font-family: Helvetica,Arial,sans-serif; font-size: 0.75em; background: url('bg.jpg') no-repeat scroll center top transparent; color: rgb(52, 52, 52); }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: Helvetica,Arial,sans-serif; letter-spacing: -1px; line-height: 1.2em; margin: 0px; padding: 0px; }
h1 { font-size: 3em; letter-spacing: -2px; padding: 0px 0px 10px; }
h2 { font-size: 2.2em; padding: 0px 0px 8px; }
h5 { font-size: 1.2em; padding: 0px 0px 4px; }
a { color: rgb(119, 119, 119); text-decoration: underline; }
a:link, a:hover, a:visited { transition: all 0.2s ease-in-out 0s; }
p { font-size: 120%; line-height: 1.6em; padding: 0px 0px 1.25em; }
.top_line { background-color: rgb(22, 22, 22); height: 4px; width: 100%; min-width: 960px; margin: 0px auto; }
#container { width: 960px; margin: 0px auto; }
#header { height: 80px; width: 960px; padding: 40px 0px; }
#header a { width: 287px; height: 80px; display: block; float: left; margin:0px auto 0px 333px; }
.language { z-index: 9999; position: relative; }
.language a { text-decoration: none; height: 14px; font-size: 11px; color: rgb(196, 196, 196); float: right; background: none repeat scroll 0% 0% rgb(22, 22, 22); padding: 1px 5px 7px 0px; }
.language span { background: none repeat scroll 0% 0% rgb(22, 22, 22); color: rgb(119, 119, 119); float: right; font-size: 11px; height: 14px; padding: 1px 5px 7px 0px; }
.language_left { float: right; width: 15px; height: 22px; background: url('language_left.png') no-repeat scroll 0px 0px transparent; }
.language_right { float: right; width: 15px; height: 22px; background: url('language_right.png') no-repeat scroll 0px 0px transparent; }
#content-wrapper { overflow: hidden; position: relative; }
#nav { position: absolute; top: 63px; right: 0px; width: 610px; height: 61px; }
#nav ul { float: right; list-style: none outside none; margin: 0px; padding: 0px; }
#nav li { float: left; width: auto; }
#nav a { display: block; width: auto; background-position: 0px 0px; height: 21px; font-size: 1.3em; text-decoration: none; color: rgb(40, 41, 41); border-bottom: 1px solid rgb(204, 204, 204); text-shadow: 0px 1px rgb(255, 255, 255); padding: 6px 10px; }
#nav a.first { padding-left: 0px; }
#nav a.last { padding-right: 40px; }
#nav li.active a, #nav a:hover { color: rgb(20, 204, 204); border-bottom: 1px solid rgb(20, 204, 204); }
#footer { width: 100%; min-width: 960px; height: auto; display: block; background: none repeat scroll 0% 0% rgb(22, 22, 22); }
#footer-inner { width: 960px; margin: 0px auto; padding: 20px 0px; }
#footer h2 { color: rgb(255, 255, 255); font-size: 1.3em; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); margin: 0px 0px 7px; }
#footer p { color: rgb(186, 186, 186); font-size: 12px; padding: 0px 0px 10px; }
#footer a { color: rgb(20, 204, 204); text-decoration: none; }
#footer a:hover { color: rgb(196, 196, 196); }
#footer .column { background: url('footer-line.gif') repeat-y scroll right top transparent; height: 200px; display: inline; float: left; margin: 0px 18px 0px 0px; padding: 0px 20px 0px 0px; }
p.copyright { margin-top: 15px ! important; font-size: 0.9em ! important; }
#footer .column.contact { width: 325px; }
#footer .column.contact p { margin: 0px 0px 10px; padding: 0px; }
#footer .column.contact p.heading, #footer .column.twitter_box p.heading, #footer .column.interested p.heading { font-size: 14px; color: rgb(246, 246, 246); margin: 0px; }
#footer .column.interested { width: 268px; background: none repeat scroll 0% 0% transparent; margin: 0px; }
.interested div#small { margin-top: -5px ! important; color: rgb(186, 186, 186); }
.interested div#small h5 { display: inline; color: rgb(186, 186, 186); font-size: 13px; line-height: 1.6em; letter-spacing: 0px; }
.interested div#small h5 a { color: rgb(186, 186, 186); }
#footer .column.twitter_box { width: 270px; }
#twitter_update_list { width: 250px; height: 75px; background: none repeat scroll 0% 0% rgb(12, 12, 12); margin: 0px; padding: 0px 10px 10px; }
.socialmedia { float: left; margin: 0px; padding: 0px; }
.socialmedia a { display: block; float: left; width: 40px; height: 40px; background-color: rgb(119, 119, 119); margin: 10px 15px 0px 0px; }
.socialmedia a span { display: block; float: left; width: 22px; height: 22px; text-indent: -999em; margin: 9px 0px 0px 9px; padding: 0px; }
.socialmedia a span.facebook { background: url('social_facebook.png') no-repeat scroll 0px 0px transparent; }
.socialmedia a span.twitter { background: url('social_twitter.png') no-repeat scroll 0px 0px transparent; }
.socialmedia a span.linkedin { background: url('social_linkedin.png') no-repeat scroll 0px 0px transparent; }
.socialmedia a span.youtube { background: url('social_youtube.png') no-repeat scroll 0px 0px transparent; }
.socialmedia a span.google_plus { background: url('social_google.png') no-repeat scroll 0px 0px transparent; }
#headline { float: left; position: relative; width: 960px; clear: both; z-index: 50; border-radius: 4px 4px 4px 4px; background-color: rgb(40, 41, 41); margin: 0px; }
#headline .inner { position: relative; height: auto; overflow: visible; background: url('horizontal-line.gif') repeat-x scroll 0px 26px transparent; margin: 40px; }
#headline .inner h1 { color: rgb(255, 255, 255); font-size: 3.4em; background-color: rgb(40, 41, 41); float: left; max-width: 720px; padding-right: 20px; margin-bottom: 20px; }
#showcase { background: url('shadowedges.png') no-repeat scroll center bottom transparent; float: left; padding-bottom: 13px; }
.content { float: left; width: 100%; background: url('horizontal-line.gif') repeat-x scroll 0% 0% transparent; margin: 0px 0px 20px; padding: 5px 0px 0px; }
.content h2 { width: 180px; display: block; border-bottom: 1px solid rgb(223, 223, 223); margin: 0px 0px 20px; }
.content .content-box { width: 880px; float: left; background: none repeat scroll 0% 0% rgb(255, 255, 255); display: block; position: relative; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); margin: 10px 0px; padding: 40px; }
#our-services { display: block; float: left; width: 100%; padding: 0px; }
#our-services .column { width: 420px; float: left; margin: 0px 0px 20px; }
#our-services .column h2 { width: 440px; height: 90px; display: block; border: medium none; margin: 0px 0px 0px -20px; padding: 26px 0px 0px 82px; }
#our-services .websites h2 { background: url('websites-service-title.png') no-repeat scroll 0% 0% transparent; }
#our-services .identity h2 { background: url('identity-service-title.png') no-repeat scroll 0% 0% transparent; }
#our-services .misc h2 { background: url('misc-service-title.png') no-repeat scroll 0% 0% transparent; }
#our-services .partners h2 { background: url('partners-service-title.png') no-repeat scroll 0% 0% transparent; }
#our-services .column p { float: left; width: 240px; }
#our-services .column ul { float: right; list-style: none outside none; font-style: italic; width: 142px; margin: 0px; padding: 0px; }
#our-services .column ul li { line-height: 1.6em; }
#more-services { display: block; clear: both; border-top: 1px solid rgb(223, 223, 223); padding: 30px 0px 0px; }
#more-services h2 { width: 400px; height: 30px; display: block; padding: 0px 0px 5px; }
.column.contact { width: 500px; }
.tweet, .query { color: rgb(196, 196, 196); margin: 0px; padding: 0px; }
.tweet_list { list-style: none outside none; overflow-y: hidden; height: 90px; margin: 0px; padding: 0px; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; list-style-type: none; height: 80px; line-height: 16px; font-size: 11px; padding: 5px 0px; }
.tweet_list .tweet_time a { color: rgb(119, 119, 119); font-size: 11px; font-style: italic; }
a:hover, .language a:hover, .interested div#small h5 a:hover, #twitter_update_list a, h3.projects-sample a:hover, h3.blog-sample a:hover, h3.blog-entries a:hover, .blog-previews h4 a:hover, .small-blog-post-content h4 a:hover, .read-more-btn a:hover, #headline .inner h2, ul#homenav li.on a span, div.slide p a:hover, .showcase_clip strong, #showcase_intro p strong { color: rgb(20, 204, 204); }
.clear, #our-services .misc { clear: both; }
.left, .latest-blog-post img, .blog-post img, #headline .inner h2.small, .content h2.tabbed, #share_box .g-plusone { float: left; }
.right, #header #navigation, .btn, #our-services .column.right { float: right; }
.socialmedia a.last, ul#portfolio-list li.last { margin-right: 0px; }
.socialmedia a:hover, a#grid-btn:hover, #prev-btn a:hover, #next-btn a:hover, #post a#grid-btn:hover, #post #next-btn a:hover, #post #prev-btn a:hover, #headline a.visit:hover, #slides .next:hover, #slides .prev:hover, #showcase_intro a.visit:hover { background-color: rgb(20, 204, 204); }
#headline .inner h1 span, #headline .inner h2 span, #headline .inner p { color: rgb(204, 204, 204); }
.profile-info ul li a, #our-services .column ul li a, #more-services a, #portfolio a, .blog_post .more a { text-decoration: none; }
.tweet_list .tweet_text, .tweet_list .tweet_time { float: left; display: block; clear: both; }
html, body { border: 0px none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0px; padding: 0px; }
p, ul, ol { margin: 0px; padding: 0px 0px 1.25em; }
ul, ol { padding: 0px 0px 1.25em 2.5em; }
img { border: 0px none; }
a, a:link, a:visited, a:hover, a:active { outline: medium none; }