body {
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  margin: 0px;
  padding: 0px;
  padding-bottom: 5em;
  margin-top: 90px;
  border-style: none;
  outline-style: none;
}

body.bottomLinks {
  padding-bottom: 11em;
}

div.bottomLinksPad {
	height: 6em;
	color: white;
	background-color: white;
}

div.bottomLinks {
	position: fixed;
	bottom: 5em;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url('svg/Triangle-Pattern.svg');
	/*
	height: 102px;
	padding-top: 10px;
	*/
	height: 4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}

p { }

td { }

ul {
	list-style-image: url('svg/Gray-Arrow-Right.svg');
	line-height: 1.5em;
}

a:link, a:visited, a:hover, a:active {
  color: black;
  background-color: inherit;
  text-decoration: none;	
}

/* By default, omit borders around images. */
img {
  border-style: none;
}

img.noborder {
  border-style: none;
}

.tab { padding-right: 8px; border-bottom: 4px none #000; }

.tabUnderline {
  width: 100%;
  height: 23px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: rgb(117,11,11);
  margin-bottom: .25in;
  margin-top: 0in;
  margin-left: 0in;
  margin-right: 0in;
}

/* News area. */

div.newsArea {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  
  padding: .1in;
}

div.newsTitle {
  color: white;
  background-color: rgb(117,11,11);
  font-size: 100%;
  font-weight: bold;
  padding: 4px;

  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-width: 1px;

}

div.newsEntry {
/*  background-color: rgb(230,255,255); */
  background-color: rgb(255,255,255);
  color: inherit;
  padding: 4px;

  padding-bottom: .1in;
}

div.newsDate {
  font-weight: bold;
}

/* Good/Bad/Ugly (gbu) on main page. */

div.gbuArea {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-top: 0px;
  width: 240px;
  padding: 10px;
}

/* Inserts space between G/B/U logo and random icon */
#gbuimg {
  padding-left: 10px;
}

/* Company overview area main page. */

div.narrowArea {
  width:60%;
  }

div.overviewArea {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-right: 10px;
  margin-left: 0px;
  margin-bottom: .25in;
  padding-left: .1in;
  
  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-width: 1px;
  }

