@charset "utf-8";
/* CSS Document */

html { font-size: 100%; /* IE hack */min-height:101%; /*FF Hack*/;}
body {margin:0px; background: #FFF; color: #333; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
ul {margin-left:0px;}
a {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0 0 5px 0;  padding: 0; font-size: 1.0em;}
p {margin: 0 0 15px 0;  padding: 0; font-size: 1.0em; line-height:150%}
td, th {vertical-align: top;}
th {text-align: left; }
.clearer {clear: both;}
.clearleft {clear: left}
.clearright{clear: right;}
.getright {float:right;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.pad-right {margin: 0 15px 0 0;}
.bolden {font-weight: bold;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}

.purple {color: #4d207a;}
.widget_showpagecustomfield h3 {color:#000000}
.widget_showpagecustomfield .widgettitle {margin-bottom:0px;}
.showpagecustomfieldwidget {margin-bottom:15px}

/* COLOUR CODING:- <body> tag ID color codes link & title colours AND defines the section logo */
#home a:hover, #home h1, #home h2, #home h3, #home h4, #home h5 {color: #4d207a !important;}
#expertise a:hover, #navigation li.expertise a:hover, #expertise #navigation li.expertise a, #expertise h1, #expertise h2, #expertise h3, #expertise h4, #expertise h5 {color: #4d207a !important;}
#portfolio a:hover, #navigation li.portfolio a:hover, #portfolio #navigation li.portfolio a, #portfolio h1, #portfolio h2, #portfolio h4, #portfolio h5 {color: #0098d2 !important;}
#people a:hover, #navigation li.people a:hover, #people #navigation li.people a, #people h1, #people h2, #people h3, #people h4, #people h5 {color: #e45620 !important;}
#contact a:hover, #navigation li.contact a:hover, #contact #navigation li.contact a, #contact h1, #contact h2, #contact h3, #contact h4, #contact h5 {color: #cd007a !important;}
#moving a:hover, #links li.moving a:hover, #moving #links li.moving a, #contact h1, #moving h2, #moving h3, #moving h4, #moving h5 {color: #4d207a !important;}
.grey {color: #b4b4b4 !important;}

#menu_expertise a:hover{color: #4d207a !important;}
#menu_portfolio a:hover{color: #0098d2 !important;}
#menu_people a:hover{color: #e45620 !important;}
#menu_contact a:hover{color: #cd007a !important;}

.portfoliocasestudylist li {display: inline}
.portfoliocasestudyitemthumbnail {float:left; padding-right:10px; padding-left:0px;}
.portfoliocasestudyitemthumbnail li {display: inline; margin-right:2px;}
.portfoliocasestudyitemthumbnail li img {border: solid 1px #cccccc;}
.portfoliocasestudyitemthumbnail li a:hover img{opacity: 1; border: solid 1px #0098d2;filter: alpha(opacity=100);}
.portfoliocasestudyitemthumbnailtransparent img {opacity: .5; filter: alpha(opacity=50);}

.portfoliolist {float:left; width:180px; margin-right:25px}
.portfoliolist ul {padding-left:0px; margin-bottom:15px;}
.portfoliolist li {list-style-type:none; margin-bottom:5px;}

.displaynone {display: none;}
.displayinline {display: inline;}
.visibilityhidden {visibility: hidden;}
.title-subnav .displaynone, .title-subnav .displayinline {float:left; margin-top:34px; font-size:0.9em; color:#0098D2;}


.h-center {text-align: center;}

/* Links */
a:link	{color: #333; text-decoration: underline;}
a:visited	{color: #333;}
a:active, a:hover	{text-decoration: none;}

a.g-bulleted{padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_next.gif) 0 0.4em no-repeat; text-decoration: none !important;}
a.bulleted {padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_bullet.gif) 0 0.4em no-repeat; text-decoration: none !important;}
a.personprevious {font-size:0.9em; padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_previous.gif) 0 0.4em no-repeat; text-decoration: none !important;}
a.personnext {font-size:0.9em; padding-right: 8px; background: url(/wp-content/themes/sandbox/images/bg_next.gif) 100% 0.4em no-repeat; text-decoration: none !important;}
a.previousmm {font-size:0.9em; padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_previous.gif) 0 0.4em no-repeat; text-decoration: none !important;}
a.nextmm {font-size:0.9em; padding-right: 8px; background: url(/wp-content/themes/sandbox/images/bg_next.gif) 100% 0.4em no-repeat; text-decoration: none !important;}
a.peoplelinksidebar{font-size:0.9em; }

/* Headings */
h2.title-subnav {padding-top: 23px;}
h2.title-subnav span {padding-left: 5px;}
.authenticitytitle {margin-bottom: 20px;}
.authenticity {color:#0098d2; font-weight:normal; padding-bottom:15px;}

/* Superstructure */
#container {position: relative; width: 990px; margin: 10px 0 0 10px; font-size: 1.1em;}
#header {position: relative; height: 150px;}
#content {position: relative; padding-left: 170px; }
#content-movingminds {position: relative;}
	div.vertline {background:url(/wp-content/themes/sandbox/images/bg_margin.gif) repeat-y;}
#content-movingminds .entry-content {margin-left:125px;}

/* Infrastructure */
#main {fposition: relative; font-size: 1.1em; line-height: 1.3em; min-height: 470px;   }
	div.margined {margin-right: 220px;}
#sidebar {position: relative; float:right; width: 205px; line-height: 1.3em; font-size:1.1em; overflow:hidden}
#sidebar ul {padding-left: 0px; margin-top: 0px; margin-bottom: 5px;}
#sidebar li {list-style-type:none}
#sidebar .pagetitle {color: #0098d2; margin: 0 0 5px 0;  padding: 0; font-size: 1.0em; font-weight:bold;}

/* Logo (and variations) */
#logo {position: absolute; width: 170px; height: 120px;}
	#logo a {display: block; width: 170px; height: 120px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}
		/*#people #logo a {background-image: url(../images/principals_logo_03.gif);}
		#portfolio #logo a {background-image: url(../images/principals_logo_04.gif);}
		#home #logo a {background-image: url(../images/principals_logo_02.gif);}
		#contact #logo a {background-image: url(../images/principals_logo_01.gif);}*/

/* Header Navigation */
#navigation {position: absolute; top: 35px; left: 171px; width: 200px; margin: 0; padding: 0; list-style: none; font-size: 1.1em;}
#navigation li {padding-bottom: 3px;}
	#navigation a {text-decoration: none !important;}
	#navigation a:hover {text-decoration: underline !important;}
#links {position: absolute; top: 35px; left: 715px; width: 275px; margin: 0; padding: 0; list-style: none;}
	#links li {display: inline; padding-right: 10px; border-right: 1px solid #000; margin-right: 8px; }
	#links a {text-decoration: none !important;}
	#links a:hover { text-decoration: underline !important;}

/* Expertise */

.expertisesubmenu{float:left; margin-top:20px; margin-left:-8px;}
.expertisesubmenu ul {margin-top: 0px; padding-left: 4px; list-style-type:none}
.expertisesubmenu a {text-decoration:none}
.expertisesubmenu ul a:link, .expertisesubmenu ul a:visited {padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_bullet.gif) 0 0.4em no-repeat; !important;}
.expertisesubmenu ul a:hover {text-decoration:underline;}
.expertisesubmenu ul li {padding-bottom:3px;}

.portfoliotitlelinks {margin-left:6px;}
.portfoliosidebarlinks{padding-top:217px; font-size:0.9em}
.portfoliosidebarlinks ul {margin-top: 20px; padding-left: 4px; list-style-type:none}
.portfoliosidebarlinks ul a:link, .portfoliosidebarlinks ul a:visited {padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_bullet.gif) 0 0.4em no-repeat; text-decoration: none !important;}
.portfoliosidebarlinks ul a:hover {text-decoration:underline;}

.expertisesidebarlinks { font-size:0.9em}
.expertisesidebarlinks ul {margin-top: 20px; padding-left: 4px; list-style-type:none}
.expertisesidebarlinks ul a:link, .expertisesidebarlinks ul a:visited {padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_bullet.gif) 0 0.4em no-repeat; text-decoration: none !important;}
.expertisesidebarlinks ul a:hover {text-decoration:underline;}

/* Footer */
#footer {clear: both; background-color: #FFF; border-top: 1px solid #cbcbcb; padding-top: 5px; height: 45px; margin-top: 10px; } /*color: #a7a7a7;*/
	#footer ul {margin: 0; padding: 0; list-style: none;}
	#footer li {display: block; float: left; padding-right: 20px; }
	#footer ul li a {color: #333; text-decoration:none}
	#footer ul li a:hover {color:#000000; text-decoration:underline; }
#moving #footer {margin-left:170px;}

/* Text Panels */
blockquote {padding: 0; margin: 0 0 15px 0; font-style:italic; font-size: 1.4em; line-height: 1.2em; width: 400px;}
#txt-home {margin: 0 40px 0 325px; }
#txt-contact{margin: 0 0px 0 200px; }
#txt-expertise{margin: 20px 0px 0px 220px; }
#sub-nav {position: relative; clear: both;  height: 1.0em;}
	div.thumblist {height: 38px !important; }
	#subnav-portfolio {position: absolute; width: 580px; height: 38px; }
	#subnav-main {position: absolute; width: 200px; left: 393px; text-align: right; height: 1.0em;}
	#subnav-side {position: absolute; width: 45px; left: 618px; }
	div.thumblist #subnav-side {top: 23px;}

/* Layout */
.col-port {float: left; width: 165px; margin-right: 40px; }
#scroll-wrapper {overflow: hidden; width: 100%; height: 300px; padding: 25px 0 0 0;}
#person-wrapper {text-align: center; padding-bottom: 15px; }
#movingmindsflash {width:450px; float:left}
#authenticfooter td {vertical-align:middle; padding-right:20px;}

/* Lists */
ul.basic {margin:0 0 15px 0; padding: 0; list-style: none; }
	ul.basic li {padding-bottom: 3px;}

ul.list-people {margin: 0; padding: 0; list-style: none; width: 20000px;  }
	ul.list-people li {display: inline; margin-right: 50px;}

.list-people-thumbnail {margin: 0; padding: 0; border-collapse: collapse;}
	td.peoplelistthumbnail{padding-right:2px;}
	.personthumbnail {border: solid 1px #e6e6e6; background-color: #e6e6e6;}
	.personthumbnailselected {border: solid 1px #c5c5c5; background-color: #c5c5c5;}
	.list-people-thumbnail td a:hover {display: inline; border: solid 1px #c5c5c5; background-color: #c5c5c5;}
	.list-people-thumbnail td a img {height: 16px; width: 16px;}
/*	.personthumbnailselected {border: solid 1px black; background-color: #ababab;} */


ul.list-cases-images {margin: 0; padding: 0; list-style: none; width: 590px;}
	ul.list-cases-images li {display: block; float: left; padding: 0 0 30px 15px; text-align: center;}
	ul.list-cases-images img {display: block;  margin-bottom: 10px; }
	ul.list-cases-images  a {text-decoration: none !important;}

ul.list-cases-links {margin: 0; padding: 0; font-size:1.1em;}
	ul.list-cases-links li {padding-bottom:3px;}
	ul.list-cases-links  a {text-decoration: none !important;}

.portfoliolistitem .visibleonhover {visibility:hidden; margin:0px -15px 0px -15px;}
.portfoliolistitem a:hover div {visibility: visible; margin:0px -15px 0px -15px;}

.portfoliosidebarlistitem div {text-align:center; width:124px;}
.portfoliosidebarlistitem .visibleonhover {visibility:hidden;}
.portfoliosidebarlistitem a:hover div {visibility: visible;}
.portfoliosidebarlistitem {margin-bottom:3px;}

#subnav-portfolio ul {margin: 0; padding: 0; list-style: none; }
#subnav-portfolio li {float: left; display: block; width: 41px; height: 38px; margin: 0; padding: 0 2px 0 0;}
#subnav-portfolio li a {display: block; width: 41px; height: 38px; overflow: hidden; text-indent:-9999px; background-repeat: no-repeat; background-position: 0 0; }
#subnav-portfolio li a:hover, #subnav-portfolio li a.current {background-position: 0 -40px !important;}

.recent-post-current a {text-decoration:underline}
#recent-posts h3 {display:none}
#recent-posts ul {margin-top: 0px; padding-left: 4px; list-style-type:none; margin:0 0 15px 0;}
#recent-posts li {padding-bottom: 3px;}
#recent-posts ul a {padding-left: 8px; background: url(/wp-content/themes/sandbox/images/bg_bullet.gif) 0 0.4em no-repeat; text-decoration: none !important;}

.testimonials {margin-right: 213px;}
.testimonials table {margin-right:20px;}
.testimonialitemborder {border-top: 1px solid #cbcbcb; padding-top: 20px;}


/* Form */
#frm-creds {border-top: 1px solid #cbcbcb; padding: 10px 0 0 0; margin: 0;}
#frm-creds fieldset {padding: 10px 0 0 0; margin: 0;}
#frm-creds label, #frm-creds input.frmfld {display: block; float: left; margin-bottom: 5px; font-size: 1.0em;}
#frm-creds label {width: 50px;}
#frm-creds input.frmfld {width: 125px; border: 1px solid #cbcbcb; }
#frm-creds #button { font-size: 0.95em;}

/* Form on contact pages*/
#frm-creds-contact {border-top: 0px padding: 0px; margin: 0px;}
#frm-creds-contact fieldset {padding: 10px 0 0 0; margin: 0;}
#frm-creds-contact label, #frm-creds input.frmfld {display: block; float: left; margin-bottom: 5px; font-size: 1.0em;}
#frm-creds-contact label {width: 50px;}
#frm-creds-contact input.frmfld {width: 125px; border: 1px solid #cbcbcb; }
#frm-creds-contact #button { font-size: 0.95em;}

/* Comments */
#comments {clear:both}

/* People Slider Arrows*/
a.leftarrow {
	display: block;
	width: 33px;
	height: 32px;
	text-decoration: none;
	background: url(/dev/wp-content/themes/sandbox/images/arrow_left_slider.jpg);
}

a.leftarrow:hover {
	background-position: -33px 0;
}
a.rightarrow {
	display: block;
	width: 33px;
	height: 32px;
	text-decoration: none;
	background: url(/dev/wp-content/themes/sandbox/images/arrow_right_slider.jpg);
}

a.rightarrow:hover {
	background-position: -33px 0;
}



