body {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong{color:#363636}

#contentBG {
	font-size: 11px;
	line-height: 15px;
	background: #FFFFFF url(/images/sub/layout/contentbg.jpg) no-repeat;
}

/* new - move whole body table in */
#indent14 {
	margin: 0px 0px 0px 14px;
}

/* use to move BODYTABLES in or out from left edge */ 
#indent90 {
	margin: 10px 10px 10px 90px;
}

#indent42, .indent42 {
	margin: 10px 10px 10px 42px;
}

#indent32, .indent32 {
	margin: 10px 10px 10px 32px;
}

/* alphabetical table, it has 2 pixels padding = 42 */ 
#indent40 {
	margin: 10px 10px 10px 40px;
}

#indent42flash {
	margin: 10px 10px 10px 42px;
	display: block;
	padding-top: 10px;
}

/* needed on search results table */
p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

body#home {
	background: #FFFFFF url(/images/home/layout/leftbg.gif) repeat-y;
}
#wrap1 {
	height: 500px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url(/images/home/layout/topbg.gif) repeat-x;
}
#belownav {
	background: url(/images/home/layout/belownav.jpg) no-repeat right top;
}

#searchWrap {
	clear: both;
	position: absolute;
	float: left;
}
#subwrap1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #ffffff url(/images/sub/layout/rightbg_new.gif) repeat-x;
}
#subwrap1-download {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #f7f8f8 url(/images/sub/layout/rightbg-download.gif) repeat-x;
}
/* timeline */
#subwrap1b {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #ffffff url(/images/sub/layout/rightbg2.gif) repeat-x;
}
#subwrap2 {
	margin: 0px;
	padding: 0px;
	background: url(/images/sub/layout/leftbg.gif) repeat-y;
}
#subwrap3 {
	margin: 0px;
	padding: 0px;
	background: url(/images/sub/layout/leftstripes.gif) no-repeat;
}
#mainTable {
	background-color: #ffffff;
}

#breadcrumb {
	font-size: 10px;
	color: #656563;
	margin: 16px 52px 7px 32px;
	clear: both;
}

#breadcrumb a:LINK, #breadcrumb a:VISITED {
	color: #656563;
	text-decoration: underline;
}

#breadcrumb a:HOVER, #breadcrumb a:ACTIVE {
	color: #D84E00;	
}

#tertiary {
	font-size: 11px;
	padding: 18px 52px 5px;
	margin: 0px;
	color: #0062A3;
}

#banner {
	margin: 14px 0px 0px 32px;
	padding: 0px 0px 7px;
}

#bannerlogin {
	margin: 14px 0px 0px 43px;
	padding: 0px 0px 7px;
}

#bannerport {
	margin: 20px 0px 10px 32px;
}

/* related links  */
#related a {
	color: #0062A3;
	margin: 4px 52px 0px 43px;
	padding: 0px;
	display: block;
}
/* makes them blocked so no table is needed  */
#tertiary a, #relatedcase a, .home a {
	display: block;
	padding: 0px 0px 4px;
	margin: 0px;
}
#relatedcase a{line-height:14px; margin-bottom:5px;}
.relatedpad p {
	margin: 0px;
	padding: 6px 0px;
}

#pdf {
	margin: 8px 0px 20px 43px;
	padding: 0px;
	clear: both;
}

#backtotop {
	margin: 0px 0px 0px 32px;
	padding: 82px 0px 29px;
	clear: both;
}

/* around titles - use & position text off screen for search engines? */
h1 {
	font-size: 10px;
	padding: 0px 52px 0px 32px;
	margin: 0px;
}

/* subheadings - used in tables */
h2 {
	font-size: 10px;
	padding: 1px 52px 0px 0px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	color: #363636;
	display: block;
}
#search h2 {
	font-size: 10px;
	padding: 6px 52px 8px 0px;
	margin: 0px;
	font-weight: bold;
	color: #6E6E6E;
	display: block;
	text-transform: none;
}
/* h2 subheadings with lines - used in regular paragraphs */
h3 {
	font-size: 10px;
	padding: 1px 52px 0px 0px;
	margin: 0px 33px 2px 43px;
	font-weight: bold;
	text-transform: uppercase;
	color: #363636;
	display: block;
	border-top: 1px solid #D6D6D6;
}

