/*-------------------------------
	RESET
	-----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

body {
	background: #eee;
	height: 100%;
	color: #555;
}
body#home {
	background: #111;
	color: #fff;
}
body#fourohfour {
	background: url(../images/construct/404_bg.gif);
	color: #333;
}
#container {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}


html {
}
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 76%;
	line-height: 1.3;
}
img {
	border: 0;
}
div {
	zoom: 1;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	padding: 0 0 0.1em;
	font-weight: bold;
	line-height: 1;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 0 0 0.1em;
	font-weight: bold;
	line-height: 1;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 0 0 0.1em;
	font-weight: normal;
	line-height: 1;
}
h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	padding: 0 0 0.1em;
	font-weight: bold;
	line-height: 1;
}
p {
	padding: 0 0 1em;
}
td {
	font-size: 1em;
}
p, td, th, dl, li, address, label {
	font-size: 0.9em;
}
ul li ul li {
	font-size: 1em;
}
address {
	font-style: normal;
	padding: 0;
}

/* Hides from IE-mac \*/
acronym {
	border-bottom: 1px dotted #999;
}
acronym:hover {
	cursor: help;
}
/* End hide from IE-mac */

table {
	border-collapse: collapse;
}
th {
	font-weight: normal;
	color: #ccc;
}
hr {
	clear: both;
	display: block;
	border: 0;
	border-top: 1px solid #eee;
	height: 0;
}


a {
	color: #d11;
	text-decoration: none;
}
#home a {
	color: #f33;
}
p a, li a {
	background: url(../images/construct/link_ul_red.gif) 0 100% repeat-x;
}
a:visited {
	color: #600;
}
#home a:visited {
	color: #c33;
}
a:hover {
	color: #000;
}
#home a:hover {
	color: #eee;
}
#blog a {
	color: #390;
}
#blog .columns p a, #blog .columns li a {
	color: #390;
	background: url(../images/construct/link_ul_grn.gif) 0 100% repeat-x;
}
#blog .columns .columnSgl li a {
	background: url(../images/construct/bullet_post.gif) 0 0.3em no-repeat;
}
#blog .columns p a.noUnderline, #blog .columns li a.noUnderline {
	background: transparent;
}
#blog a:visited {
	color: #060;
}
#home #blog a:visited {
	color: #070;
}
#blog a:hover, #blog .columns li a:hover {
	color: #000;
}
#home #blog a:hover {
	color: #eee;
}
#blog p a:hover {
	color: #000;
}



/* -------------------------------
   HEADER STYLES
   ----------------------------- */ 

#header ul {
	list-style: none;
	overflow: hidden;
	margin: 20px 0 20px 10px;
}
#header ul li {
	display: block;
	float: left;
	margin: 0 12px 0 0;
}
#header ul li a {
	display: block;
	height: 60px;
	background-position: 0 -200px;
	background-repeat: no-repeat;
	text-indent: -5000px;
}
#header ul li a:hover {
	background-position: 0 -100px;

}
#header ul li.active a {
	background-position: 0 0;
}
#header ul li #nav-us {
	background-image: url(../images/nav/us.png);
	width: 74px;
	height: 57px;
}
#header ul li #nav-clients {
	background-image: url(../images/nav/clients.png);
	width: 200px;
	height: 57px;
}
#header ul li #nav-done {
	background-image: url(../images/nav/done.png);
	width: 152px;
	height: 57px;
}
#header ul li #nav-contact {
	background-image: url(../images/nav/contact.png);
	width: 226px;
	height: 57px;
}
#header ul li #nav-news {
	background-image: url(../images/nav/news.png);
	width: 161px;
}
#header ul li #nav-blog {
	background-image: url(../images/nav/blog.png);
	width: 133px;
}
#header ul li #nav-people {
	background-image: url(../images/nav/people.png);
	width: 204px;
}
#header #nav-home {
	background-image: url(../images/nav/dusted.png);
	width: 221px;
	margin: 0;
}
#home #header ul li #nav-us {
	background-image: url(../images/nav/wht/us.png);
}
#home #header ul li #nav-clients {
	background-image: url(../images/nav/wht/clients.png);
}
#home #header ul li #nav-done {
	background-image: url(../images/nav/wht/done.png);
}
#home #header ul li #nav-contact {
	background-image: url(../images/nav/wht/contact.png);
}
#home #header ul li #nav-news {
	background-image: url(../images/nav/wht/news.png);
}
#home #header ul li #nav-blog {
	background-image: url(../images/nav/wht/blog.png);
}
#home #header ul li #nav-people {
	background-image: url(../images/nav/wht/people.png);
}
#home #header #nav-home {
	background-image: url(../images/nav/wht/dusted.png);
}
#skipNav {
	display: none;
}


/* -------------------------------
   PANEL STYLES
   ----------------------------- */ 

