body {
	background-color:white;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
	color:#666;
	font-size:11px;
	text-align:center; /* centers the frame in IE5 Win */
	margin-top:50px;
}

/* global values */

a { text-decoration:none }
a:link { color: #999; }
a:visited { color: #FFC266; }
a:hover { color: #f90; }
a:active { color: #FFC266 }

a img { border:0 } /* turn off default borders around images inside anchors */

p, li, td, th, h1, h2, h3, h4, blockquote { line-height:150% }

form { margin:0 }
address { font-style:normal }

h1, h2, h3, h4, h5 {
	color:#333;
	font-weight:normal;
}

h2 { font-size:18px; }
h3 { font-size:15px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

td, th {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

/* layout DIVs */

#frame {
	text-align:left; /* reset the text-align value */
	width:850px;
	margin:0px auto;
}

#left {
	width:140px;
	float:left;
	padding-top:20px;
	/* clearing floats trick by http://annevankesteren.nl/archives/2005/03/clearing-floats */
	/* _height:1%; */
  	/* overflow:auto; */
}

#right {
	background:transparent url("../images/inner-top-bkgd4.gif") top center no-repeat;
	width:703px;
	float:left;
}


#approach #right {
	/*  */
}

#logo {
	margin:20px auto 0px auto;
	width:850px;
	height:40px;
	background:url("../images/logo.gif") top right no-repeat;
}

#logo span { display:none }

#innerRightTop {
	/*  */
	height:50px;
}

#approach #innerRightTop, #contact #innerRightTop, #home #innerRightTop {
	background-color:transparent ;
	background-position:2px 3px;
	background-repeat:no-repeat;
	height:128px; /* -78px from frame height */
}

#guest #innerRightTop {
	height:50px;
}

#approach #innerRightTop #bannerText {
	margin:0;
	padding:15px 20px 0 0;
	text-align:right;
	color:#ccc;
}

#innerRightMiddle {
	background:transparent url("../images/inner-middle-bkgd2.gif") bottom center no-repeat;
	/*
	_height:1%;
  	overflow:auto;
  	*/
  	padding-top:35px !important;
  	padding-top:25px;
  	height:320px;
}

#contact #innerRightMiddle, #home #innerRightMiddle {
	padding-top:15px;
	height:267px;
}

#approach #innerRightMiddle {
	height:282px;
}

#approach #innerRightMiddle, #guest #innerRightMiddle {
	padding:0;
}

#home #innerRightMiddle, #guest #innerRightMiddle {
	height:auto;
	min-height:320px;
}

/*
#innerRightBottom {
	background:transparent url("../images/inner-bottom-bkgd3.gif") bottom center no-repeat;
	height:45px;
}
*/

#rightContent {
	width:610px;
	margin:0 auto;
}

#innerRightMiddle p {
	margin:0;
}

/* some utility classes */

.hide { display:none }
#left li, #fullpagecontent li { list-style-image:url("../images/list-arrow.png"); }
#right li { list-style-image:url("../images/list-arrow2.png"); }
.right { float:right; }
.left { float:left; }
.textright { text-align:right;}
.hilite { color:red; }
.note { color:#999 }
.small { font-size:11px }

img.right {
	margin:0 0 8px 8px;
}

.newspic {
	float:right;
	margin:0 0 8px 8px;
}

.newspic img { border:1px solid #C6C4AC; }
.wee { font-size:10px; color:#666 }
.clear { clear:both }

/* TOP LEVEL NAVIGATION */

#nav {
	margin-bottom:2px !important;
	margin-bottom:0;
}

#nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: center;
	/* border-bottom:1px solid #FFC75A */
}

#nav ul li {
	text-align: center;
	margin:0;
	padding:0 0 25px 0;
}

#nav ul li a {
	text-decoration: none;
	text-align: center;
	font-size:14px;
	display:block;
	width:131px;
	height:25px;
	text-indent:-1000px;
	background-position:0 25px;
}

#nav-approach { background-image:url("../images/nav-approach.gif"); }
#nav-folio { background-image:url("../images/nav-folio.gif"); }
#nav-people { background-image:url("../images/nav-people.gif"); }
#nav-contact { background-image:url("../images/nav-contact.gif"); }
#nav-resources { background-image:url("../images/nav-resources.gif"); }
#nav-index { background-image:url("../images/nav-index.gif"); }
#nav-guest { background-image:url("../images/nav-guest.gif"); }

