html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1.5; background: #fff; margin:1.5em 0}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}
strong {font-weight: bold}
body {font-size: 75%; color: #bbbaba; font-family: Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #fff}
h1 {font-size: 2em; margin-bottom: 0; color: #6699cc; font-family: Georgia, Times, serif; min-height: 43px; line-height: 1.3}
h2 {font-size: 1.3em; line-height: 1.25; margin-bottom: 0.7em; color: #EEE}
h3 {font-size: 1.3em; line-height: 1.25; margin-bottom: 0.25em; margin-top: 2em;}
h4 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em}
h5 {font-size: 1em; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
h2.subheader {color: #FFF; font-family: Georgia, Times, serif; font-size: 2em}
h2.subheader a {text-decoration: none; color: #CCC}
h2.subheader a:hover {text-decoration: none; color: #FFF}
p {margin: 0 0 1.5em; line-height: 1.4}
p.last {margin-bottom: 0}
p img, p img.left {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
p img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
p img.center{ float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
img {margin: 0}
a:focus, a:hover {color: #fff; text-decoration: none}
a {color: #6699cc; text-decoration: none}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold; color: #e9e9e9;}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em; line-height: 1.4}
ul {list-style-type: square}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
table {margin-bottom: 1.4em}
th {border-bottom: 2px solid #ccc; font-weight: bold; background: #eee}
td {border-bottom: 1px solid #ddd}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #eef}
tfoot {font-style: italic}
caption {background: #ffc}
table .last {padding-right: 0}
.small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
del.diffdel {text-decoration: line-through; background-color: #FB8287}
del.diffmod {text-decoration: line-through; background-color: #FFBF00}
del.diffdel img {border: 2px solid #D75357}
ins.diffins {text-decoration: none; background-color: #A3E78D}
ins.diffmod {text-decoration: none; background-color: #FFBF00}
ins.diffins img {border: 2px solid #6BC451}
ins.diffmod img, del.diffmod img {border: 2px solid #FF9000}
.quote, blockquote {font-style: normal; display: block; padding: 0 1em 0 10px; margin-top: 1em; margin-left: 3em; background: url("/images/quotes.gif") no-repeat 10px -118px; border-left: 1px solid #6699cc; text-indent: 20px; color: #EEE}
.quote em , blockquote em {font-style: normal; color: #FFF; font-weight: bold}
#body_news .quote, #body_news blockquote, #body_blog .quote, #body_blog blockquote, #body_showcase .quote, #body_showcase blockquote {margin-left: 2px}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: left; font-weight: bold}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
p.sectors {font-weight: bold; font-size: 112%}
p.sectors a {color: inherit;}
p.sectors a:hover {color: #FFF;}
.audit {color: #f84e10}
.design {color: #f77306}
.build {color: #fb9727}
.content {color: #D6202E}
.market {color: #f30370}
.report {color: #a03289}
.colour1 h1, .colour1 #filter h2, .colour1 .tag_group strong, .colour1 #thumbnail_list li a strong, .colour1 #body a, .colour1 a {color: #6699cc}
.colour1 .quote, .colour1 blockquote {background-position: 10px -118px; border-left-color: #6699cc}
.colour2 h1, .colour2 #filter h2, .colour2 .tag_group strong, .colour2 #thumbnail_list li a strong, .colour2 #body a, .colour2 a {color: #adbe5f}
.colour2 .quote, .colour2 blockquote {background-position: -17px -96px; border-left-color: #adbe5f}
.colour2 a:hover {color: #FFF !important}
.colour3 h1, .colour3 #filter h2, .colour3 .tag_group strong, .colour3 #thumbnail_list li a strong, .colour3 #body a, .colour3 a {color: #e0a343}
.colour3 .quote, .colour3 blockquote {background-position: -44px -74px; border-left-color: #e0a343}
.colour4 h1, .colour4 #filter h2, .colour4 .tag_group strong, .colour4 #thumbnail_list li a strong, .colour4 #body a, .colour4 a {color: #64b5bf}
.colour4 .quote, .colour4 blockquote {background-position: -71px -52px; border-left-color: #64b5bf}
.colour5 h1, .colour5 #filter h2, .colour5 .tag_group strong, .colour5 #thumbnail_list li a strong, .colour5 #body a, .colour5 a {color: #aa72c4}
.colour5 .quote, .colour5 blockquote {background-position: -98px -30px; border-left-color: #aa72c4}
.colour6 h1, .colour6 #filter h2, .colour6 .tag_group strong, .colour6 #thumbnail_list li a strong, .colour6 #body a, .colour6 a {color: #e45ba8}
.colour6 .quote, .colour6 blockquote {background-position: -125px -8px; border-left-color: #e45ba8}
.colour1 #body a:hover, .colour2 #body a:hover, .colour3 #body a:hover, .colour4 #body a:hover, .colour5 #body a:hover, .colour6 #body a:hover, .colour1 #filter a:hover, .colour2 #filter a:hover, .colour3 #filter a:hover, .colour4 #filter a:hover, .colour5 #filter a:hover, .colour6 #filter a:hover {color: #FFF !important; text-decoration: underline}
.container {width: 980px; margin: 0 auto}
.column {float: left; margin-right: 10px}
.last {margin-right: 0}
.border {padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee}
.colborder {padding-right:153px; margin-right:150px; border-right: 1px solid #eee}
.lift-1 {margin-top: -1.5em; margin-bottom:1.5em}
.lift-2 {margin-top: -3em; margin-bottom:3em}
.lift-3 {margin-top: -4.5em; margin-bottom:4.5em}
.lift-4 {margin-top: -6em; margin-bottom:6em}
.lift-5 {margin-top: -7.5em; margin-bottom:7.5em}
.drop-1 {margin-bottom:-1.5em; margin-top:1.5em}
.drop-2 {margin-bottom:-3em; margin-top:3em}
.drop-3 {margin-bottom:-4.5em; margin-top:4.5em}
.drop-4 {margin-bottom:-6em; margin-top:6em}
.drop-5 {margin-bottom:-7.5em; margin-top:7.5em}
.box {padding: 1.5em; margin-bottom: 1.5em; background: #eee}
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none}
hr.space {background: #fff; color: #fff}
.clear, .container {display: inline-block}
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .clear, * html .container {height: 1%}
.clear, .container {display: block}
.span-1 {width: 155px}
.span-2 {width: 320px}
.span-3 {width: 485px}
.span-4 {width: 650px}
.span-5 {width: 815px}
.span-6 {width: 980px; margin: 0}
.append-1 {padding-right: 165px;}
.append-2 {padding-right: 330px;}
.append-3 {padding-right: 495px;}
.append-4 {padding-right: 660px;}
.append-5 {padding-right: 825px;}
.prepend-1 {padding-left: 165px;}
.prepend-2 {padding-left: 330px;}
.prepend-3 {padding-left: 495px;}
.prepend-4 {padding-left: 660px;}
.prepend-5 {padding-left: 825px;}
.pull-1 {margin-left: -165px;}
.pull-2 {margin-left: -330px;}
.pull-3 {margin-left: -495px;}
.pull-4 {margin-left: -660px;}
.pull-5 {margin-left: -825px;}
.pull-6 {margin-left: -990px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {float:left}
.push-1 {margin: 0 -165px 1.5em 165px;}
.push-2 {margin: 0 -330px 1.5em 330px;}
.push-3 {margin: 0 -495px 1.5em 495px;}
.push-4 {margin: 0 -660px 1.5em 660px;}
.push-5 {margin: 0 -825px 1.5em 825px;}
.push-6 {margin: 0 -990px 1.5em 990px;}
.push-6, .push-1, .push-2, .push-3, .push-4, .push-5 {float: right; margin-left:18px; margin-bottom:1.5em}
#menu_bar {float: left; width: 980px; border-bottom: 1px solid #575757}
#menu {list-style-type: none; margin: 0; height: 51px; background: url("/images/bg_menu.gif") no-repeat 0 0; width: 580px}
#menu li {display: block; float: left}
#menu li a {display: block; height: 51px; color: #818181; text-indent: -9999px; overflow: hidden}
#menu li a:hover {}
#menu li#menu_home a, #menu li#menu_about a, #menu li#menu_showcase a, #menu li#menu_news a, #menu li#menu_blog a, #menu li#menu_say_hello a {background-repeat: no-repeat; background-image: url("/images/bg_menu.gif")}
#menu li#menu_home a {width: 82px; background-position: 0 0}
#menu li#menu_about a {width: 89px; background-position: -82px 0}
#menu li#menu_showcase a {width: 135px; background-position: -171px 0}
#menu li#menu_news a {width: 82px; background-position: -306px 0}
#menu li#menu_blog a {width: 72px; background-position: -388px 0}
#menu li#menu_say_hello a {width: 119px; background-position: -460px 0}
#menu li#menu_home a.active, #menu li#menu_home a.active_parent {background-position: 0 -102px}
#menu li#menu_about a.active, #menu li#menu_about a.active_parent {background-position: -82px -102px}
#menu li#menu_showcase a.active, #menu li#menu_showcase a.active_parent {background-position: -171px -102px}
#menu li#menu_news a.active, #menu li#menu_news a.active_parent {background-position: -306px -102px}
#menu li#menu_blog a.active, #menu li#menu_blog a.active_parent {background-position: -388px -102px}
#menu li#menu_say_hello a.active, #menu li#menu_say_hello a.active_parent {background-position: -460px -102px}
#menu li#menu_home a:hover {background-position: 0 -51px}
#menu li#menu_about a:hover {background-position: -82px -51px}
#menu li#menu_showcase a:hover {background-position: -171px -51px}
#menu li#menu_news a:hover {background-position: -306px -51px}
#menu li#menu_blog a:hover {background-position: -388px -51px}
#menu li#menu_say_hello a:hover {background-position: -460px -51px}
#menu li a.active, #menu li.main_section li a.active {color: #fff}
#menu li a.active_parent, #menu li.main_section li a.active_parent {}
#menu li ul {margin: 0 0 0 10px; list-style-type: none}
#menu li ul li {font-size: 100%}
#menu li.first a, a.last {border-top: none !important}
#submenu_bg {background-repeat: no-repeat; background-position: 100% 0; height: 57px; float: left; width: 980px}
#sub_menu {list-style-type: none; margin: 0; font-family: Georgia, Arial, Helvetica, sans-serif; text-transform: lowercase; height: 57px; background: url("/images/bg_submenu.gif") no-repeat 0 0; border-bottom: 1px solid #575757; float: left; width: 980px}
#sub_menu li {display: block; float: left}
#sub_menu li a {display: block; height: 57px; color: #818181; text-indent: -9999px; overflow: hidden; float: left}
#sub_menu li a:hover {text-decoration: none}
#sub_menu li a, #sub_menu li a:hover, #sub_menu li a.active, #sub_menu li a.active_parent {background: url("/images/bg_submenu.gif") no-repeat 0 0}
#sub_menu li#submenu_about a {width: 134px; background-position: 0 0}
#sub_menu li#submenu_our_skillset a {width: 89px; background-position: -134px 0}
#sub_menu li#submenu_our_clients a {width: 82px; background-position: -223px 0}
#sub_menu li#submenu_articles a {width: 92px; background-position: -305px 0}
#sub_menu li#submenu_vacancies a {width: 107px; background-position: -397px 0}
#sub_menu li#submenu_about a:hover, #sub_menu li#submenu_about a.active, #sub_menu li#submenu_about a.active_parent {background-position: 0 -57px}
#sub_menu li#submenu_our_skillset a:hover, #sub_menu li#submenu_our_skillset a.active, #sub_menu li#submenu_our_skillset a.active_parent {background-position: -134px -57px}
#sub_menu li#submenu_our_clients a:hover, #sub_menu li#submenu_our_clients a.active, #sub_menu li#submenu_our_clients a.active_parent {background-position: -223px -57px}
#sub_menu li#submenu_articles a:hover, #sub_menu li#submenu_articles a.active, #sub_menu li#submenu_articles a.active_parent {background-position: -305px -57px}
#sub_menu li#submenu_vacancies a:hover, #sub_menu li#submenu_vacancies a.active, #sub_menu li#submenu_vacancies a.active_parent {background-position: -397px -57px}
#filter {min-height: 143px; border-bottom: 1px solid #575757; background-position: 100% 0; background-repeat: no-repeat; position: relative}
#filter h2 {padding-top: 18px; color: #fff; font-size: 2.0em; margin-bottom: 0.5em; line-height: 1em; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal}
#filter #showall {position: absolute; left: 0; top: 50px; color: #999}
.tag_group {padding-top: 18px; float: left; width: auto}
.tag_group strong {display: block; margin-right: 30px}
.tag_group ul {float: left; width: auto; list-style-type: none; margin: 0 30px 0 0}
.tag_group .active a {color: #fff}
li.tag a {color: #999}
li.tag a:hover {color: #FFF}
ul#signposts {list-style: none}
ul#signposts li {margin-bottom: 20px; line-height: 1.3}
ul#signposts li strong {color: #666}
#crumb_list {padding: 5px 0; color: #999}
#crumb_list a {text-decoration: none; font-weight: bold}
#crumb_list a:hover {}
#crumb_list span {font-weight: bold}
div.pagination {clear: both; margin: 16px 0 18px 0; padding-top: 4px; font-size: 100%; text-align: right}
div.pagination a {color: #fff !important; background-color: #666; padding: 5px 7px 4px 7px}
div.pagination a:hover, div.pagination span.current, div.pagination a.current {color: #7d7d7d; background-color: #434242; text-decoration: none !important; padding: 5px 7px 4px 7px}
div.pagination .next_page, div.pagination .prev_page {background-color: transparent}
div.pagination a:hover.next_page, div.pagination a:hover.prev_page {background-color: transparent}
div.pagination span.disabled, div.pagination a.disabled {visibility: hidden}
div.pagination a.spinner {background: #999 url("/images/indicator_new.gif") no-repeat 50% 50%}
#skip_to_content {display: none}
body {background-color: #212121; margin: 0}
#header {position: relative; height: 86px}
#header #logo {position: absolute; bottom: 0; right: 0; width: 169px; height: 61px; background: url("/images/logo.gif") no-repeat 100% 100%; text-indent: -5000px; overflow: hidden}
#header #logo a {display: block; text-decoration: none; width: 169px; height: 61px}
#enewsletter_box {position: absolute; top: 0; left: 0; z-index: 160}
#enewsletter_box .btn {z-index: 160}
a:hover.btn, a:active.btn, a:focus.btn {color: #fff; text-decoration: none}
#body_wrapper {position: relative; background-repeat: no-repeat; background-position: 100% 0}
#body {min-height: 400px; margin-top: 20px; width: 560px; float: left}
#section_image {background: no-repeat 0 0; width: 365px; position: absolute; top: 0; right: -46px}
.flash-update p {display: none}
.flash-update .alt p {display: block}
.article_list {list-style-type: none; margin: 0; color: #999}
.article_list li {padding-bottom: 1.5em; padding-right: 20px}
.article_list li img {float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 3px}
.article_list a {font-weight: bold}
.article_list a.img {display: block; width: 320px; height: 211px; margin-bottom: 2px}
.article_list a.link_showcase {font-weight: normal; display: inline}
.article_list a:hover {color: #FFF}
#google_map {width: 418px; height: 300px; border: 1px solid #999}
#footer {clear: both; padding: 10px 0; border-top: 1px solid #575757; margin-top: 28px; position: relative; color: #999}
#footer address {font-style: normal; display: inline}
#footer ul {list-style: none; margin: 0; float: left; width: auto}
#footer li {display: inline; margin-right: 16px}
#footer ul.last {float: right; width: auto}
#footer ul.last li {margin-right: 0; margin-left: 16px}
#footer span {text-transform: uppercase; color: #FFF}
#footer a {color: #CCC; text-decoration: none}
#footer a:hover {color: #FFF}
#footer a#rss {background: url("/images/rss.gif") no-repeat 100% 0; padding-right: 21px}
#footer a#bookmark {background: url("/images/plus.gif") no-repeat 100% 0; padding-right: 16px}
#siteurl {display: none}
#addthis_dropdown15 table {margin-bottom: 0}
#addthis_dropdown15 td {border: 0}
#extranet_show {background-color: #fff; padding: 33px 20px; text-align: center}
#extranet_show #back {background: #000000 none repeat scroll 0%; color: #FFFFFF; display: block; font-size: 1.8em; font-weight: bold; left: 0pt; line-height: 1.5; opacity: 0.3; position: fixed; text-indent: 10px; top: 0pt; width: 100%; text-align: left}
#addresses {float: left; margin: 40px 0 0 50px; display: inline; width: 370px}
#addresses h3 {color: #e45ba8}
#addresses a {color: #FFF}
ol#search_results {margin: 0 0 1em 0; padding-bottom: 1em; list-style: none}
ol#search_results li {padding: 0 0 0.5em 0; margin-bottom: 0.5em; line-height: 1.3}
ol#search_results .highlight {color: #0b4755; font-weight: bold}
ol#search_results em {color: #666; font-style: normal; font-size: 95%}
#sitemap {line-height: 1.6}
#sitemap ul {list-style: none; margin-left: 0}
#sitemap ul ul {margin-left: 20px; list-style: none}
#sitemap li {}
#sitemap li li {font-size: 100%}
#sitemap li.main {font-weight: bold}
#sitemap li.main li {font-weight: normal}
#banner {padding: 0; border-bottom: 1px solid #575757; height: 300px}
#banner_alt {height: 300px; background-position: 100% 100%; background-repeat: no-repeat}
#banner_alt h2 {font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2.5em; line-height: 1.2; margin-top: 30px; margin-bottom: 0; color: #6699CC}
#banner_alt p {font-size: 1.8em; font-family: Georgia, Arial, Helvetica, sans-serif; color: #FFF; width: 50%}
#banner_alt a {color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 65%}
#banner_alt a:hover {color: #FFF}
#home #work {min-height: 262px}
#home h1 {color: #fff; font-size: 2.4em; margin-bottom: 0; line-height: 1em; height: 38px}
#home #work p {color: #AAA; padding-right: 20px; font-size: 109%}
#home #work strong {font-size: 1.3em; line-height: 1.25; margin-bottom: 0.7em; color: #fff; font-weight: normal}
#today p {color: #FFF; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.2}
#today p.daily {text-align: right}
#today p img {float: none; margin: 0}
#work, #play, #today {margin-top: 25px}
#work h2, #play h2, #today h2 {font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1; margin-bottom: 0; height: 38px; color: #6699cc}
#play .article_list {font-size: 109%}
#play .article_list a {color: #DDD}
#play .article_list a:hover {color: #FFF; text-decoration: underline}
#latest {padding-top: 15px}
#latest h2 {color: #CCC}
#latest h2 span, #latest h2 a {background: url("/images/bg_menu.gif") 0 0 no-repeat; overflow: hidden; height: 40px; display: block; text-indent: -5000px}
#latest h2 span {width: 24px; background-position: -663px 0; float: left}
#latest h2 a {}
#latest h2 #latest_news {background-position: -586px -51px; width: 73px}
#latest h2 #latest_articles {background-position: -691px -51px; width: 106px}
#latest h2 #latest_seminars {background-position: -722px -51px; width: 131px}
#latest h2 #latest_news a {background-position: -586px 0; width: 73px}
#latest h2 #latest_articles a {background-position: -691px 0; width: 106px}
#latest h2 #latest_seminars a {background-position: -722px 0; width: 131px}
#latest h2 #latest_news a:hover {background: none}
#latest h2 #latest_articles a:hover {background: none}
#latest h2 #latest_seminars a:hover {background: none}
#latest h2 #latest_news a.active {background-position: -586px -102px}
#latest h2 #latest_articles a.active {background-position: -691px -102px}
#latest h2 #latest_seminars a.active {background-position: -722px -102px}
#latest ul {list-style: none; margin: 0}
#latest ul li {height: 14em}
#latest ul a {color: #CCC; line-height: 1.3; padding: 0 2px 2px 2px; display: block; min-height: 11em}
#latest ul a:hover {color: #FFF}
#latest ul a img {margin: 0 -2px 4px -2px; display: block}
#latest_mask {margin-top: 15px; padding-bottom: 20px; border-bottom: 1px solid #575757; float: left; clear: both; overflow: hidden; height: 12em; width: 980px}
#body_news #body {width: 300px; margin-left: 20px; margin-right: 0}
.main_image {overflow: hidden; position: relative; width: 650px; height: 402px; margin-top: 25px; text-align: center; background-color: #0A0A0A; background-repeat: no-repeat; background-position: 50% 50%}
#related_articles {float: left; width: 225px; margin: 2em 0}
#related_articles h3 {color: #fff; font-family: Georgia, Times, serif; font-weight: normal; margin-top: 0}
#related_articles ul {margin: 0; list-style-type: none}
#related_articles li {padding: 2px 14px; background: url("/images/arrow.gif") no-repeat 0pt 7px}
#related_articles a:hover {color: #fff}
#recent_news {float: left; display: inline; width: 198px; margin-left: 150px}
#ten_year_flash .alt {display: none}
#body_news #body, #body_showcase #body {margin-left: 20px; width: 300px; overflow: hidden}
#body_showcase div.alt {display: none}
#thumbnail_list {margin-top: 20px}
#thumbnail_list li {padding-right: 0; padding-bottom: 2em}
#thumbnail_list li a.thumbnail {color: #BBBABA; font-weight: normal; background-repeat: no-repeat; background-position: 50% 0; display: block; padding-top: 211px; background-color: #0A0A0A}
#thumbnail_list li a.thumbnail strong {padding-top: 4px}
#thumbnail_list li a.thumbnail span, #thumbnail_list li a.thumbnail strong {display: block; background-color: #212121}
#thumbnail_list li a:hover {color: #EEE}
#thumbnail_list li a:hover strong {color: #FFF}
#thumbnail_list li a.img {display: block; margin-bottom: 5px}
#thumbnail_list li a span.image {text-align: center; padding-bottom: 4px; cursor: pointer; background-color: #111}
#thumbnail_list li a span.image img {display: block; margin: 0 auto; margin-bottom: 4px}
#thumbnail_list li a strong {}
#thumbnail_list li a.showcase {color: #CCC}
#thumbnail_list li a.showcase:hover {color: #FFF}
a.link_site {color: #cb5a15}
#thumbnail_list li em.date {color: #EEE; font-style: normal}
#body_showcase #carousel {margin-bottom: 0}
#showcase_details {border-bottom: 1px solid #575757}
#showcase_details .link_site {display: block; font-size: 1.6em; margin-bottom: 1em}
#showcase_close {float: right}
div.additional {}
div.additional h3 {text-transform: uppercase; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.1em; margin-bottom: 0.6em}
div.additional p.quote {border-left: none; margin-top: 0; margin-left: -10px !important}
div.right_align {float: right; margin-right: 0}
div.similar {margin-top: 10px; border-top: 1px solid #575757; padding-top: 20px}
div.similar h2 {margin: 0}
div.similar #thumbnail_list {margin-top: 10px}
#body_about #latest, #body_about #other {width: 320px; float: left; display: inline; margin-left: 100px; padding-top: 15px}
#body_about #latest h3, #body_about #other h3 {font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.8em; margin-top: 2.5em; margin-bottom: 1em; border-top: 1px solid #575757; padding-top: 0.8em; color: #ADBE5F}
#body_about #other ul#news_items li {height: 13em}
#body_about #other li {color: #FFF}
#body_about #body {min-height: 0}
#more_skills {position: relative}
#skill_body {margin-top: 25px}
#skills {list-style-type: none; margin: 5px 0 0 0; padding: 15px 0 20px 0; border-top: 1px solid #575757; border-bottom: 1px solid #575757}
#skills li {margin-right: 28px; width: 140px}
#skills li.last {margin-right: 0}
#skills a {display: block; color: #bbbaba}
#skills a span {display: block; color: #999; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.8em}
#skills a em {color: #adbe5f; font-style: normal}
#skills a:hover em {text-decoration: underline}
#skills a:hover, #skills .ui-tabs-selected a {text-decoration: none; color: #fff; background-color: transparent}
#skills a:hover span, #skills .ui-tabs-selected a span {color: #f84e10}
#skills a#skill_design:hover span, #skills .ui-tabs-selected a#skill_design span {color: #f77306}
#skills a#skill_development:hover span, #skills .ui-tabs-selected a#skill_development span {color: #fb9727}
#skills a#skill_sem:hover span, #skills .ui-tabs-selected a#skill_sem span {color: #f30370}
#skills a#skill_analysis:hover span, #skills .ui-tabs-selected a#skill_analysis span {color: #a03289}
#skills a#skill_content:hover span, #skills .ui-tabs-selected a#skill_content span {color: #D6202E}
#skillset_links {list-style: none; font-size: 1.5em; margin: 2.5em 0 0 0; border-top: 1px solid #575757; padding-top: 0.8em}
#skillset_links li {font-family: Georgia, Arial, Helvetica, sans-serif}
ul.clients {list-style-type: none; margin: 0}
ul.clients li {height: 155px; margin-bottom: 10px}
ul.clients li a, ul.clients li span {display: block; width: 150px; height: 150px; padding: 2px; border: 1px solid #575757; text-indent: -9999px; overflow: hidden; background-color: #000; background-repeat: no-repeat; background-position: 50% 50%}
ul.clients li span {border-color: #000}
ul.clients li a:hover {border-color: #fff; text-decoration: none; color: #000; background-color: #FFF}
ul.clients li.noimage span {display: inline}
ul.clients li.end {margin-right: 0}
#blog_list {list-style: none; margin: 0; padding: 0}
#blog_list li {border-bottom: #575757 1px solid; padding-bottom: 5px; margin-bottom: 30px}
#blog_wrapper {margin-top: 25px; background: url("/images/blog_bg.gif") repeat-y 0 0px}
#body_blog #body {width: 453px; margin-right: 42px; margin-top: 0}
#blog_column_left {width: 237px; padding-right: 18px}
#blog_column_right {float: right; width: 216px}
#blog_column_left h3, #blog_column_right h3 {margin-top: 0; font-family: Georgia, Times, serif}
#body_blog .main_image {overflow: hidden; position: relative; width: 453px; height: auto; margin-top: 0; margin-bottom: 5px; text-align: center; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%}
div.main_image div {position: absolute; text-align: center; font-size: 95%; width: 3em; line-height: 1.2; text-transform: uppercase; color: #CCC; right: 0; bottom: 5px; background-color: #333; padding: 4px}
div.main_image div strong {font-size: 1.5em; display: block; line-height: 1}
div.main_image div em {font-style: normal; font-size: 85%; display: block}
.details {list-style-type: none; padding: 0 0 1em 0; margin: 0; color: #BBB; width: 100%; clear: both; display: block}
.details span {color: #FFF}
li.tags {}
li.tags a.tag_link {color: #69c}
li.comments {}
#replies {list-style: none; margin: 10px 0 0 0; padding: 0; border-bottom: 1px solid #333}
#replies li {border-top: 1px solid #333; padding-top: 20px}
#replies li div.by {color: #AAA; font-style: italic}
h2.comment_title {margin-top: 2em}
#comments {list-style: none; margin: 1px 0 0 0; border-top: 1px solid #333}
#comments li {margin-bottom: 2px; padding: 10px 0 0 0; border-bottom: 1px solid #333}
#comments li.last {border-bottom: none}
#comments li.preview {background-color: #333333; padding: 10px; color: #FFF}
#comments li div.by {font-size: 92%; color: #999}
#comments li div.by strong {color: #999}
#comments li pre {background-color: #000; padding: 5px}
#flickr {padding-bottom: 0; margin-bottom: 15px; border-bottom: 1px solid #575757}
#flickr p {margin-bottom: 0.25em}
#flickr div img {float: left; width: 75px; margin: 0 2px 3px 0; border: 1px solid transparent}
#flickr div a:hover img {border-color: #fff}
#flickr ul {margin-top: 0; list-style-type: none; list-style-image: url("/images/blogbullet2.gif")}
#flickr ul a {color: #fff}
#we_like {padding-left: 8px}
ul.menu {margin-left: -5px; margin-right: 0}
ul.menu li {list-style: none; padding-left: 0; width: 198px}
ul.menu li a {display: block; padding: 3px 5px; margin-bottom: 5px}
ul.menu li a span {color: #999999}
ul.menu li a em {color: #666; font-style: normal}
ul.menu li a:hover {background-color: #444444; color: #FFF; text-decoration: none}
ul.menu li.active {}
ul.menu li.active a {color: #FFF}
fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 10px}
fieldset input, fieldset select, fieldset textarea {font-family: Arial, sans-serif; font-weight: normal; border: 1px solid #444; padding: 2px; margin: 2px 0 0 0; color: #EEE; background-color: #444; font-size: 1.2em}
fieldset textarea {overflow: auto}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {background-color: #666; border-color: #666; color: #FFF}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select option {padding: 0 1em 0 2px}
fieldset label {margin-right: 5px; font-weight: normal; display: block; margin-top: 10px; line-height: 1.3; color: #FFF; font-size: 1.3em}
fieldset span.note {font-weight: normal; color: #666; margin: 0 1em 0 0; font-size: 92%; display: block}
label.required {color: #FFF}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
.tiny {width: 10% }
.small {width: 20%}
.third {width: 31%}
.half {width: 48%}
.two_thirds {width: 67%}
.full {width: 98%}
label.tiny, label.small, label.third, label.half, label.two_thirds, label.full {float: left}
fieldset p {margin-bottom: 0.5em !important}
#search_form {float: left; margin-top: 20px}
#search_form fieldset {display: block; padding: 0 10px 0 0; border-right: 1px solid #999; margin-right: 10px; float: left}
#search_form label {float: left; margin: 2px 2px 0 0; font-size: 100%}
#search_form div {width: 1px; float: left; overflow: hidden; white-space: nowrap}
#search_form #search_field {width: 150px; font-size: 110%}
#search_form input {border: none; padding: 3px 2px; margin: 0 0 0 2px; height: 16px; vertical-align: top}
#search_form #search_button {cursor: pointer; height: 22px; font-size: 100%}
#search_form #enewsletter_link {margin-top: 1px; float: left}
#search_form a {font-weight: normal; color: #CCC; font-size: 110%}
#search_form a:hover {color: #FFF}
#search_form p {margin: 0; display: inline}
fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 0 0 15px 0}
fieldset.buttons input {cursor: pointer; width: auto; padding: 2px 10px; background-color: #444444; border: 1px solid #444444; margin-right: 15px}
fieldset.buttons input:hover {background-color: #E45BA8; border: 1px solid #E45BA8; color: #FFF}
fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
fieldset.buttons input.img_button {border: 0; padding: 0}
#comment_form {padding: 0; width: 453px; margin-bottom: 30px; border-top: 1px solid #575757; border-bottom: 1px solid #575757}
#comment_form h2, #comment_form h2.add_comment {margin: 2em 0 1em 0}
#comment_form h2 a {margin: 0 ; padding: 7px; color: #666; display: block; background-color: #000}
#comment_form h2 a:hover {color: #666; background-color: transparent}
#comment_form h2.add_comment a {background-color: #000; color: #666}
#comment_form h2.add_comment a:hover {color: #FFF; background-color: #666}
#comment_form fieldset {display: block; padding: 0; margin: 0}
#comment_form ul {margin: -5px 0 0 0}
#comment_form li input {width: 201px}
#comment_form li textarea {width: 449px}
#comment_form li label {font-size: 100%}
#comment_form li.top label {margin-top: 5px}
#comment_form #remember {margin-top: 1.6em}
#comment_form #remember input {width: auto; border: none; margin-right: 3px}
#comment_form input, #comment_form textarea {background-color: #333; border: 1px solid #333; color: #AAA}
#comment_form input:focus, #comment_form textarea:focus {border-color: #666; color: #FFF}
#comment_form li.half {float: left; width: 212px; margin-right: 11px}
#comment_form li {float: left; width: 455px}
#comment_form li.last {margin-right: 0}
#comment_form li.buttons {padding: 5px 0 15px 0}
#comment_form li.buttons input {width: 33%; cursor: pointer}
#comment_form li.buttons input:hover {border-color: #AA72C4; background-color: #AA72C4; color: #FFF}
#comment_form li.buttons #submit {float: right; color: #FFF; margin-right: 0}
#notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%}
.error {font-weight: bold; color: #DF226A}
em.field_error input, em.field_error textarea, em.field_error select {border-color: #B72222; font-style: normal}
#ensure_ham_field {display: none}
.fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation, #error {padding: 9px; margin: 9px 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0.5em; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em; float: none}
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0}
.sIFR-unloading .sIFR-flash {visibility: hidden !important}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none}
.sIFR-dummy {width: 0px; height: 0px; margin-left: 42px; z-index: 0}
.sIFR-active h1, .sIFR-active h2.subheader {visibility: hidden; font-family: Georgia; line-height: 1em; font-size: 28px; margin-bottom: 0}
.sIFR-active h2.subheader {margin-bottom: 10px; font-size: 26px}