/* casefix */
.caseh3 {
	margin: 0px;
	padding: 3px 0px 0px 0px;
}

.hrline2 {
	margin: 0px;
	padding: 0px;
}

/* grey headlines - case studies, news, employment */
h4 {
	font-size: 15px;
	padding: 8px 52px 0px 43px;
	margin: 0px;
	line-height: 16px;
	font-weight: bold;
	color: #73746F;
}
/* same style as H4 but with break - used in employment */
h5 {
	font-size: 15px;
	padding: 8px 52px 15px 43px;
	margin: 0px;
	line-height: 16px;
	font-weight: bold;
	color: #73746F;
}
/* dates - news articles */
h6 {
	font-size: 10px;
	padding: 0px 52px 15px 43px;
	margin: 4px 0px 0px;
	line-height: 12px;
	font-weight: normal;
	color: #73746F;
}

/* add to content div if there is no headline to add space - index pages + about */
#noh1 {
	padding: 10px;
}

.content p {
	margin: 3px 0px 17px;
	padding: 0px 52px 0px 43px;
}

a, a:link {
	text-decoration: none;
	color: #0062A3;
}
a:visited {
	text-decoration: none;
	color: #666699;
}
a:hover, a:active {
	text-decoration: underline;
	color: #D84E00;
	outline: none;
}

/* FOOTER */
#footerhome {
	margin: 50px 0px 0px 61px;
	padding: 0px;
	height: 73px;
	font-size: 9px;
	display: block;
	width: 700px;
}

p.footer {
	font-size: 9px;
	line-height: 18px;
	color: #6A7681;
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 90px;
}

#footer {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	height: 73px;
}	
p.footer {
	font-size: 9px;
	line-height: 15px;
	color: #6A7681;
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 28px;
}
a.footer, a.footer:link {
  color: #0062A3;
  text-decoration: none;
}

a.footer:visited {
  color: #666699;
  text-decoration: none;
}

a.footer:hover, a.footer:active {
  color: #D84E00;
  outline: none;
}

.content ul, .content ol, .relatedpad ul, .relatedpad ol {
	margin-bottom: 18px;
	margin-right: 43px;
}

.content ul li, .relatedpad ul li {
	display: block;
	font: 11px/12px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	list-style: none;
	background: url(/images/sub/layout/bullet.gif) no-repeat 8px 4px;
	margin: 0px 0px 8px;
}

.content ol li, .relatedpad ol li {
	margin-bottom: 8px;
	margin-left: 25px;
}

.content ul li ul, .relatedpad ul li ul{ margin:10px 0 5px -30px;}
* html .content ul li ul,* html .relatedpad ul li ul{ margin:10px 0 5px 5px;}
*:first-child+html .content ul li ul, *:first-child+html .relatedpad ul li ul{ margin:10px 0 5px 5px;}
.content ul li li, .relatedpad ul li li{background:url(/images/sub/layout/li-li-bullet.gif) no-repeat 8px 4px;}


/* services */
.bodytablecontent ul, .bodytablecontent ol {
	margin-bottom: 18px;
}

.bodytablecontent ul li {
	display: block;
	font: 11px/15px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 0px 0px 24px;
	list-style: none;
	background: url(/images/sub/layout/bullet.gif) no-repeat 8px 7px;
	margin: 0px 0px 8px -40px;
}

.bodytablecontent ol li {
	margin-bottom: 8px;
	margin-left: -13px;
}

.hrline {
	margin: 0px 0px 0px 43px;
	padding: 0px;
}

.hrline2 {
	margin: 0px;
	padding: 0px;
}

.bodyphoto {
	border: 1px solid #CDCDCB;
	padding: 2px;
}

#phototable {
	padding: 0px;
	margin: 10px 10px 7px 0px;
	float: left;
}

#photocaption {
	font-size: 10px;
	color: #86963D;
	margin: 10px 10px 0px 0px;
	padding-top: 5px;
}

#phototablecase {
	padding: 0px;
	margin: 10px 10px 7px 0px;
}

