@charset "UTF-8";

$contentSize='3600px';

body  {
	background: #bfbfbf;
	background-color: #bfbfbf;
	margin: 20; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 20;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.mainWPD #container { 
	margin: 0 auto;
 	width: 981px;
	position:relative;
} 

.mainWPD #containerPrnt { 
	margin: 0 auto;
 	width: 786px;
	position:relative;
} 

div.floatLeft {
  float: left;
  width: 300px;
  }

div.floatLeftSmall {
  float: left;
  width: 200px;
  }
  
div.floatLeft p {
   text-align: center;
   }

.mainWPD #headerHome {
	color: #333;
 	width: 980px;
 	float: left;
 	padding: 0px;
 	height: 70px;
 	margin: 0px 0px 0px 0px;
	z-index:1;
	background-image: url(images/wp_headerHome.png);
	background-color: transparent;	
} 

.mainWPD #headerPage2 {
	color: #333;
 	width: 980px;
 	float: left;
 	padding: 0px;
 	height: 88px;
 	margin: 0px 0px 0px 0px;
	z-index:1;
	background-image: url(images/wp_headerPage2.png);
	background-color: transparent;
} 

.mainWPD #headerPage2PrntResume {
	color: #333;
 	width: 786px;
 	float: left;
 	padding: 0px;
 	height: 57px;
 	margin: 0px 0px 0px 0px;
	background-image: url(images/wp_headerPage2Prnt_Resume.png);
	background-color: transparent;
} 

.mainWPD #headerPage2Monster_1 {
	color: #333;
 	width: 786px;
 	float: left;
 	padding: 0px;
 	height: 57px;
 	margin: 0px 0px 0px 0px;
	z-index:1;
	background-image: url(images/wp_headerPage2_Monster_1.png);
	background-color: transparent;
} 

.mainWPD #headerPage2PrntPortfolio {
	color: #333;
 	width: 786px;
 	float: left;
 	padding: 0px;
 	height: 57px;
 	margin: 0px 0px 0px 0px;
	z-index:1;
	background-image: url(images/wp_headerPage2Prnt_Portfolio.png);
	background-color: transparent;
} 

.mainWPD .textResults {
	background-color:#F2F2E6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color:#f08436;
	overflow:auto;
	border-style: none; 
    border-color: Transparent;
	border:0;
	}

.mainWPD #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}

.mainWPD #navbarHome {
	color: #333;
	border: 0px solid #ccc;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 590px;
	width: 196px;
	float: left;
}

.mainWPD #navbarHome a:link { 
	text-decoration: none; 
	color:#666666;
	}
	
.mainWPD #navbarHome a:visited { 
	text-decoration: none; 
	color:#666666;
}
	
.mainWPD #navbarHome a:hover {
	text-decoration: underline;
	color: #1b6f79;
	text-align: left;
	font-size: 12px;
	}

.mainWPD #navbarHomeImage {
	color: #333;
 	border: 0px solid #ccc;
 	background: #ffffff;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 511px;
 	width: 196px;
 	float: left;
	background-image: url(images/wp_navTemplate.png);
	background-color: transparent;
}

.mainWPD #navbarPage2 {
 	border: 0px solid #ccc;
 	background: #ffffff;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
	width: 196px;
	height:100%;
 	float: left;
}

.mainWPD #navbarPage2 a:link { 
	text-decoration: none; 
	color:#666666;
	}
	
.mainWPD #navbarPage2 a:visited { 
	text-decoration: none; 
	color:#666666;
}
	
.mainWPD #navbarPage2 a:hover {
	text-decoration: underline;
	color: #1b6f79;
	text-align: left;
	}

.mainWPD #navbarAboutPage {
 	height: 509px;
}

.mainWPD #navbarSearchResultsPage {
 	height: 1000px;
}

.mainWPD #navbarServicesPage {
	height: 509px;
}

.mainWPD #navbarAssociatesPage {
	height: 850px;
}

.mainWPD #navbarIxDServicesPage {
	height: 860px;
}

.mainWPD #navbarAuditServicesPage {
	height: 670px;
}

.mainWPD #navbarResumePage {
	height: 3400px;
}

.mainWPD #navbarInteractionDesignPage {
	height: 10436px;
}