.panelFullWidth {
	padding: 5px 10px 0;
	background: url(../images/construct/panelFullWidth_body.png) repeat-y;
	overflow: hidden;
	position: relative;
	color: #333;
}
.head {
	height: 5px;
	background: url(../images/construct/panelFullWidth_top.png) no-repeat;
}
.panelFullWidth.home,
#fourohfour .panelFullWidth {
	min-height: 344px;
}
#fourohfour .panelFullWidth {
	opacity: 0.9;
}
.panelFullWidth.done {
	padding: 0 5px;
}
.panelFullWidth.people {
	min-height: 164px;
	padding-top: 5px;
}
.panelFullWidth.us {
	min-height: 251px;
}
#flashcontent, .panelFullWidth img {
	float: left;
	display: block;
	margin: 0 20px 0 0;
}
#home #flashcontent, #home .panelFullWidth img {
	float: none;
	margin: 0;
}
#fourohfour .panelFullWidth h1 {
	background: url(../images/construct/woopsie.gif) no-repeat;
	width: 401px;
	height: 54px;
	padding: 0;
	text-indent: -5000px;
	display: block;
	margin: 20px 0 10px 0;
}
#fourohfour .panelFullWidth p {
	padding-right: 366px;
}
#flashcontent embed, #flashcontent object, #flashcontent img {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
.homeInfo {
	position: absolute;
	bottom: 15px;
	right: 10px;
	width: 386px;
	margin: 0;
	overflow: hidden;
	color: #fff;
	z-index: 10;
}
.homeInfo div {
	background: url(../images/construct/homeinfo_bg.png);
	padding: 5px 40px 5px 10px;
	margin: 0 0 1px;
	
}
.homeInfo p {
	padding-bottom: 0.5em;
}
.homeInfo h1 {
	font-size: 2em;
}
#home .homeInfo a,
#home .homeInfo a:visited {
	color: #f99;
	background: transparent;
}
#home .homeInfo a:hover {
	color: #fff;
}
.homeInfo ul {
	list-style: none;
	background: url(../images/construct/homeinfo_bg.png);
	padding: 5px 61px 5px 10px;
	overflow: hidden;
}
.homeInfo ul li {
	float: left;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	border-right: 1px solid #ccc;
}
.homeInfo ul li.last {
	border-right: 0;
}
.homeInfo ul li a {
	background: transparent;
}
#home .homeInfo ul li.selected a, #home .homeInfo ul li a:hover {
	color: #fff;
}
.panelInfoWide {
	float: left;
	width: 376px;
	padding-top: 5px;
}
.panelFullWidth.us .panelInfo {
	width: 173px;
}
.panelFullWidth.done .panelInfo {
	clear: left;
}
.expanded, .collapsed {
	border-bottom: 1px solid #ccc;
	position: relative;
	float: left;
	width: 762px;
	padding: 0 5px;
	background: #fff;
}
.expanded {
	min-height: 248px;
	padding: 5px;
}
.jsActive .expanded {
	height: 246px;
	min-height: 0;
}
.collapsed {
	padding: 5px;
}
.jsActive .collapsed:hover {
	cursor: pointer;
}

.last {
	padding: 5px 5px 0;
	border-bottom: 0;
}
.panelTitle {
	float: left;
	width: 183px;
	margin: 0 20px 0 0;
}
.panelInfo {
	position: relative;
	float: left;
	width: 173px;
	background: #fff;
}
.collapsed .panelInfo p {
	padding: 0;
}
.panelFullWidth.done .collapsed .panelInfo {
	width: 356px;
	margin: 0 20px 0 0;
	clear: none;
	color: #999;
	background: transparent;
}
.panelFullWidth.done h1 {
	padding: 0;
	line-height: 1;
}
.panelFullWidth p.desc {
	padding: 0 0 0.1em;
}
#home #homePanel {
	width: 762px;
	height: 344px;
	z-index: 5;
	position: relative;
}
#homePanel h1,
#homePanel p {
	display: none;
}
.us #homePanel p,
.us #homePanel h1 {
	display: block;
}
.panelFullWidth .notice {
	position: absolute;
	z-index: 100;
	top: 5px;
	left: 10px;
	background: #fff;
	color: #fff;
	padding: 5px;
	-webkit-box-shadow: 2px 2px 3px RGBa(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 3px RGBa(0,0,0,0.2);
	-o-box-shadow: 2px 2px 3px RGBa(0,0,0,0.2);
	box-shadow: 2px 2px 3px RGBa(0,0,0,0.2);
}
.panelFullWidth .notice h2 {
}
.panelFullWidth .notice p {
	display: block;
	padding: 0;
}
#home .notice a {
	color: #000;
	background: transparent;
}
#home .notice a:hover {
	color: #000;
	text-decoration: underline;
}
#home .notice a:visited {
	color: #000;
}
p.sector {
	padding: 0 0 0.1em;
	color: #aaa;
}
p.expandLink {
	padding: 0;
	color: #d11;
}
p.expandLink {
	position: absolute;
	left: 5px;
	bottom: 0;
	display: block;
	text-indent: -5000px;
	width: 34px;
	height: 9px;
	background-color: #d11;
	background-image: url(../images/construct/but_view.gif);
	background-repeat: no-repeat;
	background-position: 0 -9px;
}
.panelFullWidth .collapsed img {
	float: right;
	margin: 0;
	opacity: 0.3;
}
.panelFullWidth .collapsed.jOver {
	background: #fff3f3;
}
.panelFullWidth .collapsed.jOver img {
	opacity: 1;
}
#prodImg, .allInfo object, .allInfo embed {
	width: 559px;
	float: right;
	display: block;
	margin: 0 4px 0 0;
	border: 1px solid #eee;
}
.done.jsActive #prodImg, .done.jsActive object, .done.jsActive embed {
	float: none;
	width: 559px;
	height: 246px;
	position: absolute;
	top: 5px;
	right: -1px;
	overflow: hidden;
	display: block;
}
.done .jsActive #prodImg {
	top: 4px;
	right: 0;
	border: 1px solid #eee;
}
#prodImg li {
	height: 248px;
	margin: 0 0 5px;
}
#prodImg img {
	margin: 0;
	display: block;
	float: none;
}


