@import "reset.css";

/* start holly hack. this fix from http://positioniseverything.net/easyclearing.html */
/* start fix for non-ie browsers plus ie5 mac */
/* class hh is  reuseable holly hack*/
.hh:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.hh {display: inline-block;}
/* end fix for non-ie browsers plus ie5 mac */
/* end holly hack */

body {text-align:center;font-size:62.5%;line-height:1.5em;font-family:Arial;behavior:url('/scripts/csshover.htc');padding-right:25%;padding-left:3px;overflow-x:hidden;height:100%;}
strong {font-weight:bold;}
.clear, .head-line-item {clear:both;}
.clearall {font-size:0px;height:0px;clear:both;line-height:0;}
.clear10 {font-size:0px;height:10px;clear:both;line-height:0;}
.clear20 {font-size:0px;height:20px;clear:both;line-height:0;}
.float-left {float:left;}

#bg {position:absolute;z-index:-100;top:0;left:0;float:left;}

.head-line {height:5px;background:url(/images/line_fg.gif) no-repeat right;background-color:#f60;line-height:0;font-size:0;}
.head-line-right {height:5px;background:url(/images/line_fgr.gif) no-repeat right;background-color:#FF6600;line-height:0;font-size:0;}
.head-line-small, .head-line-item {height:5px;background:url(/images/line_fgs.gif) no-repeat right;background-color:#f60;line-height:0;font-size:0;}
.head-line-item {background-color:#ccc;margin:0 20px;}

a {text-decoration:none;border:none;}
#main {width:994px;color:#000;text-align:left;margin:0 auto;text-align:left;}
#top {height:120px;position:relative;}
#dubz-logo {position:absolute;left:10px;top:-74px;z-index:-1;}
#dubz-slogan {position:absolute;right:0;top:64px;}
#main-nav { z-index:100; width:482px;font-weight:bold;font-size:1.3em;height:14px;text-align:center;padding-top:7px;background:url(/images/top-nav.png) no-repeat;vertical-align:bottom; position:relative;}
#main-nav li {color:#000;margin-left:25px;display:inline;}
#main-nav li.first {margin-left:0;}
#main-nav a {color:#000;position:relative;z-index:1000;}
#main-nav .on a, #main-nav a:hover {color:#f60;}
.colmask {clear:both;overflow:hidden;position:relative;}
#left {float:left;width:679px;}
.wide #left {width:994px;}
#left a:hover {text-decoration:underline;}
#left-inner {padding:10px 0 0 10px;background-color:#fff;}
#right {width:315px;float:left;}
.two-col #left-inner,.two-col  #news {margin-bottom:-32767px !important;padding-bottom:32767px !important;height:100%;}
/*.wide #left-inner {margin-bottom:0 !important;padding-bottom:0 !important;padding:10px !important;}*/
#tools {margin-bottom:20px;clear:both;width:337px;float:left;}
#tools a {line-height:1.7em;}


.carousel-nav {width:72px;height:49px;float:left;background:url(/images/scroll_fg.gif) no-repeat 0 0;background-color:#f60;position:relative;}
.carousel-nav .right {right:9px;position:absolute;top:15px;display:none;}
.carousel-nav .left {left:22px;position:absolute;top:15px;display:none;}
#left .carousel-nav a {color:#3575BB;font-weight:bold;position:relative;height:13px;display:block;width:12px;}
#left .carousel-nav a:hover {text-decoration:none;}
.carousel-nav .left a span, .carousel-nav .right a span {display:block;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;}
.carousel-nav .left a span {background:url(/images/cheron_left.gif) no-repeat 50% 50%;}
.carousel-nav .right a span {background:url(/images/cheron_right.gif) no-repeat 50% 50%;}
#image-carousel-nav.carousel-nav .left a span {background:url(/images/cheron_left.gif) no-repeat 50% 50%;}
#image-carousel-nav.carousel-nav .right a span {background:url(/images/cheron_right.gif) no-repeat 50% 50%;}
.carousel {width:455px;overflow:hidden;}
.carousel ul {height:44px;float:left;padding-left:5px;}
#project-images .carousel a img {border:solid 1px #ccc;height:42px;}
#project-images .carousel a.on img {}
#image-carousel {float:left;}

.timeline {padding-top:20px;font-family:Verdana;clear:both; position:relative;width:974px;}
.timeline .carousel {width:902px;padding-top:5px;margin-bottom:5px;}
.timeline .carousel ul {}
#project-images .carousel-nav {height:44px;background-position:right bottom;}
.timeline li {float:left;margin-right:5px;width:77px;height:44px;line-height:44px;font-weight:bold;font-size:1.2em;background-color:#ededed;text-align:center;}
.history li a, .personnel li a img {border:solid 1px #ccc;}
.history li a {display:block;color:#000;width:75px;height:42px;}
.history .on, #left .history li a:hover {border-color:#f60;text-decoration:none;}
.history .on {color:#f60;}
.personnel li a:hover img, .personnel .on img {border: solid 1px #f60;width:75px;height:42px;}
.timeline li a img {}
.timeline-info h3 {color:#f60;font-weight:bold;font-size:1.7em;font-size:1.7em;margin-left:15px;margin-bottom:0.25em;}
.timeline-info {margin-left:77px;border:solid 1px #ccc;padding:20px 0;clear:both;font-family:Verdana;min-height:172px;margin-right:10px;}
.timeline .timeline-info {margin-right:0;}
.timeline-detail {float:left;width:262px;}
.timeline-detail p {margin-left:15px;font-size:1.2em;}
.timeline-detail img {margin-top:10px;}
.timeline-text {float:left;width:623px;font-size:1.2em;padding-right:10px;}
.timeline-text p {margin-bottom:0.5em;}
.time-span, .staff-span {display:none;}
.about .carousel-nav, .about .timeline-info {float:left;display:inline;}
.about .timeline-info {margin-left:0;clear:none;margin:5px 0 0 5px;}
.about .timeline-detail p {color:#f60;font-size:17px;font-weight:bold;line-height:1.2em;}
.about .timeline-detail p span {font-size:12px;font-weight:normal;display:block;}

.project {position:relative;font-family:Verdana;font-size:1.2em;margin-bottom:30px;}
.project a {color:#FF6600;font-weight:bold;}
.project p {margin-bottom:0.75em;}
#project-overview {position:relative;}
.project-nav {position:absolute;width:659px;background:#ccc;height:32px;line-height:32px;font-family:Arial;}
.project-nav ul {position:relative;height:32px;padding-left:20px;}
.project-nav li {float:left;font-weight:bold;margin-right:20px;}
.project-nav li a {color:#000;position:relative;z-index:1;}
.project-nav li a:hover, .project-nav li.on a {color:#FF6600;}

#project-image {}
#project-images {margin-top:5px;float:left;width:530px;height:44px;}
#project-images li {padding-right:5px;width:77px;height:44px;float:left;position:relative;}
#project-images img {float:left;}
#tooltip {position:absolute;padding:10px;font-size:1.2em;font-weight:bold;border:solid 1px #ccc;background-color:#fff;}

#project-next-case {display:block;padding-left:10px;float:left;width:290px;height:148px;background:url(/images/cs_next_backg.gif) no-repeat;margin-bottom:20px;}
#project-next-case-link {margin-top:32px;float:left;width:127px;height:31px;line-height:31px;display:block;font-weight:bold;font-size:1.2em;padding-left:10px;font-family:Arial;color:#F60;background:url(/images/arrow_piece.gif) no-repeat 100% 0;}
#left  a#project-next-case:hover {text-decoration:none;}
#project-next-case .project-next-case-image {margin:10px 10px 20px 0;float:left;width:120px;height:83px;background-position:0 100%}
#project-next-case .project-next-case-text {padding:10px;float:left;font-size:1.1em;color:#999;width:127px;}

#project-content {padding:25px 10px;line-height:17px;width:649px;}
#project-content ul {margin-bottom:0.75em;}
#project-content li {padding-left:1.2em;margin-left:1.2em;list-style-type:disc;}
#project-related, #project-tagged {float:left;width:318px;margin-left:10px;display:inline;position:relative;}
#project-related a, #project-tagged a {line-height:1.5em;}
#project-related ul, #project-tagged ul {padding-top:0.5em;}
#project-tagged li {display:inline;padding-left:0.4em;border-left:solid 1px #404040;}
#project-tagged li.first {padding-left:0;border-left:none;}
#project-press-list {padding-top:32px;border-bottom:solid 1px #ccc;margin-right:10px;}
#project-press-list li {border-top:solid 1px #ededed;border:solid 1px #ccc;border-bottom:none;}
#project-press-list a {display:block;padding:15px 10px;color:#000;}
#project-press-list a .project-press-date, .project-press-date {color:#FF6600;}
#project-press-list a .project-press-date {display:block;float:left;width:130px;}
#project-press-list .on, #project-press-list a:hover, #project-press-list a:hover .project-press-date, #project-press-list .on .project-press-date {background-color:#3575BB;color:#fff;text-decoration:none;}
#project-press-list a .project-press-summary {font-weight:normal;font-size:0.9em;margin-left:130px;}
.project-press, .project-testimonial {padding:10px;}
.project-press h3, .project-testimonial h3 {font-size:1.6em;font-weight:bold;padding:0.75em 0 0.75em 0;}

#news {background-color:#fff;margin-left:10px;padding:8px 0 0 20px;padding-right:10px;clear:both;}

#clients {min-height:500px;}
#clients a {border:solid 1px #ccc;width:234px;height:131px;display:block;float:left;margin-bottom:10px;margin-right:10px;}
#clients a img {width:234px;height:131px;}
#clients a:hover {border:solid 1px #999;}

#contact-us {min-height:565px;}
.office {display:inline;float:left;font-family:Verdana;width:482px;margin-top:10px;}
.office .head-line-small {margin:2px 0 10px 0;}
.office h3 {color:#000;font-size:1.2em;font-weight:bold;margin-bottom:2px;}
.office p {font-size:1.2em;margin-bottom:4px;}
.office h2 {position:relative;height:32px;width:82px;margin-top:10px;}
.office h2 span {position:absolute;width:100%;height:100%;left:0;top:0;}
.london h2 span {background:url(/images/titles/london.gif) no-repeat 0 0;}
.sydney h2 span {background:url(/images/titles/sydney.gif) no-repeat 0 0;}
.office-map-border {border:solid 1px #ccc;clear:both;}
.address, .phone {display:inline;float:left;}
.address {margin-right:30px;}
.london {margin-right:10px;}
.office-details {background-color:#ededed;padding:10px;margin-bottom:10px;position:relative;}
.qr-code {display:inline;float:right;width:83px;}
.qr-code a {color:#f60; font-weight:bold;}
#left .qr-code a:hover {cursor:help;text-decoration:none;}
.qr-code img {margin-bottom:0.5em;}

#search-results {padding-top:2.25em;}
#search-results h2 {font-size:2.4em;font-weight:bold;padding-bottom:2.25em;padding-left:10px;}
#search-results h2 span, #search-results a {color:#f60;}
#search-results table {}
#search-results tbody {border:solid 1px #ccc;}
#search-results th {font-size:1.2em;font-weight:bold;background-color:#ccc;height:29px;line-height:29px;vertical-align:middle;padding:0 10px;}
#search-results td {font-family:Verdana;font-size:1.2em;vertical-align:top;padding:10px;}
#search-results img {width:78px;height:44px;border:solid 1px #ccc;}
#search-results th.summary {border-left:solid 1px #fff;}
#search-results td.summary {}
#search-results th.title {width:50%;}
#search-results td.title {font-weight:bold;}
#search-results .alt td {background-color:#ededed;}
#search-results-table {min-height:398px;}
#search-results a {display:block;}

#footer {line-height:47px;height:47px;position:relative;font-size:1.2em;color:#fff;}
#footer a {color:#fff;}
#footer-left {height:47px;margin-right:10px;float:left;width:679px;background-color:#f60;}
#footer-copy img {margin-top:7px;float:left;margin-right:8px;}
.wide #footer-left {width:994px;}
#footer-right {height:47px;float:left;width:295px;background-color:#f60;padding-left:10px;}
#footer-right a {margin-top:10px;height:29px;display:block;}
#footer-left #footer-right {text-align:right;padding-right:20px;width:295px;padding-left:0;}
#footer ul {text-align:center;width:400px;float:left;}
#footer li {display:inline;padding:0 6px;border-left:solid 1px #fff;}
#footer li.first {padding-left:0;border-left:none;}
#footer-copy {width:145px;padding-left:125px;float:left;position:relative;}
#footer-copy img {position:absolute;left:20px;top:-27px;}

#project-related h3, #project-tagged h3 {position:relative;height:22px;width:102px;margin-bottom:4px;}
#project-related h3 span, #project-tagged h3 span {position:absolute;width:100%;height:100%;left:0;top:0;}
#project-related h3 span {background:url(/images/titles/see-also.gif) no-repeat 0 0;}
#project-tagged h3 span {background:url(/images/titles/tags.gif) no-repeat 0 0;}
.recent-head {float:left;width:247px;height:22px;background-color:#fff; text-align:right;position:relative;margin-top:10px;padding-top:12px;padding-right:24px;}
.recent-head span {position:absolute;width:100%;height:100%;right:24px;top:6px;background:url(/images/titles/recent.gif) no-repeat right;}

.personnel h2, .history h2, .about h2 {position:relative;height:32px;margin-left:77px;margin-bottom:2px;}
.personnel h2 span, .history h2 span, .about h2 span {position:absolute;width:100%;height:100%;left:0;top:0;}
.personnel h2 {width:121px;}
.personnel h2 span {background:url(/images/titles/our-people.gif) no-repeat 0 0;}
.history h2 {width:123px;}
.history h2 span {background:url(/images/titles/our-history.gif) no-repeat 0 0;}
.about h2 {width:102px;}
.about h2 span {background:url(/images/titles/about-us.gif) no-repeat 0 0;}

.comments {padding:0 20px;}
.comments h2 {width:83px;height:18px;position:relative;margin-bottom:0.5em;}
.comments h2 span {display:block;position:absolute;height:100%;width:100%;left:0;top:0;background:url(/images/titles/comments.gif) no-repeat 0 0;}

#products {padding:20px 0 5px 0;}
#products span {cursor:pointer;}
#products h3 {margin:0 0 10px 30px;font-size:1.2em;font-weight:bold;font-family:Arial;}

.recent-blogs {padding:1em 0;}

.right-custom ul {padding:1em 0 2em 0;}
.right-custom li {font-size:1.2em;line-height:1.5em;}
.right-custom a {color:#000;}
.right-custom a:hover {text-decoration:underline;}

.dubs-link {margin-bottom:1em;}

.dubz-tv-logo, .isite-logo, .iposoft-logo {height:46px;position:relative;width:177px;margin:0 0 15px 30px;display:block;}
.dubz-tv-logo span, .isite-logo span, .iposoft-logo span {position:absolute;width:100%;height:100%;left:0;top:0;}
.dubz-tv-logo span {background:#fff url(/images/logos/dubz_tv.gif) no-repeat 0 0;}
.isite-logo span {background:#fff url(/images/logos/isite.gif) no-repeat 0 0;}
.iposoft-logo span {background:#fff url(/images/logos/iposoft.gif) no-repeat 0 0;}

.email-us, .print {padding-left:20px;color:#f60;font-weight:bold;font-size:1.2em;margin-left:12px;}
.email-us {background:url(/images/icons/email.gif) no-repeat 0 50%;}
.email-footer {padding:25px 0;}
.print {background:url(/images/icons/print.gif) no-repeat 0 50%;}
.btn-email {display:block;border:solid 1px #ccc;background-color:#fff;padding:2px 5px 2px 25px;background-position:5px 50%;margin-left:0;width:60px;}

/*Beware - added by SB*/
.project-hidden {display:none;}
.project-visible {display:block;}

#twitter	{font-size:1.1em; font-family:verdana;}
#twitter a	{text-decoration:none; font-weight:bold;}
#twitter a:hover, #news .item a:hover	{text-decoration:underline;}
#twitter p	{background:url(/images/icons/ico_twitter.gif) no-repeat; margin:6px 0px 0px 0px; padding:0px 0px 0px 20px;}


.small-list { }
.small-list h1 { font-size:18px; font-weight:bold; }
.small-list .items { }
.small-list .items  .item { border-top: solid 5px #CCCCCC; padding:20px 0; margin:0 20px; clear:both; }
.small-list .items  .item .left { float:left; width:200px; }
.small-list .items  .item .right { float:left; margin-left:5px; }

.item-list, .article {margin-bottom:40px;font-family:Verdana;}
.item-list h2, .article h1 {font-size:2em;font-weight:bold;line-height:1.2em;padding-bottom:0.5em;}
.item-list a, .article p.tags a, .item p.tags a, .paging a, .body-text a {color:#f60;}
.paging a.on, .item a {color:#000;}
.item-list .item {padding:20px;}
.item-list p, .article .date, .article .body-text, .paging p, .paging li, #news .item .summary, #news .item .date {font-size:1.2em;}
.item-list p, .article .body-text p, .article .date, .article .body-text, .article p.tags, .article .media {padding-bottom:1em;}
.article .media {width:659px;overflow:hidden;}
.item-list p.tags, .article p.tags {font-size:1em}
.item-list .date {}
.item-list .item .left {width:200px; float:left;}
.item-list .item img {margin-bottom:0.5em;}
.item-list .item .right {width:410px;float:left;padding-left:10px;}
.item-list .more-link, .article-newer {float:right;color:#000;font-size:1.2em;padding-right:15px;line-height:15px;background:url(/images/cheron_right_o.gif) no-repeat 100% 50%; }
.item-list .more-link {margin:8px 20px 0 0;}
.article-content, .article-nav {padding:0 20px;}
.article-nav {height:15px;width:190px;margin-bottom:2em;}
.article-older {float:left;color:#000;font-size:1.2em;padding-left:15px;line-height:15px;background:url(/images/cheron_left_o.gif) no-repeat 0 50%; }

.body-text ul {padding:0.5em 0 0.5em 1.2em;margin-left:1.2em;list-style-type:disc;}
.body-text h2, .body-text h3, .body-text h4, #news .item h2 {font-weight:bold;}
.body-text h2, #news .item h2 { font-size:1.3em;}
.body-text h3 { font-size:1.2em;}
.image-left {float:left;padding:0 1em 0.5em 0;}
.image-right {float:right;padding:0 0 0.5em 1em;}
.body-text .video {display:block;}

.paging {height:45px;line-height:45px;}
.paging p {float:left;font-weight:bold;padding-left:10px;}
.paging ul {float:right;font-weight:bold;padding-right:7px;}
.paging li {display:inline;padding:3px;}


#disqus_thread { margin-top:20px; }

#news .item { margin-bottom:10px; }
#news .item h2 { margin-bottom:2px; font-size:1.5em;font-weight:bold;line-height:1.2em; }
#news .item .date { font-weight:bold; margin-right:5px; }

#news.header { display:inline-block; height:20px; width:275px; }

.flickr { margin-bottom:20px; display:inline-block; }
.flickr ul { margin-top:2px; }
.flickr ul li { float:left; margin:0 2px; }


.header {margin-left:10px;padding:8px 25px 0 20px;padding-right:10px;clear:both;}
.header img { float:left; }
.header h3 { float:right; font-size:1.6em;font-weight:bold }

td.title span.date { font-weight:normal; }


#share { height:24px;border:solid 1px #d2d2d2; float:right; display:inline-block; clear:both; padding:4px; margin-right:20px; font-size:12px; }

#share div { position:relative;}
#share div span { font-weight:bold; line-height:24px; }

.share-tip span {  height:31px; position:absolute;top:-38px;}

.logo-fb-hover {background:url('/images/sprites.gif') no-repeat; width:115px;background-position:0 -734px;left:33px;  }
.logo-twit-hover {background:url('/images/sprites.gif') no-repeat;width:69px;background-position:-115px -734px;left:75px;}
.logo-mail-hover {background:url('/images/sprites.gif') no-repeat;width:99px;background-position:-184px -734px;left:79px;}