.mainWPD #navbarProductDesignPage {
	height: 5060px;
}

.mainWPD #navbarProductDesignChallengesPage {
	height: 609px;
}


.mainWPD #navbarProcessPage {
 	height: 1060px;
}

.mainWPD #navbarTakeTheTestPage {
	height: 1000px;
}

.mainWPD #navbarReadingPage {
	height: 3060px;
}

.mainWPD #navbarPortfolioPage {
	color: #333;
 	border: 0px solid #ccc;
 	background: #fcfcfc;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 7736px;
 	width: 194px;
 	float: left;
}

.mainWPD #navLists {
	position:absolute;
	top: 102px;
	left: 18px;
	font-size:12px;
	width: 170px;
	height: 447px;
}

.mainWPD ul.navList {
	margin-left: 0;
	padding-left: 0;
	padding-top: 0px;
	margin-top: 14px;
	margin-bottom: 12px;
	list-style: none;
	text-align:left;
}

.mainWPD ul.navList li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-left:20px;
	padding-bottom:3px;
	background-image: url(images/wp_listArrow.png);
	background-repeat: no-repeat;
	background-position: .1em .3em;
	}

.mainWPD ul.navListMixed {
	margin-left: 0;
	padding-left: 0;
	padding-top: 0px;
	margin-top: 14px;
	margin-bottom: 12px;
	list-style: none;
	text-align:left;
}

.mainWPD ul.navListMixed li.li_yes {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.5px;
	padding-left:10px;
	padding-bottom:3px;
	background-image: url(images/wp_listArrow.png);
	background-repeat: no-repeat;
	background-position: .1em .3em;
}
	
.mainWPD ul.navListMixed li.li_no {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.5px;
	padding-left:10px;
	padding-bottom:3px;
	background-image: url(images/wp_listNoArrow.png);
	background-repeat: no-repeat;
	background-position: .1em .3em;
}
	
.mainWPD #navListContact {
	margin-left: 0;
	padding-left: 0;
	padding-top: 0px;
	margin-top: 14px;
	list-style: none;
	text-align:left;
}

.mainWPD #aboutNavList {
	padding-top: 2px;
	padding-bottom: 0px;
	}

.mainWPD #servicesNavList {
	padding-top: 2px;
	padding-bottom: 0px;
	background-image: url(images/wp_navServices.png);
	background-repeat: no-repeat;
	}

.mainWPD #portfolioNavList {
	padding-top: 2px;
	margin-bottom: 2px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
}

.mainWPD #processNavList {
	padding-top: 2px;
	padding-bottom: 0px;
	height: 24px;
	}

.mainWPD #designNavList {
	padding-top: 2px;
	padding-bottom: 0px;
	}

.mainWPD #readingNavList {
	padding-top: 2px;
	padding-bottom: 0px;
	height: 24px;
}

.mainWPD #blogNavList {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 24px;
}

.mainWPD #contactNavList {
	padding-top: 2px;
	height: 66px;
}

.mainWPD #emailNavList {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 12px;
	margin-top: 19px;
	margin-bottom: 19px;
	text-align:left;
	padding-top: 2px;
}

.mainWPD #logoNavList {
	padding-top: 0px;
	background-image: url(images/wp_navLogo.png);
	background-repeat: no-repeat;
	height: 35px;
	background-color: transparent;
}

.mainWPD #navlistliSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.5px;
	padding-left:20px;
	padding-bottom:3px;
	background-image: url(images/wp_listArrowSelected.png);
	background-repeat: no-repeat;
	background-position: .1em .3em;
	}

.mainWPD #navlistliSelected a:visited { 
	text-decoration: none; 
}
	
.mainWPD #mainContentHome {
	color: #CF3;
	border: 0px solid #ccc;
	background: #CF3;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding: 0px;
	width: 784px;
	float: left;
}