div.overviewTitle { color: #750b0b; background-color: white; font-size: 100%; font-weight: bold; text-decoration: underline; padding: 4px; }

div.overviewText {
  background-color: rgb(255,255,255);
  color: inherit;
  padding: 2px;
}

div.smallerText {
  font-size: 90%;
  
}

/* For vertical spacing, insert: <br class="CLASS" /> where
   CLASS is one of following: */

br.bigVerticalGap {
  height: .5in;
}

br.smallVerticalGap {
  height: .25in;
}

/* User input fields and labels. */

td.labelOnLeft {
  text-align: left;
  font-weight: bold;
  padding-bottom: .1in;
}

td.fieldOnRight {
  padding-bottom: .1in;
}

.submitButton { background-color: #fffcdf; color: #750b0b; font-weight: bold; padding: 2px; }

/* Top header area that appears on most pages. */

div.topArea {
	position: relative;
	position: fixed;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #C0C0C0;
	border-bottom-width: 2px;
	height: 80px;
	width: 100%;
	background-color: white;
}

/*
div.topLogo {
	display: inline-block;
	float: left; 
	margin: 0px;
	padding: 0px;
	width: 20em;
}
*/

img.topLogo {
	position: absolute;
	top: 9px;
	left: 4em;
	width: 200px;
	height: 61px;
}


div.topMenu {
	position: absolute;
	font-size: 90%;
	right: 4em;
	top: 2em;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	overflow-x: hidden;
	text-align: right;
}

a.topMenu {
	display: inline-block;
	font-family: sans-serif;
	background-color: inherit;
	color: #808080;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	/* width: 6em; */
	margin-left: 2em;
	height: 3em;

	background-repeat: no-repeat;
	background-size: 0.5em 0.5em;
	background-position: center 1.25em;
}

a.topMenu:hover {
	background-color: inherit;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
/*
	background-image: url('svg/Gray-Arrow-Down.svg');
	background-repeat: no-repeat;
	background-size: 0.5em 0.5em;
	background-position-x: center;
	background-position-y: 1.25em;
*/
}

div.bottomArea {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 4em;
	margin: 0px;
	margin-top: 1em;
	padding: 0px;
	padding-top: 1em;
	color: white;
	background-color: black;
	text-align: center;
}

a.bottomMenuFirst, a.bottomMenu,
a.bottomMenuFirst:visited, a.bottomMenu:visited  {
	color: white;
	background-color: inherit;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	/* width: 6em; */
	margin-left: 2em;
}

a.bottomMenuFirst {
	margin-left: 0em;
}

a.bottomMenuFirst:hover, a.bottomMenu:hover {
	background-color: inherit;
	color: #c0c0c0;
	font-weight: normal;
	text-decoration: none;
	background-image: url('svg/Gray-Arrow-Down.svg');
	background-repeat: no-repeat;
	background-size: 0.5em 0.5em;
	background-position-x: center;
	background-position-y: 1.25em;
}

div.bottomCopyright {
	font-size: 75%;
	margin-top: 2em;
}

div.uxProcess {
	margin-top: 1em;
	text-align: center;
	margin-left: 12.5%;
}

div.uxProcessDescription {
	margin: 0px;
	margin-top: 2em;
	margin-left: 12.5%;
	margin-right: 12.5%;
	background-color: inherit;
	color: #808080;
	text-align: center;
/*	font-familty: sans-serif; */
}

#uxProcess {
  width: 90%;
}

/* About Us page */

table.aboutUs {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}

tr.aboutUs {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #c0c0c0; 
}

tr.aboutUsLast {
	border-style: none;
}

td.employeePhoto {
  vertical-align: middle;
  text-align: center;
  width: 148px;
  padding-top: 2em;
  padding-bottom: 2em;  
}

td.employeeInfo {
  padding-right: 2em;
}

td.foundedCell {
	padding: 3em;
	width: 15em;
	text-align: center;
	color: #808080;
}

div.philosphiesCellHeader {
	  font-size: 125%;
	  color: black;
	  background-color: inherit;
	  margin-bottom: 1em;
	  text-align: center;
}

td.philosophyItem {
	font-weight: normal;
	font-size: 80%;
	padding-top: 2em;
	padding-left: 5.5em;
	width: 12em;
	height: 12em;
	vertical-align: top;
}

td.satisfaction, td.roi, td.ff {
	background-color: inherit;
	color: #B70050;
	background-image: url('svg/Satisfaction.svg');
	background-repeat: no-repeat;
	background-size: 7.0em;
/*
	background-position-x: center;
	background-position-y: 1.25em;
*/
}

td.roi {
	color: #009FC2;
	background-image: url('svg/ROI.svg');
}

td.ff {
	color: #7F3F98;
	background-image: url('svg/FF.svg');
}

div.employeeName {
	margin-top: 1em;
	font-size: 110%;
	font-weight: bold;
}

div.employeeTitle {
	color: #808080;
	background-color: inherit;
	margin-top: 0.5em;
}

div.employeeBio {
	margin-bottom: 1em;
	margin-top: 1em;
}

/*
 * Resources page
 */

table.resources {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}

tr.resources {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #c0c0c0; 
}

tr.resourcesLast {
	border-style: none;
}

td.resourceIcon {
  vertical-align: top;
  text-align: center;
  width: 20em;
  padding-top: 2em;
  padding-bottom: 2em;
}

img.resourceIcon {
  padding-left: 20px; 
}

td.resourceInfo {
  padding-right: 2em;
  padding-top: 2em;
  padding-bottom: 2em;  
}

a.whitePaper, a.software,
a.whitePaper:visited, a.software:visited {
  text-decoration: underline;
  color: #B70050;
  background-color: inherit;
}

a.whitePaper, a.whitePaper:visited {
  color: #009FC2;
  background-color: inherit;
}

ul.software, ul.whitePapers {
	margin-top: 0px;
	margin-bottom: 0px;
}

li.software, li.softwareNoGap {
	
}

li.software {
	margin-bottom: 0.5em;
}

li.whitePaper, li.whitePaperNoGap {
	
}

li.whitePaper {
	margin-bottom: 1.5em;
}

/*
 * Contact Us page
 */
 
table.contact {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
 
td.contactInfo, td.contactForm {
	vertical-align: top;
	padding-top: 2em;
	width: 4em;
}

img.contactIcon {
	width: 2em;
	height: 2em;
}

td.contactIcon {
	vertical-align: middle;
	padding-right: 1em;
	padding-left: 4em;
	padding-bottom: 1em;
	padding-top: 1em;
} 

td.contactAddress, td.contactPhone, td.contactEmail {
	vertical-align: middle;
	padding-bottom: 1em;
	padding-top: 1em;
}
 
span.contactAddress {
  text-decoration: underline;
  color: #B70050;
  background-color: inherit;
}
 
td.contactPhone {
	padding-bottom: 3em;
	padding-top: 3em;
}
 
td.contactEmail {
}
 
a.contactEmail, a.contactEmail:visited, a.contactEmail:hover {
  text-decoration: underline;
  color: #7F3F98;
  background-color: inherit;
}

label.contactForm {
  color: #808080;
  background-color: inherit;
}

textarea.contactForm {
	vertical-align: top;
	width: 35em;
}

input.contactForm {
  vertical-align: top;
  width: 35em;
}

/*
 * Client information
 */
 
table.clients {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}

tr.clients, tr.clientsLast {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #c0c0c0;
}

tr.clientsLast {
	border-style: none;
}

td.clientLogo {
	vertical-align: middle;
	text-align: center;
	width: 10em;
	padding-left: 4em;
}

td.clientInfo {
	padding-bottom: 1.0em;
	padding-top: 1.0em;
	padding-right: 4em;
}

td.clientName {
  vertical-align: top;
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  padding-bottom: 0.5em;
}

td.clientEmpty {

}

td.clientUseLabel {
  font-size: 80%;
  vertical-align: top;
  text-align: right;
  padding-right: 0.5em;
  color: #808080;
  background-color: inherit;
  white-space: nowrap;
  width: 8em;	
}

td.clientUseDescribed {
  vertical-align: top;
  text-align: left;
  margin-bottom: 0.5em;	
}