#nav-approach-on { background-image:url("../images/nav-approach-active.gif"); }
#nav-folio-on { background-image:url("../images/nav-folio-active.gif"); }
#nav-people-on { background-image:url("../images/nav-people-active.gif"); }
#nav-contact-on { background-image:url("../images/nav-contact-active.gif"); }
#nav-resources-on { background-image:url("../images/nav-resources-active.gif"); }
#nav-index-on { background-image:url("../images/nav-index-active.gif"); }
#nav-guest-on { background-image:url("../images/nav-guest-active.gif"); }

#nav-approach:hover, #nav-folio:hover, #nav-people:hover, #nav-contact:hover, #nav-resources:hover, #nav-index:hover, #nav-guest:hover {
	background-position:0 0;
}

a#clientsTitle {
	display:block;
	width:52px;
	height:20px;
	background:url("../images/clients-dd-off.gif") no-repeat transparent center left;
}
#clientsTitle strong { display:none }
a#clientsTitle:hover { background-image:url("../images/clients-dd-on.gif"); }
	

/* custom backgrounds */

.right-folio {
	background:transparent url("../images/folio-banner.jpg") top center no-repeat;
}

.right-approach {
	background:transparent url("../images/approach-banner.jpg") top center no-repeat;
}

/* */

.sectorlist {
	float:left;
	width:150px;
	background-color:transparent;
}

.sectorlist strong {
	font-size:18px;
	font-weight:normal;
	color:#999;
}

.sectorlist ul {
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}

.sectorlist li {
	/* font-weight:bold; */
	line-height:1.5em;
}

#sectorsFrame {
	
}

#projectLeft {
	float:left;
	width:240px;
	padding-left:39px;
	text-align:left;
}

#projectTitle {
	margin:0;
	padding:0;
	/* border:1px solid red; */
}

#projectText {
	height:auto !important;
	height:90px;
	margin-bottom:1.5em;
}

#clientLogo {
	margin:0;
	padding:0;
	height:50px;
	/* border:1px solid green; */
}

#slicesTable {
	float:right;
	margin-top:17px;
	margin-right:2px !important;
	margin-right:1px;
	background-color:transparent;
}

#slicesTable td {
	padding:0;
	width:130px;
	height:150px;
}

#thumbs {
	width:684px;
	margin:0 auto;
	padding-top:3px;
}

#thumbs td {
	padding:0;
	vertical-align:top;
	text-align:left;
}

a.thumbImage img {
	border-bottom:4px solid white;
}
a.thumbImage:hover img {
	border-bottom:4px solid #FFC266;
}

a.thumbImage_active img {
	border-bottom:4px solid #FF9900;
}

#clientBody {
	padding-bottom:4em;
}

#clientQuote {
	margin:0 auto;
	width:500px;
	height:180px;
}

#clientQuote td {
	text-align:left;
	vertical-align:middle;
}

#clientQuote blockquote {
	font-size:18px;
}

.quoteCredit {
	font-size:12px;
	font-style:italic;
	color:#666;
	text-align:right;
}

#subPagesNav {
}

#subPagesNav td { padding:0 6px 0 0  }

#subPagesNav a {
	display:block;
	width:30px;
	height:15px;
	text-indent:-1000px;
	background:#fff url("../images/lozenge.gif") bottom center no-repeat;
}

#subPagesNav a:hover {
	background:#fff url("../images/lozenge-on.gif") bottom center no-repeat;
}

#subPagesNav a.subPageActive {
	background:#fff url("../images/lozenge-active.gif") bottom center no-repeat;
}

#dropdown, #dropdown ul { /* all lists */
	text-align:left;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#dropdown ul { z-index:2000; }

#dropdown {
	margin-left:140px;
	padding-top:0px;
	margin-top:10px;
}

#dropdown a, #dropdown span {
	display: block;
	width: 10em;
	text-indent:4px;
}

a.dropdownLink {
	background-color:transparent;
	color:#999;
}

a.dropdownLink:hover {
	background-color:#FFC266;
	color:white;
}

#dropdown li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#dropdown li ul { /* second-level lists */
	position: absolute;
	background-image:url("../images/dropdown-bkgd.png");
	background-color: transparent !important;
	background-color: white;
	border:1px solid #ccc;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#dropdown li:hover ul, #dropdown li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* APPROACH -style layout */

#aproachNav {
}

#approachNav ul {
	padding:0;
	margin:0;
	list-style-type: none;
}

#approachNav li {
	float:left;
	width:4em;
	margin:0;
	padding:0;
	margin-right:65px;
}

/* commented backslash hack v2 for IE5Mac (it ignores these rules) \*/
#approachNav li { width:auto; }
/* end hack */

