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

/* web developement by www.banjocreative.com 212.924.4251 */

/* css default reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style-type: none;

}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Normalizes margin, padding 
body, ul, li, h1, h2, h3, h4, h5, h6 p {
	margin : 0;
	padding : 0;
	list-style-image: none;
	list-style-type: none;
}
*/
/* Normalizes font-size for headers 
h1, h2, h3, h4, h5, h6 { font-size : 100%; }

/* Removes border from fieldset and img 
img { border : 0; }
*/


/* Hides from IE5-mac \*/
#divContainer {height: 1%;}
/* End hide from IE5-mac */



#divColumn240px {
  float: left;
  width: 100px;
  }
 
p {
  margin-left: 110px;
  }
* /* Hide from IE5-mac. Only IE-win sees this. \*/
html   #divColumn240px, #divColumnNews240px, #divCol2, #divCol3, #divCol4, #divColumnInsights240px  {
  margin-right: -3px;
  }
*  html   p  {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */






.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

#divHomeSections {
	display: block;
	height: 30px;
	width: 960px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-top: 10px;
	padding-bottom: 4px;
	clear: both;
}
*  /* Hides from IE-mac \*/
html   .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





html 	{ text-align : center; 
overflow:-moz-scrollbars-vertical;
}

p {
	line-height: 1.4em;
	margin-left: 0px;
	font-size: 1.3em;
	
}

/*should there be a "width : 80%; in body? */
body 	{
	background-color : #fff;
	font : 72%/1.6  "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color : #333;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}


/*li, h3, p { display : inline; }

li p { color : #666; }*/



/* ============================= Heading styles ================================*/



h1 {
	font-size: 2.2em;
	display: block;
	padding-top: 26px;
	padding-bottom: 4px;
	color: #F47900;
}



h2 {
	font-size: 1.3em;
	display: block;
	padding-top: 4px;
	padding-bottom: 13px;
	color: #F47900;
	line-height: 1.4em;
}


h3 {
	display: block;
	color: #333333;
	padding-top: 0px;
	padding-bottom: 12px;
	font-weight: bold;
}




#people h3 {
	display: block;
	color: #F47900;
	padding-top: 12px;
	padding-bottom: 0px;
	font-weight: bold;
}
.title {
	font-size: 0.8em;
	line-height: 1.2em;
}
#homepage h2   {
	color: #FF6600;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.5em;
}


h3 img { 
position : absolute; 
padding : 1px;
height : 100px; 
width : 100px;
outline : 1px solid #ccc; } 



h4 {
	background-color: #00FF33;
	display: block;
}



h5 {
	font-size: 1.7em;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #F47900;
}




h6 {
	font-size: 1.2em;
}




#Hompage h1 {
	color: #333333;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 220px;
	height: 0px;
	font-size: 1.7em;
}




#divContent a:link {
	color: #0099CC;
	text-decoration: none;
	white-space:nowrap;
}

#divContent a:visited {
	color: #0099CC;
	text-decoration: none;
	font-size: 1em;
	white-space:nowrap;
}

#divContent a:hover {
	color: #0099CC;
	text-decoration: underline;
	white-space:nowrap;
}

#divContent a:active {
	color: #0099CC;
	text-decoration: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: none;
	font-size: 1em;
	white-space:nowrap;
}





#Hompage h2     {
	color: #FF6600;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 220px;
	font-size: 1.4em;
	line-height: 1.3em;
	text-decoration: none;
}


#Hompage h3 {
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 220px;
	display: block;
	background-color: #FFFFFF;
	font-size: 1.1em;
	font-weight: 700;
}






/* ============================= Layout Divs ================================*/


#divContainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}





#divHeader {
	height: 122px;
	width: 960px;
	background-color: #FF9900;
	display: block;
	background-image: url(../images/parham_santana_branding.jpg);
	clear: both;
	left: 0px;
	top: 0px;
}

#divTopNav {
	display: block;
	clear: both;
	width: 960px;
	padding-top: 14px;

}