#photocasecaption {
	font-size: 10px;
	color: #F56F26;
	margin: 10px 10px 0px 0px;
	padding-top: 5px;
}
div.photocase{padding:0px; margin:10px 10px 20px 0px;}
div.photocase p{font-size:10px; color:#F56F26; padding:0; line-height:12px;}
div.photocase img{border: 1px solid #CDCDCB; padding: 2px; background:#FFF; margin-bottom:5px;}

.portphototd {
	padding: 0px 15px 0px 0px;
	width: 236px;
}

.portphoto {
	border: 1px solid #CDCDCB;
	padding: 2px;
}

.portspacer {
	background: url(/images/sub/portfolio/portspacer.gif) repeat-x;
	height: 35px;
}

#portresults .linkblurb p, .porttable .linkblurb p {
	margin-bottom: 15px;
}

/* for portfolio row above bottom */
#searchbot {
	height: 18px;
}

#quote {
	font: italic bold 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #FF8543;
}

#quotename {
	color: #656563;
	font-size: 10px;
	line-height: 12px;
	margin-top: 6px;
}

/* for 2 columns of clients */
#clients1,  #clients2 {
	margin: 0px;
	padding: 0px 3px 3px 0px;
	line-height: 16px;
}

#clients1 p,  #clients2 p, #clients1 .line,  #clients2 .line {
	margin: 0px;
	padding: 5px 0px 0px;
	font-size: 11px;
	line-height: 15px;
}

#clients1 td,  #clients2 td {
	margin: 0px;
	padding: 3px;
}

#clients1 h2,  #clients2 h2 {
	margin: 0px;
	padding: 2px 0px 0px;
	border: 0px;
}

/* clients - adds lines to tables */ 
#clients1 .linkblurb,  #clients2 .linkblurb {
	border-bottom: 1px solid #D6D6D6;
}

#clientmenu {
	padding-right: 20px;
	width: 168px;
}

#services h2 {
	margin: 0px;
	padding: 6px 0px 0px 6px;
}

#services p {
	margin: 0px;
	padding: 6px 0px 0px 6px;
}

/* portfolio tables */ 
.porttable  {
	font-size: 11px;
	line-height: 14px;
	margin: 4px 10px 10px 32px;
}

#invisible {
	visibility: hidden;
	display: block;
	height: 1px;
	overflow: hidden;
	width: 1px;
}

#indent42flash h1 {
	font-size: 10px;
	padding: 0px 52px 0px 32px;
	margin: 0px;
}

/* news headline tables */ 
.bodytableline, .newstable  {
	font-size: 11px;
	line-height: 14px;
	margin: 4px 10px 10px 42px;
}
/* news headline tables - row line - Use this for all news tables */
.newstable td {
	border-bottom: 1px solid #E2E3DD;
	padding: 5px 0px 9px;
}  

/* news headline tables - left column */ 
.date {
	color: #656563;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
	width: 60px;
}

/* news headline tables - middle column */ 
/* portfolio search results */ 
.linkblurb p, .linkblurb h2 {
	margin: 2px 0px 0px;
	padding: 0px;
}

/* news headline tables - right column */ 
.icon {
	width: 34px;
	text-align: right;
}
/* clients tables - left column */ 
.icon2 {
	width: 18px;
	text-align: left;
	border-bottom: 1px solid #D6D6D6;
}

/* bio table */ 
.bodytable  {
	font-size: 11px;
	line-height: 14px;
}

/* bio tables - left column of links & descriptions*/ 
.menu {
	padding-right: 19px;
	margin: 0px;
	padding-top: 6px;
}

.menubio {
	padding-right: 19px;
	margin: 0px;
	padding-top: 0px;
}

.menu a, .menubio a {
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.menu p, .menubio p {
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 0px 0px 8px;	
}
/* bio tables - center column copy */ 
.bodytablecontent {
	padding: 0px;
	margin: 0px 0px 8px;
}

.bodytablecontent h2 {
	padding: 0px;
	margin: 0px;
}

.bodytablecontent p {
	padding: 0px;
	margin: 10px 0px 0px;
}

/* Form CSS */
.formTable td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.formTable2 td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-right: 10px;
}

.typein01 input, .typein01 textarea, .typein01 select, .typein01 checkbox {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #A8A8A6;
	width: 190px;
}