.panelTabs {
	background: url(../images/construct/panelFullWidth_bot.png) no-repeat;
	position: relative;
	height: 83px;
	z-index: 2;
}
.panelTabs.mapGfx {
	margin: 0 -5px;
	height: 15px;
	background: url(../images/construct/panelMap_bot.gif) no-repeat;
}
.panelTabs ul {
	list-style: none;
	float: right;
	margin: 5px 5px 0 0;
}
.columns .panelTabs.mapGfx ul {
	list-style: none;
	float: right;
	margin: 0 5px 0 0;
}
.panelTabs ul li, .columns .panelTabs ul li {
	display: block;
	float: left;
	background-image: url(../images/construct/tab_bg.png);
	background-repeat: no-repeat;
	background-position: 0 -44px;
	width: 63px;
	height: 44px;
	text-indent: -5000px;
	padding: 0;
}
.panelTabs ul li.active {
	background-position: 0 0;
}
.panelTabs ul li a {
	display: block;
	width: 49px;
	height: 33px;
	margin: 0 7px;
	background-position: 0 -33px;
	background-repeat: no-repeat;
	opacity: 0.5;
}
.panelTabs ul li a:hover {
	background-position: 0 0;
}
.panelTabs ul li.active a {
	margin: 4px 7px 0;
	background-position: 0 0;
	opacity: 1;
}
.panelTabs ul li#tab-dusted a {
	background-image: url(../images/home_slides/tabs/dusted.gif);
}
.panelTabs ul li#tab-terra-firma a {
	background-image: url(../images/home_slides/tabs/terrafirma.gif);
}
.panelTabs ul li#tab-gaucho a {
	background-image: url(../images/home_slides/tabs/gaucho.gif);
}
.panelTabs ul li#tab-cobalt a {
	background-image: url(../images/home_slides/tabs/cobalt.gif);
}
.panelTabs ul li#tab-renew a {
	background-image: url(../images/home_slides/tabs/renew.gif);
}

.panelTabs ul li#darrenholburn a {
	background-image: url(../images/people_slides/tabs/darrenholburn.jpg);
}
.panelTabs ul li#davidwall a {
	background-image: url(../images/people_slides/tabs/davidwall.jpg);
}
.panelTabs ul li#jamieschaedel a {
	background-image: url(../images/people_slides/tabs/jamieschaedel.jpg);
}
.panelTabs ul li#mattking a {
	background-image: url(../images/people_slides/tabs/mattking.jpg);
}
.panelTabs ul li#jackokonkwo a {
	background-image: url(../images/people_slides/tabs/jackokonkwo.jpg);
}
.panelTabs ul li#stuartlittlewood a {
	background-image: url(../images/people_slides/tabs/stuartlittlewood.jpg);
}
.panelTabs ul li#sarahtopley a {
	background-image: url(../images/people_slides/tabs/sarahtopley.jpg);
}
.panelTabs ul li#vilmarpellisson a {
	background-image: url(../images/people_slides/tabs/vilmarpellisson.jpg);
}
.panelTabs ul li#samhayden a {
	background-image: url(../images/people_slides/tabs/samhayden.jpg);
}
.panelTabs ul li#nicknewbycarter a {
	background-image: url(../images/people_slides/tabs/nicknewbycarter.jpg);
}
.panelTabs ul li#jameshayter a {
	background-image: url(../images/people_slides/tabs/jameshayter.jpg);
}
.panelTabs ul li#tab-google a {
	background-image: url(../images/construct/tab_google.gif);
}
.panelTabs ul li#tab-flash a {
	background-image: url(../images/home_slides/tabs/dusted.gif);
}

.panelTabs ul li#tab-01 a {
	background-image: url(../images/us_slides/tabs/01.gif);
}
.panelTabs ul li#tab-02 a {
	background-image: url(../images/us_slides/tabs/02.gif);
}
.panelTabs ul li#tab-03 a {
	background-image: url(../images/us_slides/tabs/03.gif);
}
.panelTabs ul li#tab-04 a {
	background-image: url(../images/us_slides/tabs/04.gif);
}
.panelTabs ul li#tab-05 a {
	background-image: url(../images/us_slides/tabs/05.gif);
}
.panelTabs ul li#tab-06 a {
	background-image: url(../images/us_slides/tabs/06.gif);
}
.panelTabs ul li#tab-07 a {
	background-image: url(../images/us_slides/tabs/07.gif);
}
.panelTabs ul li#tab-08 a {
	background-image: url(../images/us_slides/tabs/08.gif);
}
.panelTabs ul li#tab-09 a {
	background-image: url(../images/us_slides/tabs/09.gif);
}
.panelTabs ul li#tab-10 a {
	background-image: url(../images/us_slides/tabs/10.gif);
}