.logo  {
	display: block;
	height: 48px;
	width: 273px;
	float: none;
	top: 0px;
	left: 0px;
}

#divFooter a:link    {
	text-decoration: none;
	color: #0099CC;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	
	
}

#divFooter a:visited    {
	text-decoration: none;
	color: #0099CC;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	
	
}

#divFooter a:hover, a:active   {
	color: #0099CC;
	text-decoration: underline;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	
	
	
}


#divMainNav  a:link      {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	width: 192px;
	font-size: 1.1em;
	float: left;
	height: 30px;
	text-align: center;
	padding-top: 8px;
	background-image: url(../images/nav_button_on_192px.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#divMainNav  a:visited      {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	width: 192px;
	font-size: 1.1em;
	float: left;
	height: 30px;
	text-align: center;
	padding-top: 8px;
	background-image: url(../images/nav_button_on_192px.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#divMainNav  a:hover      {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	width: 192px;
	font-size: 1.1em;
	float: left;
	height: 30px;
	text-align: center;
	padding-top: 8px;
	background-image: url(../images/nav_button_over_192px.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#divMainNav  a:active      {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	width: 192px;
	font-size: 1.1em;
	float: left;
	height: 30px;
	text-align: center;
	padding-top: 8px;
	background-image: url(../images/nav_button_on_192px.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}









#divMainNav {
	height: 38px;
	width: 960px;
	background-color: #FF6600;
	display: block;
	background-image: url(../images/nav_bkgd_38px.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	
}


#divSubNav {
	padding: 0px;
	display: block;
	width: 220px;
	margin: 0px;
	float: left;
}
#divSubNavCol {
	width: 216px;
	padding-right: 18px;
	float: left;
	display: block;
	padding-top: 30px;
	background-color: #FFFFFF;
	padding-left: 0px;
	height: 100%;
}

#divTopCopyCleared {
	width: 468px;
	float: left;
	clear: right;
	display: block;
	padding-left: 0px;
	height: 100%;
	margin-right: 220px;
	
}


#div2ColBlock {
	width: 468px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}


#div3ColContainer {
	width: 714px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}



#divCol1 {
	width: 220px;
	padding-right: 26px;
	float: left;
	display: block;
	background-color: #FFFFFF;
	padding-left: 0px;
	height: 100%;
}



#divCol2 {
	width: 220px;
	padding-right: 26px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}

#divCol3 {
	width: 220px;
	padding-right: 26px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}


#divCol4 {
	width: 222px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}


#div4Colspan {
	width: 960px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}




#divCol4flushright {
	width: 220px;
	float: left;
	display: block;
	padding-left: 26px;
	height: 100%;
}

#divFooter {
	clear: both;
	width: 960px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	padding: 10px 0px 22px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}
#divContent {
	display: block;
	width: 960px;
	height: 100%;
}
#divSideBarCol {
	width: 240px;
	float: left;
	display: block;
}
#divColumnSingle2nd {
	width: 230px;
	padding-right: 10px;
	display: block;
	top: 0px;
	left: 240px;
	float: left;
}
#divColumnSingle3rd {
	width: 230px;
	padding-right: 10px;
	display: block;
	top: 0px;
	left: 240px;
	float: left;
}
#divColumnSingle4th {
	width: 230px;
	padding-right: 10px;
	display: block;
	top: 0px;
	left: 240px;
	float: left;
}
#div3Columns {
	width: 720px;
	float: left;
	display: block;
	padding-left: 0px;
	margin: 0px;
	padding-right: 0px;
}




#divVideoLarge {
	height: 349px;
	width: 960px;
	margin-top: 4px;
	display: block;
	float: left;
	clear: both;
}

#homepagemission {
	height: 349px;
	width: 576px;
	display: block;
	float: left;
}

#homepageimagerotator {
	height: 349px;
	width: 384px;
	display: block;
	float: right;
}