.typein02, .typein02 input, .typein02 textarea, .typein02 select, .typein02 checkbox {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	border: 1px solid #A8A8A6;
	width: 145px;
	margin-top: 23px;
	padding-left: 2px;
}
/* FOR PORTFOLIO SEARCH BOX */
#isnotMacIE5a, #isnotMacIE5b, #isnotMacIE5c { display: none;  }
#isMacIE5a, #isMacIE5b, #isMacIE5c { display: block;  }

/* commented backslash hack v2 \*/
#isnotMacIE5a, #isnotMacIE5b, #isnotMacIE5c { display: inline; }
#isMacIE5a, #isMacIE5b, #isMacIE5c { display: none; }
/* end hack */

#isnotMacIE5c { display: none;  width: 135px;}
#isMacIE5c { display: block;  width: 130px;}

/* commented backslash hack v2 \*/
#isnotMacIE5c { display: inline; width: 135px; }
#isMacIE5c { display: none; width: 130px; }
/* end hack */

.optiontest { width: 200px; }

.required {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #DC5100;
}

.error {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #EF2906;
	text-transform: uppercase;
}

#widest {
	width: 400px;
	height: 80px;
}

/* right nav & home box */
.sitesearch {
	background-color: #F1F1EF;
	border: 1px solid #ADADA6;
	text-decoration: none;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 4px;
	width: 87px;
}

/* home box */
#homesearch {
	background-color: #ffffff;
	width: 115px;
	margin-left: 0px;
}

/* ********** SEARCH RESULTS *************** */
/* removes underline for search results table */
#results td {
	border: none;
}

/* search row left side - rename? */
.portnumbers, .numbers, .numbersBottom {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #646464;
	text-decoration: none;
	text-align: right;
}

.whitelinetop  {
	padding: 0px 0px 5px;
	border-bottom: 1px solid #ffffff;
}

/* portfolio page numbers */
.portnumbers  {
	padding: 0px 0px 6px;
}

/* search results numbers */
.numbers, .greylinetop  {
	padding: 0px 0px 5px;
	border-bottom: 1px solid #D6D6D6;
}
/* search results numbers */
.numbersBottom, .greylinebottom {
	padding: 5px 0px 0px;
	border-top: 1px solid #D6D6D6;
}

.portnumbers strong, .numbers strong, .numbersBottom strong {
	color: #000000;
}

.portnumbers a:link, .portnumbers a:visited, .numbers a:link, .numbers a:visited, .numbersBottom a:link, .numbersBottom a:visited{
	color: #0062A3;
	text-decoration: none;
}

.portnumbers a:hover, .portnumbers a:active, .numbers a:hover, .numbers a:active, .numbersBottom a:hover, .numbersBottom a:active{
	color: #D84E00;
	text-decoration: underline;
	outline: none;
}

#noborder, #noborder2 {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/* site map */
.map1 {
	border-bottom: 1px solid #D6D6D6;
}

.map2 {
	border-bottom: 1px solid #D6D6D6;
	background: url(/images/sub/layout/map_bullet1.gif) no-repeat;
	text-indent: 12px;
}

.map3 {
	border-bottom: 1px solid #D6D6D6;
	background: url(/images/sub/layout/map_bullet2.gif) no-repeat;
	text-indent: 25px;
}

.mapfix {
	display: block;
	padding-left: 12px;
	text-indent: 0px;
}

/* subpages flyouts */
#flyout2 {
	position:absolute;
	width:153px;
	height:96px;
	z-index:1;
	left: 481px;
	top: 148px;
	visibility: hidden;
}
#flyout3 {
	position:absolute;
	width:153px;
	height:96px;
	z-index:2;
	left: 481px;
	top: 172px;
	visibility: hidden;
}
#flyout4 {
	position:absolute;
	width:153px;
	height:96px;
	z-index:3;
	left: 481px;
	top: 172px;
	visibility: hidden;
}

/* news headline tables - NO line */ 
#noline1, #noline2, #noline3, #noline4, #noline5, #noline6 {
	border-bottom: 0px solid #ffffff;
	padding: 5px 0px 8px;
}

/* Text Changer */
#textchange {
	background: url(/images/sub/nav/textchanger.gif);
	display: block;
	height: 24px;
	width: 141px;
}