.panelInfoWide .error {
	width: 173px;
	background: url(../images/construct/error_speachbubble.gif) no-repeat;
	color: #fff;
	padding: 5px 50px 5px 5px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 5;
	opacity: .9;
	height: 154px;
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2;
}
.portfolioNav {
	display: block;
	list-style: none;
	height: 9px;
	position: absolute;
	bottom: 5px;
	left: 0;
}
.portfolioNav li {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 2px 0 0;
	height:9px;
	background-image: none;
	background-color: #d11;
	padding: 0;
}
.portfolioNav li a, .portfolioNav li span {
	display: block;
	font-size: 1px;
	text-indent: -5000px;
	width: 9px;
	height:9px;
}

.portfolioNav li a {
	background: url(../images/construct/image_but.gif) no-repeat;
}
.portfolioNav li.prev a, .portfolioNav li.prev span {
	background: url(../images/construct/but_prev.gif) no-repeat;
	width: 34px;
}
.portfolioNav li.next a, .portfolioNav li.next span {
	background: url(../images/construct/but_next.gif) no-repeat;
	width: 34px;
}

.portfolioNav li a:hover, .portfolioNav li a.active {
	background-position: 0 -9px;
}


/* -------------------------------
   MAIN CONTENT STYLES
   ----------------------------- */ 

.columns {
	margin: 0 0 0 10px;
	z-index: 1;
	overflow: visible;
}
.columns:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.columns ul {
	margin: 0 2em 1em;
	list-style-type: disc;
}
.columns ol {
	margin: 0 2em 1em;
	list-style-type: decimal;
}
.columns .columnSgl ul {
	list-style: none;
	margin: 0 0 1em;
}
.columns .columnSgl ul.tracks {
	margin: 0;
}
.columns ul li, .columns ol li {
	padding: 0 0 0.3em;
}
#blog.columnSgl h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 0.9em;
	padding: 0 0 0.9em;
}
.columnDbl {
	position: relative;
	width: 366px;
	float: left;
	margin: 0 20px 0 0;
}

.columnDbl.last {
	margin: 0 0 0 0;
}
.columnTrp {
	width: 559px;
	float: left;
	margin: 0 20px 0 0;
}
.columnSgl {
	width: 173px;
	float: left;
	margin: 0 20px 0 0;
}
.columnDbl p span, .columnTrp p span, .columnSgl p span, #fourohfour p span {
	font-size: 1.5em;
	line-height: 1;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}
address.adr {
	padding: 0 0 0.5em;
}
#mapContainer .vcard {
	float: left;
	width: 160px;
	margin: 0 10px;
}
#mapContainer #dirForm {
	float: right;
	width: 160px;
	margin: 0 10px;
	display: inline;
}
.vcard p span, #blog .columns .columnDbl p span {
	font-size: 1em;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
#home .vcard {
	padding: 0 0 0 12px;
}
#home .vcard#uk {
	background: url(../images/construct/bullet_uk.gif) 0 1px no-repeat;
}
#home .vcard#us {
	background: url(../images/construct/bullet_us.gif) 0 1px no-repeat;
}
.geek {
	color: #ccc;
	position: absolute;
	bottom: 0;
	left: 10px;
}
.geek p {
	padding: 0;
}
#mapContainer {
	background: #fff;
	margin: 0 -5px;
	padding: 4px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-left: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}
#mapContainer #gfxs {
	height: 366px;
	position: relative;
	margin: 0 0 10px;
}
#googlemapuk, #googlemapus {
	margin: 0 0 1em;
}
#mapContainer #googlemapuk, #mapContainer #googlemapus {
	margin: 0;
	position: absolute;
}
#mapContainer ul {
	list-style: none;
	overflow: hidden;
	margin: 0 0 1em;
	padding: 0;
}
#mapContainer ul li {
	float: left;
	margin: 0 10px;
}
#mapContainer ul li.active a {
	color: #000;
}
#flashmap {
	position: absolute;
}
#flashmap img, #flashmap embed, #flashmap object, 
#googlemapuk img, #googlemapuk embed, #googlemapuk object,
#googlemapus img, #googlemapus embed, #googlemapus object {
	display: block;
}
#directions table {
	margin-top: 0!important;
}
#tooltips {
	padding: 0 0 0 10px;
}
#tooltips div {
	padding: 0 0 1em;
	float: left;
	margin: 0 20px 0 0;
	width: 173px;
}
#tooltips .tipActive {
	position: absolute;
	background: url(../images/construct/tooltip_bg.gif) no-repeat;
	color: #fff;
	padding: 5px 5px 5px 11px;
	width: 220px;
	z-index: 10;
}
#tooltips .tipActive a {
	color: #fdd;
	border-bottom-color: #fdd;
}
#tooltips .tipActive p.internal {
	padding: 0;
}
#tooltips .tipActive h2 {
	display: none;
}
#tooltips ul {
	list-style-type: disc;
	padding: 0 10px 0 2em;
}