#divVideoStory {
	width: 710px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#divVideoStory img {
	display: block;
	float: left;
	width: 340px;
	padding-right: 10px;
}
#div3ColumnContainer {
	display: block;
	float: right;
	width: 720px;
	margin: 0px;
	padding: 26px 0px 0px;
	height: 100%;
}
#divColumn240px {
	width: 221px;
	display: block;
	top: 0px;
	float: left;
	padding-right: 12px;
	position: relative;
	height: 1%;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E4E4;
	padding-left: 12px;
	padding-top: 9px;
}
#divColumnClient {
	width: 220px;
	display: block;
	top: 0px;
	float: left;
	padding-right: 10px;
}
#div3ColumnMap {
	display: block;
	float: left;
	width: 720px;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCFF;
}
#divBacktotop {
	clear: both;
	width: 960px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	padding: 0px 0px 2px;
	margin-top: 22px;
	border-top: 1px solid #E4E4E4;
}
.WorkCell {
	display: block;
	width: 220px;
	float: left;
	padding-left: 9px;
	height: 300px;
	border: 1px solid #FFFFFF;
	margin-left: 0px;
	padding-right: 9px;
	margin-right: 0px;
	padding-top: 9px;
   
}
.WorkCellLink {
	display: block;
	width: 220px;
	float: left;
	padding-left: 9px;
	height: 300px;
	border: 1px solid #FFFFFF;
	margin-left: 0px;
	padding-right: 9px;
	margin-right: 0px;
	padding-top: 9px;
   
}
.WorkCellLink:hover {
	display: block;
	width: 220px;
	float: left;
	padding-left: 9px;
	height: 300px;
	border: 1px solid #FF0000;
	margin-left: 0px;
	padding-right: 9px;
	margin-right: 0px;
	padding-top: 9px;
   
}

/* ============================= What we do layout divs ================================*/

#whatservicesbox {
	width: 468px;
	float: left;
	clear: right;
	display: block;
	background-color: #FFFFCC;
	padding-left: 0px;
	height: 100%;
}



#whatproductssbox {
	width: 468px;
	float: left;
	clear: right;
	display: block;
	background-color: #3399CC;
	padding-left: 0px;
	height: 100%;
}


/* ============================= Insights layout divs ================================*/


#divColinsights {
	width: 223px;
	float: left;
	display: block;
	background-color: #FFFFFF;
	padding-left: 0px;
	height: 100%;
}

#divColinsightstype {
	width: 456px;
	float: right;
	display: block;
	padding-left: 26px;
	height: 287px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 8px;
	padding-top: 0px;
}


/* ============================= More Work page layout divs ================================*/

#morelogo {
	height: 250px;
	width: 246px;
	background-color: #993399;
	display: block;
	float: left;
}


#moretype {
	height: 250px;
	width: 443px;
	background-color: #0033FF;
	display: block;
	float: right;
}


#morelargephoto {
	height: 250px;
	width: 250px;
	background-color: #FF3300;
	display: block;
	float: left;
}


#morethumbs {
	height: 250px;
	width: 250px;
	background-color: #99FFCC;
	display: block;
	float: right;
}



/* ============================= Navigation Link Styles ================================*/


#divMainNav  ul li      {
	display: inline;


}
#divSubNav a:link   {
	color: #99CC00;
	text-decoration: none;
	display: block;
	width: 215px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 0px;
	font-size: 1.2em;
	border-bottom: 1px solid #E8E8E8;
	font-weight: normal;
}
#divSubNav a:visited   {
	color: #99CC00;
	text-decoration: none;
	display: block;
	width: 215px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 0px;
	font-size: 1.2em;
	border-bottom: 1px solid #E8E8E8;
}
#divSubNav a:hover   {
	background-color: #FB8D00;
	color: #FFFFFF;
	text-decoration: none;
}

.rule {
	display: block;
	clear: both;
	height: 1px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}

#divSubNav a:active   {

}
/* ============================= Navigation ================================*/