/* HOMEPAGE */
.home a {
	font-size: 11px;
	text-decoration: none;
	color: #0062A3;
	line-height: 14px;
	margin-left: 3px;
	margin-bottom:5px
}
.home a:hover, .home a:active {
	font-size: 11px;
	text-decoration: underline;
	color: #D84E00;
	line-height: 14px;
	outline: none;
}

.home p 
{
	line-height: 20px;
}

#homeflash {
	position:absolute;
	width:242px;
	height:44px;
	z-index:1;
	left: 180px;
	top: 183px;
}

#getflashtime {
	position:absolute;
	width:373px;
	height:71px;
	margin: 14px 0px 0px 32px;
	background: url(/images/sub/company/getflash.gif);
	display: block;
}

#getflashbio {
	position:absolute;
	width:373px;
	height:71px;
	z-index:1;
	background: url(/images/sub/company/getflash.gif);
	display: block;
}

#getflashbio p , #getflashtime p{
	margin: 38px 0px 0px 38px;
}

#getflashport {
	position:absolute;
	width:554px;
	height:71px;
	z-index:1;
	margin: 14px 0px 0px 32px;
	background: url(/images/sub/portfolio/getflash.jpg);
	display: block;
}

#getflashport p {
	margin: 26px 0px 0px 260px;
}

/* use on form tags */
#nopad {
	margin: 0px;
	padding: 0px;
}

#block {
	display: block;
	height: 100px;
	width: 10px;
	clear: both;
}
/* Homepage Switcher */
a.default, a.default:visited {
	font-size: 9px;
	font-weight: normal;
	color: #6A7681;
}
a.larger, a.larger:visited {
	font-size: 12px;
	font-weight: normal;
	color: #6A7681;
}

#services #greyboxes {
	padding: 0px 0px 0px 5px;
	/*padding: 0px 0px 0px 20px;*/
	display: block;
}

.greybox {
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px solid #CECEC6;
}

.search_arrow{position:relative; top:4px; left:2px;}

.news-title{font-weight:bold; color:#73746F; display:block; margin-bottom:5px;}

/*Callout*/

div.callout-wrap-fl{width:240px; float:left; border:1px solid #CECEC6; margin:0 20px 20px 40px;}
div.callout-wrap-fr{width:240px; float:right; border:1px solid #CECEC6; margin:0 40px 20px 20px;}
* html div.callout-wrap-fr{margin:0 20px 20px 20px;}
div.callout{background:#EBEBE8; border:2px solid #FFF; padding:10px;}
div.callout h2{font-family:Verdana, Arial, Helvetica, sans-serif; color:#363636; font-size:10px; font-weight:bold; margin-bottom:10px; padding:0;}
.content div.callout p{padding-left:5px; font-size:11px; color:#000; padding-right:0;}
.content div.callout ul{margin-right:0;}
.content div.callout ul li{background-image:url(/images/sub/layout/callout-bullet.gif); margin-left:-45px;}

/*floats */
.fl{float:left;}
.fr{float:right;}
.cr{clear:right;}
.cl{clear:left;}
.cb{clear:both;}

/*Cufon*/
h1.cufon{text-indent:-9999px; position:absolute;}
div#cufon{font-size:17px; font-weight:bold; margin-left:32px; letter-spacing:-0.05833em; }
div#cufon.company{color:#B9DD42;}
div#cufon.services{color:#EE8B00;}
div#cufon.clients{color:#F77630;}
div#cufon.portfolio{color:#DE7ADE;}
div#cufon.contact{color:#43BDE6;}

/*News*/
table.newstable{clear:both;}
ul.news-dates {float:right; margin-right:40px;}
ul.news-dates li{display:inline;}
ul.news-dates li a.active{color:#000; font-weight:bold; cursor:default;}

div.image-fl{float:left; margin:6px 20px 15px 43px;}
div.image-fr{float:right; margin:6px 52px 15px 20px;}
div.image-fl img, div.image-fr img{	border: 1px solid #CDCDCB;padding: 2px;}
.content div.image-fl p, .content div.image-fr p{font-size:10px; color:#889744; line-height:1.2; padding:0; margin-bottom:0;}

abbr{border:none;}