/*
#approachNav li a {
	border-top:4px solid #fff;
	font-size:12px;
	display:block;
	padding:0.2em 0;
	color: #999;
}

#approachNav li a:hover {
	border-top:4px solid #FFC266;
}

#approachNav li a.activeSection {
	border-top:4px solid #f90;
	color:#f90;
}
*/

#approachLeft {
	width:120px;
	float:left;
	margin:30px 40px 0 0;
	/* height:170px; */
}

#approachLeft p {
	margin-top:20px;
}

#approachRight {
	margin:30px 0 0 0;
	width:450px;
	float:left;
}

#approachRight h4 { 
	margin:0;
	height:50px;
}

#approachLeft h3 {
	/* height:20px; */
	margin:0;
	font-size:18px;
	color:#999;
	padding-bottom:8px;
	border-bottom:2px solid #ccc;
}

#approachNavTbl {
	width:100%;
}

#approachNavTbl td {
	padding:3px 0;
}



#approachNavTbl a {
	/* border-top:4px solid #fff; */
	font-size:12px;
	color: #999;
}


#approachNavTbl a:hover {
	/* border-top:4px solid #FFC266; */
	color:#f90;
}

#approachNavTbl a.activeSection {
	/* border-top:4px solid #f90; */
	color:#f90;
}

#homePageImage { float:right }
.homeQuote1, .homeQuote2  { font-size:18px; padding-bottom:1em }
.homeQuote2 { color:#999 }
.homeQuoteCredit { font-size:11px; color:#444; text-align:right; margin-bottom:0 }
.homeKeywords { color:#bbb; font-size:11px; padding:10px 30px }
#homePageThumbs { 
	clear:both;
	padding-top:30px;
	background-color:transparent;
}
#homeFeature td {
	font-size:18px;
	padding:0;
	vertical-align:middle;
}

#homeFeature td.hf_quote { padding-right:70px }

.formTable td {
	padding:0.2em 0.6em 0.2em 0;
}

.checkboxes td {
	padding:0 1em 0.1em 0;
}

/* form styles */

fieldset { border:1px solid #ccc; background-color:#eee; }
legend { color:#333; font-weight:bold }

input, select, textarea {
	font-family: arial, helvetica, verdana, lucida, sans-serif;
	font-size:11px;
	color:#333;
	border:1px solid #999;
	background-color:#eee;
}

input:focus, select:focus, textarea:focus {
	border-color:black;
	color:black;
	background-color:white;
}

.submit {
	border:4px solid green;
	color:white;
	background-color:green;
	font-weight:bold;
}

.checkbox { border:none }
.checked { color:#000 }

#contactDetails {
	float:right;
	width:250px;
}

#contactDetails p {
	margin-bottom:1em;
}

#downloadMap {
	display:block;
	width:100px;
	padding:10px 30px 10px 10px;
	border:1px dotted #ccc;
	background:url(../images/pdflogo.gif) 95px center no-repeat;
}

#downloadMap:hover { border:1px solid #f90; }

#guestLogin, #guestLogin input {
	/* font-size:11px; */
}

p#guestPageCopy { margin-top:1em; }

#guest #subPagesNav {
	margin:0 auto;
}

#guestpage_image { 
	float:right;
	padding-bottom:20px;
}

.scrollArrowPlaceholderLeft, .scrollArrowPlaceholderRight {
	display:block;
	width:22px;
	height:59px;
	background-repeat:no-repeat;
}
.scrollArrowPlaceholderRight {
	background-image:url("../images/right-arrow-off.gif");
}
.scrollArrowPlaceholderLeft {
	background-image:url("../images/left-arrow-off.gif");
}

#iframeContent, #iframeContentDefault {
	text-align:left;
	margin:0;
	padding:0;
	background:transparent url("../images/inner-middle-bkgd2.gif") bottom left no-repeat;
	height:303px;
}

#iframeContentDefault {
	padding-left:39px;
}

#iframeContent #projectLeft {
	width:230px;
	padding-right:0;
	margin:0;
	background-color:transparent;
}

#iframeContent #slicesTable2 {
	float:right;
	margin-top:0;
	margin-right:2px !important;
	margin-right:1px;
	padding-right:0;
	background-color:transparent;
	/* border-right:1px solid red; */
}

#slicesTable2 td { padding:0;background-color:transparent; }

#innerRightMiddle iframe {
	/* border:1px solid red; */
	width:703px;
	height:303px;
	margin-left:0;
	margin-right:0;
}

#iframeContent #projectTitle {
	margin-top:10px;
}