#divTopNav ul  {
	width: 700px;
	float: right;
	padding-bottom: 11px;
}
#divTopNav ul    li  {
	float: right;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(../images/divider.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#divTopNav ul    a:link,a:visited {
	text-decoration: none;
	color: #666666;
	font-size: 1.2em;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#divTopNav ul    a:hover,a:active {
	color: #0099CC;
	background-image: none;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	
}



/* ============================= Typography ================================*/



.LargeType

 {
	font-size: 1.3em;
	display: inline;
	padding-bottom: 0px;
	padding-top: 0px;
}
.bluetype {
	color: #0099CC;
}


.redtype {
	color: #ED1C24;
}





.HomeWorkCellLink {
	display: block;
	width: 220px;
	margin-left: 0px;
	margin-right: -3px;
	padding: 9px;
	height: 320px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	overflow: visible;
}
.NewsCellLink {
	display: block;
	width: 200px;
	padding-left: 0px;
	border: 0px none #FFFFFF;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
	height: 1%;
	clear: left;
}

#divBacktotop  a:link {
	display: block;
	padding-right: 12px;
	float: left;
	padding-left: 16px;
	background-image: url(../images/uparrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	margin-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #0099CC;
	text-decoration: none;
	font-size: 1em;
	height: 1%;
}

#divBacktotop  a:visited {
	display: block;
	padding-right: 12px;
	float: left;
	padding-left: 16px;
	background-image: url(../images/uparrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	margin-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #0099CC;
	text-decoration: none;
	height: 1%;
	font-size: 1em;
}

#divBacktotop  a:hover {
	display: block;
	padding-right: 12px;
	float: left;
	padding-left: 16px;
	background-image: url(../images/uparrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	margin-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #0099CC;
	text-decoration: underline;
}

#divBacktotop  a:active {
	display: block;
	padding-right: 12px;
	float: left;
	padding-left: 16px;
	background-image: url(../images/uparrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	margin-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #0099CC;
	text-decoration: none;
	font-size: 1em;
}




#divColumnNews240px {
	width: 220px;
	display: block;
	top: 0px;
	height: 1%;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E4E4;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#divPeople {
	width: 710px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
}
#divPeople img {
	display: block;
	float: left;
	width: 230px;
	padding-right: 10px;
	height: 230px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.truthsimages {
	display: block;
	float: right;
}

.WorkCellShort {
	display: block;
	width: 220px;
	float: left;
	padding-left: 9px;
	border: 1px solid #FFFFFF;
	margin-left: 0px;
	padding-right: 9px;
	margin-right: 0px;
	padding-top: 9px;
	text-align: left;
}
.WorkCellShortLink {
	display: block;
	width: 220px;
	float: left;
	padding-left: 9px;
	border: 1px solid #FFFFFF;
	margin-left: 0px;
	padding-right: 9px;
	margin-right: 0px;
	padding-top: 9px;
	text-align: center;
}
.WorkCellShortLink:hover {
	display: block;
	width: 220px;
	float: left;
	padding-left: 9px;
	border: 1px solid #FF0000;
	margin-left: 0px;
	padding-right: 9px;
	margin-right: 0px;
	padding-top: 9px;
	text-align: center;
}
.bug {
	display: block;
	padding-right: 32px;
	float: right;
	padding-left: 0px;
	background-image: url(../images/parham_santana_bug24.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 1.2em;
	vertical-align: text-bottom;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	text-align: left;
	margin-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#divColumnInsights240px {
	width: 220px;
	display: block;
	top: 0px;
	float: left;
	padding-right: 12px;
	position: relative;
	height: 100%;
	margin: 0px;
	padding-top: 9px;
}
.WorkCellLinkInsight {
	display: block;
	width: 220px;
	margin-left: 0px;
	margin-right: -3px;
	padding: 9px;
	height: 1%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	overflow: visible;
}
.truthmodule {
	width: 710px;
	float: left;
	display: block;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}
.truthsrule {
	background-color: #F47900;
	display: block;
	clear: both;
	height: 14px;
	width: 700px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px 0px;
	border: 0px none #F47900;
	margin-right: 0px;
	margin-left: 0px;
}
.blackboldtype {
	font-weight: bolder;
	color: #000000;
}
.orangetype {
	color: #F47900;
	font-weight: bold;
}



.aboutus  img {
	display: block;
	float: left;
	width: 220px;
	height: 220px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
}



.NewsCellLink h2 a{
	color: #FF6600;

}


.NewsCellLink h2 a:visited{
	color: #FF6600;

}
#homepage h1 {
	display: block;
	color: #333333;
	font-weight: bold;
	font-size: 1.6em;
}
#homepage h2  {
	color: #FF6600;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.5em;
}
.bluetype {
	color: #333333;
	font-weight: bold;
}