.panelInfo p.us-number {
	display: block;
	width: 80px;
	height: 55px;
	text-indent: -5000px;
	padding: 0;
	overflow: hidden;
}
.panelInfo p.one {
	background: url(../images/us_slides/01.png) no-repeat;
}
.panelInfo p.two {
	background: url(../images/us_slides/02.png) no-repeat;
}
.panelInfo p.three {
	background: url(../images/us_slides/03.png) no-repeat;
}
.panelInfo p.four {
	background: url(../images/us_slides/04.png) no-repeat;
}
.panelInfo p.five {
	background: url(../images/us_slides/05.png) no-repeat;
}
.panelInfo p.six {
	background: url(../images/us_slides/06.png) no-repeat;
}
.panelInfo p.seven {
	background: url(../images/us_slides/07.png) no-repeat;
}
.panelInfo p.eight {
	background: url(../images/us_slides/08.png) no-repeat;
}
.panelInfo p.nine {
	background: url(../images/us_slides/09.png) no-repeat;
}
.panelInfo p.ten {
	background: url(../images/us_slides/10.png) no-repeat;
}

.slideNav {
	display: block;
	list-style: none;
	height: 18px;
}
.columns .slideNav {
	margin: 0;
}
.panelInfo .slideNav {
	position: absolute;
	top: 237px;
	left: 0px;
	margin: 0;
	border: none;
}
.columns .slideNav li, .panelInfo .slideNav li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	height: 9px;
	width: 34px;
	background-color: #d11;
	padding: 0;
	line-height: 1;
	overflow: hidden;
}
.slideNav li a {
	display: block;
	font-size: 1px;
	text-indent: -5000px;
	width: 34px;
	height: 9px;
	font-size: 0.1%;
}

.slideNav li.prev a {
	background: url(../images/construct/but_prev.gif) no-repeat;
}
.slideNav li.next a {
	background: url(../images/construct/but_next.gif) no-repeat;
}

.slideNav li a:hover {
	background-position: 0 -9px;
}

.newsPre {
	padding: 0;
	color: #999;
}
.post .newsPre {
	float: right;
}
.desc {
	color: #999;
}
p.twitter a {
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/construct/icon_twitter.png) 0 50% no-repeat;
}
p.blog a {
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/construct/icon_rss.png) 0 50% no-repeat;
}
#blog .columns .columnSgl p.flickr a {
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/construct/icon_flickr.png) 0 50% no-repeat;
}
#blog .columns .columnSgl p.lastfm a {
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/construct/icon_lastfm.png) 0 50% no-repeat;
}
#blog .columns .columnSgl p.vimeo {
	margin-top: 0.5em;
}
#blog .columns .columnSgl p.vimeo a {
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/construct/icon_vimeo.png) 0 50% no-repeat;
}
.tweetmeme_button {
	float: right;
	margin: 5px 0 0 10px;
}

/* -------------------------------
   BLOG STYLES
   ----------------------------- */ 

.post .newsPre, .commentlist .newsPre {
	float: right;
}
.post img, .post object, .post embed {
	margin: 0 -5px;
	padding: 4px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.post img.chart {
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
}
img.floatright {
	float: right;
	clear: right;
	margin: 0 -5px 10px 10px;
}
img.floatleft {
	float: left;
	clear: left;
	margin: 0 10px 10px -5px;
}
p.people {
	padding: 0 0 0.5em 12px;
	background: url(../images/construct/bullet_people.gif) 0 0.3em no-repeat;
}
p.comment {
	float: right;
	padding: 0 0 0.5em 12px;
	background: url(../images/construct/bullet_comment.gif) 0 0.2em no-repeat;
}
p.categories, h2.categories {
	padding: 0 0 0.5em 12px;
	background: url(../images/construct/bullet_category.gif) 0 0.2em no-repeat;
}
p.tags, h2.tags {
	padding: 0 0 0.5em 12px;
	background: url(../images/construct/bullet_tag.gif) 0 0.2em no-repeat;
}
#blog .columns .columnSgl p a {
	background: transparent;
}
#blog .columns .columnSgl li a {
	display: block;
	padding: 0 0 0 12px;
}
.columnDbl ul.flickr {
	list-style: none;
	padding: 0;
	margin: 0 -5px 1em;
	overflow: hidden;
}
#blog .columns .columnSgl ul.flickr li a {
	padding: 0;
}
#blog .columns .columnSgl ul.flickr {
	overflow: hidden;
	margin: 0 0 0.5em;
}
ul.flickr li {
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
}
.columnDbl ul.flickr li {
	margin: 0 12px 12px 0;
}
.columnDbl ul.flickr li.last {
	margin: 0 0 12px;
}
ul.flickr li img, .vimeoBadge .clip img {
	display: block;
	padding: 4px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	width: 75px;
}

.vimeoBadge #vimeo_badge_logo { margin-top:5px; height: 16px; }
.vimeoBadge .clip { padding:0; float:left; margin:0 1px 1px 0; line-height:0; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

#flickrPhoto {
	width: 366px;
	display: block;
	padding: 4px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	margin: 0 -5px 1em;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#flickrPhoto p {
	padding: 0.5em 0;
}
.photos #googlemap {
	width: 366px;
	height: 220px;
	display: block;
	background: #fff;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	margin: 0 -5px 1em;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#blog .columns p a.flickrLink {
	display: block;
	padding-right: 100px;
	background: transparent;
}
#blog .columns p a.flickrLink:hover {
	background: url(../images/construct/flickr_view.gif) 100% 100% no-repeat;
}
#blog .columns ul.people a {
	background: url(../images/construct/bullet_people.gif) 0 0.3em no-repeat;
}