.mainWPD #mainContentHome2 {
 	float: left;
 	color: #333;
 	border: 0px solid #ccc;
 	background: #F2F2E6;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 123px;
 	width: 588px;
	display: inline;		
	background-color: transparent;
	background-image: url(images/wp_mission.png);
	} 

	.mainWPD #lldd_banner {
  	float: left;
	color: #333;
 	border: 0px solid #ccc;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 83px;
 	width: 784px;
	} 

	.mainWPD #mainContentMission {
  	float: left;
	color: #333;
 	border: 0px solid #ccc;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 123px;
 	width: 588px;
	} 

	.mainWPD #lldd_header {
  	float: left;
	color: #333;
 	border: 0px solid #ccc;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 35px;
 	width: 784px;
	} 

.mainWPD #methodBox {
	color: #333;
	border: 0px solid #ccc;
	background: #eff5c9;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding: 0px;
	height: 225px;
	width: 784px;
	float: left;
	background-color: transparent;
	background-image: url(images/wp_methodBkgnd.png);
}

.mainWPD #methodNav3 {
	color: #333;
	border: 0px solid #ccc;
	background: #eceeec;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:30px;	
	padding: 0px;
	height: 32px;
	width: 732px;
	float: left;
}

.mainWPD #method3 {
	color: #333;
	border: 0px solid #ccc;
	background: #eceeec;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:30px;	
	padding: 0px;
	height: 134px;
	width: 732px;
	float: left;
}


.mainWPD #portfolio {
	float: left;
	color: #333;
	border: 0px solid #ccc;
	background: #F2F2E6;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding: 0px;
	height: 124px;
	width: 588px;
}

.mainWPD #gbu {
	color: #333;
	border: 0px solid #ccc;
	background: #eceeec;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding: 0px;
	height: 205px;
	width: 196px;
	float: right;
}

.mainWPD #gbunew {
	color: #333;
	border: 0px solid #ccc;
	background: #eceeec;
	background-image: url('images/wp_latestNewsBkgnd.png');
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding: 0px;
	height: 247px;
	width: 196px;
	float: right;
}

.mainWPD #gbunewtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:60px;
	margin-bottom:0px;
	margin-right:20px;
	margin-left:24px;	
}

.mainWPD #mainContentPage2 {
	float: left;
 	color: #333;
 	border: 0px solid #ccc;
 	background: #eef5c5;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	width: 784px;
	display: inline;		
	} 

.mainWPD #mainContentPage2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#2b7290;
	} 

.mainWPD #mainContentPage2 a:visited { 
	text-decoration: none; 
	color: #7f4b76;
}
	
.mainWPD #mainContentPage2 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3f4135;
	} 

.mainWPD #mainContentPage2 h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#588a86;
	} 

.mainWPD #mainContentPage2 h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#588a86;
	} 

.mainWPD #mainContentPage2 a:link { 
		color:#3f4135;
	}
	
.mainWPD #mainContentPage2 a:visited { 
		color:#3f4135;
		text-decoration: none; 
	}
	
.mainWPD #mainContentPage2 a:hover {
	text-decoration: underline;
	text-align: left;
	}

.mainWPD #mainContentAboutPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 449px;
	} 

.mainWPD #mainContentServicesPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 449px;
	} 

.mainWPD #mainContentAssociatesPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 610px;
	} 

.mainWPD #mainContentAuditServicesPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 610px;
	} 

.mainWPD #mainContentIxDServicesPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 800px;
	} 

.mainWPD #mainContentTakeTheTestPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 940px;
	} 

.mainWPD #mainContentPortfolioPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
	padding: 30px;
	height: 4940px;
	} 

.mainWPD #mainContentMonsterPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
	padding: 30px;
	height: 600px;
	} 

.mainWPD #mainContentProcessPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 1000px;
	} 

.mainWPD #mainContentInteractionDesignPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 10376px;
}

.mainWPD #mainContentProductDesignPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 5000px;
}

.mainWPD #mainContentProductDesignChallengesPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 549px;
}

.mainWPD #mainContentReadingPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
 	padding: 30px;
 	height: 3000px;
}

.mainWPD .engagement{
    font: = italic normal 1.0em georgia, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #7D775C;
	padding: 30px;
	background: #F2F2E6;
	text-align: left;
     }

.mainWPD .leftMain {
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding: 4px;
	width: 528px;
	display: inline;
	text-align: left;
} 

.mainWPD .leftMain p,ul {
	margin: 4px;
}