/* ============================= Featured Work Pages ================================*/


#featured h1 {
	
	padding-top: 26px;
	padding-bottom: 4px;
	line-height: 1.2em;
}

#featured .rollouttype {
	font-size: 1em;
	display: block;
	padding-top: 4px;
	color: #333333;
	line-height: 1.4em;
	font-weight: normal;
}


#featured h2 {
}


#featured p {
	
}


ol li {
	display: block;
	padding-right: 22px;
	padding-left: 22px;
}


/* ============================= Truths Page ================================*/





#truths h3 {
display: block;
	color: #F47900;
	font-size: 1.1em;
	display: block;
	padding-top: 4px;
	padding-bottom: 2px;
	line-height: 1.1em;
	font-weight: bold;
}

#truths h1 {
	padding-top: 0px;
	padding-bottom: 14px;
	line-height: 1.1em;

}

#truths h4 {
	font-size: 1.4em;
	display: block;
	padding-top: 4px;
	padding-bottom: 2px;
	line-height: 1.2em;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #F47900;
}


#truths .orangetype {
	color: #F47900;
	font-weight: normal;
}


/* ============================= Insights Page ================================*/

#insights p {
	font-size: 1.1em;
	
	line-height: 1.3em;
	font-weight: normal;
}




/* ============================= News Page ================================*/





/* ============================= Home Page ================================*/

#homepage h1 {
	
	padding-top: 4px;
	padding-bottom: 4px;

}

#homepage h3 {
	
	padding-top: 4px;
	padding-bottom: 4px;

}


/* ============================= More Work ================================*/


/* ============================= What we offer  ================================*/

#whatproductsbox {
	background-color: #f7931e;
}



#whatservicesbox {
	background-color: #41B9EB;
}

#whatproductsbox li {
	color: #FFFFFF;
	display: block;
	width: 190px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 36px;
	font-size: 1.4em;
	text-decoration: none;
	padding-right: 0px;
	line-height: 1.2em;
}



#whatservicesbox li a:link{
	color: #FFFFFF;
	display: block;
	width: 300px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	background-color: 41B9EB;
	font-size: 1.4em;
	text-decoration: none;
}


#whatservicesbox li a:visited{
	color: #FFFFFF;
	display: block;
	width: 300px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	background-color: 41B9EB;
	font-size: 1.4em;
	text-decoration: none;
}


#whatservicesbox li a:hover{
	color: #333333;
	display: block;
	width: 300px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	background-color: 41B9EB;
	font-size: 1.4em;
	text-decoration: none;
}


#whatservicesbox li a:active{
	color: #FFFFFF;
	display: block;
	width: 300px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	background-color: 41B9EB;
	font-size: 1.4em;
	text-decoration: none;
}


/* ============================= Why ================================*/





/* ============================= Who ================================*/

#who h3 {
	font-size: 1.3em;
	display: block;
	color: #F47900;
	padding-top: 4px;
	padding-bottom: 26px;
	line-height: 1.4em;
	font-weight: normal;
}

/* ============================= What ================================*/

#what h3 {
	font-size: 1.3em;
	display: block;
	color: #F47900;
	padding-top: 4px;
	padding-bottom: 26px;
	line-height: 1.4em;
	font-weight: normal;
}