.columns .columnSgl ul.comments {
	margin-bottom: 0;
}
#blog .columns ul.comments li, #blog .columns ul.trackbacks li {
	padding: 0 0 1em;
}
#blog .columns ul.comments a, #blog .columns ul.trackbacks a {
	margin: 0 0 0 -12px;
	background: url(../images/construct/bullet_comment.gif) 0 0.2em no-repeat;
}
#blog .columns ul.comments span, #blog .columns ul.trackbacks span {
	padding: 0 0 0 12px;
	background: url(../images/construct/bullet_comment.gif) 0 0.2em no-repeat;
	display: block;
}
#blog .columns ul.comments span a, #blog .columns ul.trackbacks span a {
	background: transparent;
	display: inline;
}
#blog .columns ul.categories a {
	background: url(../images/construct/bullet_category.gif) 0 0.2em no-repeat;
}
#blog .columns ul.popular a, #blog .columns ul.related_post a {
	background: url(../images/construct/bullet_post.gif) 0 0.3em no-repeat;
}
#blog .columns ul.tracks span {
	padding: 0 0 0.5em 12px;
	display: block;
	background: url(../images/construct/bullet_track.gif) 0 0.2em no-repeat;
}

.wp-tag-cloud li {
	position: relative;
	padding-top: 1px;
}
.wp-tag-cloud li a {
	padding-left: 15px;
	display: block;
	background: url(../images/construct/bullet_tag.gif) 0 0.3em no-repeat !important;
	position: relative;
	z-index: 2;
	text-transform: lowercase;
}
.wp-tag-cloud li span {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #dfdfdf;
	background: #ececec;
	text-indent: -5000px;
	padding: 0;
	z-index: 1;
}
.wp-tag-cloud li:hover span {
	background: #dfdfdf;
}
.blogInfo {
	overflow: hidden;
	margin: 0;
	min-height: 70px;
}
.blogInfo .tags {
	text-transform: lowercase;	
}
#blog .columns .blogInfo a, #blog .columns .blogInfo a:hover, #blog .columns .blogNav a, #blog .columns .blogNav a:hover {
	background: transparent;
}
#blog .columns .columnSgl p.subscribe a {
	padding: 3px 0 3px 20px;
	background: url(../images/construct/icon_rss.png) 0 50% no-repeat;
}
#sidebar {
	float: left;
	background: #eee;
}
#searchform {
	margin: 0 0 1em;
}
#wp-calendar {
	margin: 0 0 1em;
	background: #f3f3f3;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #e3e3e3;
	width: 100%;
}
#wp-calendar td {
	padding: 5px 0 5px 0;
	color: #ccc;
	text-align: center;
}
#wp-calendar caption, #wp-calendar thead th {
	text-align: left;
	padding: 5px;
}
#wp-calendar thead th {
	text-align: center;	
}
#wp-calendar caption {
	padding: 0 0 5px;
	font-size: 0.9em;
}
#wp-calendar tfoot #prev {
	text-align: left;
	padding: 0 5px;
}
#wp-calendar tfoot #next {
	text-align: right;
	padding: 0 5px;
}
#s {
	width: 125px;
	border: 1px solid #999;
	padding: 2px;
	margin: 0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#searchsubmit, #submitBut {
	background: #ccc;
	padding: 2px 5px;
	border: 0;
	margin: 0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	color: #000;
}
#searchsubmit:hover, #submitBut:hover {
	background: #c00;
	color: #fff;
}
#articleNav {
	display: block;
	list-style: none;
	height: 18px;
	margin: 0;
}
#articleNav li {
	float: left;
	margin: 0 10px 0 0;
	height:9px;
	width: 34px;
}
#articleNav li a {
	display: block;
	font-size: 1px;
	text-indent: -5000px;
	width: 34px;
	height:9px;
	border-width: 0;
}

#back-but a, #blog .columns #back-but a {
	background: #d11 url(../images/construct/but_back.gif) no-repeat;
}
#top-but a, #blog .columns #top-but a {
	background: #d11 url(../images/construct/but_top.gif) no-repeat;
}
#blog .columns #back-but a, #blog .columns #top-but a {
	background-color: #060;
}
#articleNav li a:hover, #blog .columns #articleNav li a:hover {
	background-position: 0 -9px;
}
#wpstats {
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden;
}
.blogNav {
	overflow: hidden;
	margin: 0 0 1em;
	padding: 2em 0 0;
	border-top: 1px dotted #ccc;
}
.blogNav .alignleft {
	float: left;
}
.blogNav .alignright {
	float: right;
}
.postmetadata {
	color: #999;
}
.columns .commentlist {
	margin: 0;
	list-style: none;
}
.columns .commentlist li {
	display: block;
	background: #ddd;
	padding: 5px;
	margin: 0 0 1em;
}
.columns .commentlist li img {
	float: left;
	margin: 0 10px 10px 0;
}
.columns .commentlist li p {
	margin-left: 40px;
}


/* -------------------------------
   NEWS STYLES
   ----------------------------- */ 