.mainWPD .leftMainWide {
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
 	padding: 4px;
 	width: 730px;
	display: inline;		
	text-align: left;
} 

.mainWPD .leftMainNarrow {
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
 	padding: 4px;
 	width: 360px;
	display: inline;		
	text-align: left;
} 

.mainWPD .rightMain {
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding: 4px;
	width: 732px;
	display: inline;
	} 

.mainWPD .rightMainAbout {
	float: left;
	margin-top:20px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding: 4px;
	width: 732px;
	display: inline;
	} 

.mainWPD .rightMainPort {
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding-bottom: 20px;
	padding: 4px;
	width: 732px;
	display: inline;
	} 

.mainWPD .rightMainWide {
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
 	padding: 4px;
 	width: 594px;
	display: inline;		
	text-align: left;
	} 

.mainWPD .rightMainWideRight {
	font-style:italic;
	font-weight:bold;
	color:#7f4b76;
	float: right;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding-top:20px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:100px;	
 	width: 594px;
	display: inline;		
	text-align: left;
	} 

.mainWPD .rightMain p {
	margin: 4px;
}

.mainWPD #mainContentResumePage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	text-align:left;
	padding: 10px;
	margin-left: 10px;
	height: 3280px;
	} 

.mainWPD #mainContentResumePage li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	padding-left:2px;
	padding-bottom:4px;
} 


.picture { background-color: #F9F9F9;
	border: 1px solid #CCCCCC; padding: 3px;
	font: 11px/1.4em Arial, sans-serif; }
	
.picture img { border: 1px solid #CCCCCC;
	vertical-align:middle; margin-bottom: 3px; }
	
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }


.mainWPD .genIllustration {
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;	} 

.mainWPD .resumeIllustration {
	float: right;
	padding: 6px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;	} 

.mainWPD .portIllustration {
	float: right;
	padding-top: 20px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:10px;
	margin-left:10px;	} 

.mainWPD .rightLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color:#2b7290;
	float: right;
	padding: 6px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:30px;
	margin-left:10px;	} 

.mainWPD .resumePrint {
	float: right;
	padding: 6px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:30px;
	margin-left:10px;	} 

.mainWPD .portfolioPrint {
	float: right;
	padding: 6px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:10px;	} 

.mainWPD .portText {
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	} 

.mainWPD .monsterText {
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	} 

.mainWPD .floatRight {
	float: right;
	padding-top: 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	} 

.mainWPD img.floatRight {
	float: right; 
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;	
} 

.mainWPD img.floatRightClear {
	float: right; 
	clear: right; 
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;	
	} 

.mainWPD #rightbar {
	color: #333;
	border: 0px solid #ccc;
	background: #eceeec;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
	padding: 0px;
	height: 304px;
	width: 198px;
	float: left;
}

.mainWPD #wpmarkAbsolute {
	position:absolute;
	width:574px;
	height:135px;
	top: 0px;
	left: 408px;
	background-color: transparent;
	background-image: url(images/wp_mark1.png);
}

.mainWPD #searchAbsolute {
	position:absolute;
	width:774px;
	height:135px;
	top: 0px;
	left: 208px;
}

.mainWPD #homeFooter { 
	float: left;	
	width: 960px;
 	clear: both;
 	color: #333;
 	background: #fcfcfc;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
 	padding: 10px;	
} 


.mainWPD #footer { 
	float: left;	
	width: 961px;
 	clear: both;
 	color: #333;
 	background: #fcfcfc;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;	
 	padding: 10px;	
} 


.mainWPD #footerCopyright { 
	margin-left:20px;	
} 

.mainWPD #homeFooter h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:20px;	
    font-size:7px;
	color:#06616c;
	text-align: left;
	} 

.mainWPD #footer h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:20px;	
    font-size:7px;
	color:#06616c;
	text-align: left;
	} 

div.banner {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 40em;
  left: auto;
  width: 50em;
  right: 2em;
}

div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #F2F2E6;
  border: thin outset #900;
  color: white;
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover { background: black; color: white }

.a1 {
	font-weight: bold;
}
.cmmBold {
	font-weight: bold;
}
.cmmItalic {
	font-style: italic;
}
.wp_selected {
	color: #a24a3d;
}