.clicklinks {
	display: block;
	padding-left: 38px;
	padding-top: 8px;
	padding-bottom: 0px;
}


/* ============================= how ================================*/

#how h3 {
	font-size: 1.3em;
	display: block;
	color: #F47900;
	padding-top: 4px;
	padding-bottom: 26px;
	line-height: 1.4em;
	font-weight: normal;
}

#how #div3ColContainer {
	width: 714px;
	float: left;
	display: block;
	padding-left: 0px;
	height: 100%;
}

.clear {
clear: both;
line-height: 0;
font-size: 0;
}



/* ============================= how rollovers ================================*/


#mapcontainter {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100%;
	width: 714px;
}


#map {
	margin:0;
	padding:0;
	width:714px;
	height:327px;
	background:url(../images/how_retail_right_process.gif) top left no-repeat #fff;
	
	display: block;
	position: relative;
	text-decoration: none;	
}


#map li {
	margin:0;
	padding:0;
	list-style:none;
}

#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(blank.gif);
}

#map li a span { display:none; }


#map li a:hover span {
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#333333;	
}






#map li a.client:hover span {
	display:block;
	width:210px;
	left:-70px;
	top:140px;
	padding:50px 8px 8px;
	border:none;
	background:#BCC93E url(../images/how_rollbox_top_green.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}


#map li a.market:hover span {
	display:block;
	width:210px;
	left:-65px;
	top:140px;
	padding:50px 8px 8px;
	border:none;
	background:#BCC93E url(../images/how_rollbox_top_green.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}

#map li a.shopper:hover span {
	display:block;
	width:210px;
	left:-75px;
	top:140px;
	padding:50px 8px 8px;
	border:none;
	background:#BCC93E url(../images/how_rollbox_top_green.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}

#map li a.mvp:hover span {
	display:block;
	width:210px;
	left:-35px;
	top:186px;
	padding:50px 8px 8px;
	border:none;
	background:#41B9EB url(../images/how_rollbox_top_blue.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}

#map li a.voice:hover span {
	display:block;
	width:210px;
	left:-57px;
	top:156px;
	padding:50px 8px 8px;
	border:none;
	background:#F7931E url(../images/how_rollbox_top_orange.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}


#map li a.visual:hover span {
	display:block;
	width:210px;
	left:-70px;
	top:156px;
	padding:50px 8px 8px;
	border:none;
	background:#F7931E url(../images/how_rollbox_top_orange.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}


#map li a.instore:hover span {
	display:block;
	width:210px;
	left:-55px;
	top:156px;
	padding:50px 8px 8px;
	border:none;
	background:#F7931E url(../images/how_rollbox_top_orange.gif) repeat-x;
	text-decoration:none;
	color:#333333;
	position: relative;
}


#map a.client {
	top:150px;
	left:0px;
	width:89px;
	height:141px;
	text-decoration:none;
}
#map a.market {
	top:150px;
	left:92px;
	width:90px;
	height:141px;
	text-decoration:none;
}
#map a.shopper {
	top:150px;
	left:186px;
	width:93px;
	height:142px;
	text-decoration:none;
}
#map a.mvp {
	top:149px;
	left:285px;
	width:144px;
	height:182px;
	text-decoration:none;
}
#map a.voice {
	top:149px;
	left:431px;
	width:108px;
	height:160px;
	text-decoration:none;
}

#map a.visual {
	top:150px;
	left:542px;
	width:73px;
	height:160px;
	text-decoration:none;
}



#map a.instore {
	top:150px;
	left:616px;
	width:104px;
	height:160px;
	text-decoration:none;
}








/* ============================= people ================================*/
#people #divSubNav .title {

	display: block;
	padding-top: 0px;
}


#people h2 {
	display: block;
	padding-bottom: 0px;
}




/* ============================= slideshows ================================*/
#whatproductsbox ol {
	display: block;
	width: 232px;
	float: left;
}