#storyContent p, #storyContent h1, #storyContent h2, #storyContent h3, #storyContent ul, #storyContent ol {
	padding-right: 213px;
}
#storyContent ul ul, #storyContent ul ol, #storyContent ol ul, #storyContent ol ol {
	padding-right: 0;
	margin-bottom: 0;
}
#storyContent li li {
	font-size: 1em;
}
#storyContent blockquote {
	float: left;
	clear: left;
	width: 193px;
	margin: 0 10px 5px 0;
	background: #acacac url(../images/construct/panelBlockquote_top.gif) no-repeat;
	color: #fff;
}
#storyContent blockquote p {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 22px;
	padding-bottom: 13px;
	margin: 0 0 5px;
	font-size: 1em;
	line-height: 1.1;
	background: url(../images/construct/blockquote_close.gif) 157px 100% no-repeat;
}
#storyContent blockquote p.caption {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0;
	font-size: 0.9em;
	background: url(../images/construct/panelBlockquote_bot.gif) 0 100% no-repeat;
	color: #eee;
}
#storyContent img {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
	padding: 4px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
}
#storyContent .standoutBox p {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#storyContent .standoutBox {
	float: right;
	clear: right;
	width: 193px;
	margin: 0 10px 5px 0;
	background: #fff url(../images/construct/panelStandout_top.gif) no-repeat;
}
#storyContent .standoutBox img {
	display: block;
	padding: 10px 10px 0;
	margin: 0;
	float: none;
	background: transparent;
	border: 0;
	width: 173px;
}
#storyContent .standoutBox .caption {
	color: #999;
	padding: 0 5px;
	background: url(../images/construct/panelStandout_bot.gif) 0 100% no-repeat;
}


dl.barchart {
  margin:0; 
  padding:0 213px 15px 0; 
  height:auto;
  }

dl.barchart dt {
  border-bottom:3px solid #fff;
  padding: 0 0 0.3em;
  font-weight: bold;
  }

dl.barchart dd {
  margin:0; 
  display:block;
  height:1.5em; 
  background:#ccc; 
  border-bottom:1px solid #fff;
  }

dl.barchart dd a, #storyContent dl.barchart dd span {
  float:right;
  display:block; 
  margin-left:auto; 
  background:#eee; 
  height:1.5em;
  line-height:1.5; 
  text-align:right;
  padding-right: 5px;
  } 

#storyContent dl.barchart dd.c17 span {
	width:100px;
	background:#ccc; 
	font-size: 1em;
	font-weight: normal;
	font-family: inherit;
}
dl.barchart dd.c10 a {width:239px;}
dl.barchart dd.c7 a {width:335px;}
dl.barchart dd.c4 a {width:431px}
dl.barchart dd.c3 a {width:463px}
dl.barchart dd.c2 a {width:495px;}
dl.barchart dd.c1 a {width:527px;}



/* -------------------------------
   CLIENT LOGIN / ADVANCED SEARCH STYLES
   ----------------------------- */ 

#clientLogin {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 366px;
}
#doneAdvanced {
	background: url(../images/construct/panelFullWidth_bot.png) no-repeat;
	padding: 5px 10px;
	margin: 0 0 0;
}
#clientLogin form, #doneAdvanced form {
	background: #d11;
	color: #fff;
	overflow: hidden;
}
#home #clientLogin form {
	background: #555;
}
#doneAdvanced form {
	height: 44px;
	position: relative;
}
#clientLogin .formRow {
	clear: both;
	padding-top: 5px;
}
#doneAdvanced .formRow {
	float: left;
	display: inline;
	padding-top: 10px;
	margin-right: 10px;
	margin-left: 5px;
}
#doneAdvanced a {
	color: #fff;
}
#doneAdvanced form a:hover {
	color: #fff;
	text-decoration: underline;
}
#doneAdvanced p {
	float: left;
	padding-top: 3px;
	padding-left: 10px;
}
#clientLogin .formRow label {
	float: left;
	padding: 0.3em;
	width: 100px;
}
#doneAdvanced .formRow label {
	display: none;
}
#project-list {
	padding-top: 10px;
}
#clientLogin .formRow input {
	width: 180px;
	border: 1px solid #666;
	padding: 0.2em;
	float: left;
	background: #fff;
	font-family: inherit;
	font-size: 1em;
}
#doneAdvanced .formRow select {
	width: 153px;
	border: 1px solid #600;
	padding: 0.2em 0;
	float: left;
	background: #900;
	color: #fff;
	font-family: inherit;
}
#clientLogin #submit, #doneAdvanced #submit {
	position: absolute;
	top: 5px;
	right: 5px;
}
#clientLogin .submitHolder {
	padding: 0;
}
#loginToggle {
	background: #d11;
	float: left;
	padding: 1px 5px;
	z-index: 2;
}
#doneAdvanced #loginToggle {
	padding-left: 5px;
	z-index: 2;
}
#home #loginToggle {
	background: #555;
}
#loginToggle a {
	display: block;
	color: #fff;
	padding: 0.3em;
	background: transparent;
}



/* -------------------------------
   LINK STYLES
   ----------------------------- */ 


.internal {
	background: url(../images/construct/bullet_internal.gif) 0 0.4em no-repeat;
}
.internal a, .internal span, #blog .columns .internal a, #blog .columns .internal span, .articleLink a {
	padding-left: 10px;
	background: transparent;
	display: block;
}
.columns .columnSgl .internal a {
	display: inline;
}
.internal a span {
	display: none;
}
.articleLink {
	background: url(../images/construct/bullet_article.gif) 0 0.2em no-repeat;	
}
.portfolioLink {
}
a.jsactive, a.jsactive:hover {
	color: #000;
	border-bottom-color: #000;
	border-bottom-style: solid;
}
h1 a, #blog .columns h1 a, .noborder, #blog .columns .noborder, h1 a:hover, #blog .columns h1 a:hover, #blog .columns .noborder:hover {
	border-width: 0;
}



/* -------------------------------
   FOOTER STYLES
   ----------------------------- */ 

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
	background: #c1c1c1 url(../images/construct/footer_back.gif) repeat-x;
	color: #333;
	overflow: hidden;
}
#home #footer {
	background: #222;
	color: #aaa;
}

#footer p {
	margin: 20px 20px 0;
}
#footer a {
	color: #555;
}
#footer a:hover {
	color: #f60;
}
#footer ul {
	display: block;
	list-style: none;
	padding: 0 20px 20px;
}
#footer li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 0.1;
	height:9px;
	width: 34px;
}
#footer li a {
	display: block;
	font-size: 1px;
	text-indent: -5000px;
	width: 34px;
	height:9px;
}

#footer-home a {
	background: url(../images/construct/footer_home.gif) no-repeat;
}
#footer-xhtml a {
	background: url(../images/construct/footer_xhtml.gif) no-repeat;
}
#footer-css a {
	background: url(../images/construct/footer_css.gif) no-repeat;
}
#footer-rss a {
	background: url(../images/construct/footer_rss.gif) no-repeat;
}
#footer-cam a {
	background: url(../images/construct/footer_cam.gif) no-repeat;
}
#footer-email a {
	background: url(../images/construct/footer_email.gif) no-repeat;
}
#footer-print a {
	background: url(../images/construct/footer_print.gif) no-repeat;
}
#footer-wai a {
	background: url(../images/construct/footer_wai.gif) no-repeat;
}
#footer li a:hover {
	background-position: 0 -9px;
	background-color: #d11;
}

/* -------------------------------
   FORM STYLES
   ----------------------------- */ 

fieldset {
	border-bottom: 1px solid #ccc;
	margin: 0 0 1em;
	padding: 0 0 1em;
}
legend {
	display: none;
}

.formRow {
	margin: 0 0 5px;
	overflow: hidden;
}
.formRow.last {
	margin: 0;
	padding: 0;
}

#peopleContact {
	position: relative;
	overflow: hidden;
}
#commentForm {
	position: relative;
	overflow: hidden;
}

#peopleContact .formRow label, #commentForm .formRow label {
	display: block;
	float: left;
	width: 100px;
}
#peopleContact .formRow input, #peopleContact .formRow textarea, #commentForm .formRow input, #commentForm .formRow textarea {
	width: 220px;
	border: 1px solid #ccc;
	padding: 0.1em 0.2em;
	float: left;
	margin: 0;
	background: #fff;
	font-family: inherit;
	font-size: 0.9em;
}
#peopleContact .formRow textarea {
	height: 50px;
}
#commentForm .formRow textarea {
	height: 200px;
}
#peopleContact .submitHolder {
	display: block;
	position: absolute;
	right: 0;
	bottom: -2px;
	padding: 0;
	line-height: 1;
}
#enquiryForm .formRow label {
	float: left;
	padding: 0 0 0.5em;
}
#enquiryForm .formRow input, #enquiryForm .formRow select, #enquiryForm .formRow textarea {
	float: right;
	width: 220px;
}
#enquiryForm .formRow select {
	float: right;
	width: 226px;
}
#enquiryForm .formRow input, #enquiryForm .formRow select, #enquiryForm .formRow textarea {
	border: 1px solid #ccc;
	padding: 0.1em 0.2em;
	margin: 0;
	background: #fff;
	font-family: inherit;
	font-size: 0.9em;
}
#enquiryForm .formRow textarea {
	height: 200px;
}
#enquiryForm #cv-upload input {
	background: transparent;
	border: 0;
}
#enquiryForm #submit {
	float: right;
}
#commentForm #submit {
	position: absolute;
	right: 0;
	bottom: 42px;
}
#dirForm #fromAddress {
	width: 104px;
	float: left;
	border: 1px solid #ccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 2px 3px;
	margin: 0 5px 0 0;
}
.error {
	background: #600;
	padding: 5px;
	color: #fff;
	margin: 0 0 1em;
}


/* -------------------------------
   TEMP STYLES
   ----------------------------- */ 

#mainBody {
	padding-bottom: 10em;
	width: 782px;
	margin: 0 10px;
	overflow: hidden;
}

body#detail {
	background: #000;
	color: #fff;
}
body#detail a {
	color: #fe0;
	background: none;
}
body#detail a:hover {
	color: #cb0;
	background: none;
}
body#detail a:visited {
	color: #fc0;
}
body#detail h1 {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	height: 160px;
	text-indent: -5000px;
	background: url(../images/temp/creative_thinkers.gif) 10px 20px no-repeat;
}
body#detail .columnDbl.aux {
	color: #ccc;
}
body#detail h1 a {
	margin-top: 80px;
	display: block;
	width: 385px;
	height: 50px;
}
/* Hides from IE-mac \*/
body#detail h1 a { overflow: hidden; }
/* End hide from IE-mac */

body#detail form div.formRow input, body#detail form div.formRow textarea {
	background: #ccc;
}