@charset "utf-8";
/*<agl.folder "elements">*/
 * {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
 }
 body {
  color: #333;
  font-size: 75%;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  line-height: 1.4;
  background-color: white;
  position: relative;
  width: 992px;
  margin: 0 auto;
  }
 h1 {
  color: #dfdfdf;
  font-size: 2em;
  margin-top: 25px;
 }
 h2 {
  color: #000;
  font-size: 2em;
 }

 h3 {
  color: #000;
  font-size: 1.2em;
  margin-top: 1em;
  margin-bottom: 0.25em;
 }
 h4 {
  font-size: 1em;
 }

 p {
  margin-bottom: 0.75em;
 }

 li {
  margin-bottom: 0.75em;
 }

/*</agl.folder>*/
/*<agl.folder "classes">*/
 .intro {
  font-size: 1.2em;
 }
 .scroller {
	height: 260px;
	width: 460px;
	overflow: auto;
	border: 2px #000 solid;
	padding: 4px;
	background: #fff;
	}
/*</agl.folder>*/
/*<agl.folder "links">*/
 a:link, a:visited {
  text-decoration: none;
  }
 a:hover {
  text-decoration: underline;
  }
/*</agl.folder>*/
/*<agl.folder "main divs">*/
 #wrap {
  background: url(/images/css/gradient_bg.jpg) no-repeat;
  width: 960px;
  min-height: 600px;
  padding-right: 16px;
  padding-left: 16px;
 }
 #maincontent {
  width: 910px;
  float: left;
  min-height: 420px;
  margin-left: 25px;
  display: inline;
  }
 #content {
  width: 500px;
  float: left;
  margin-left: 25px;
  }
/*</agl.folder>*/
/*<agl.folder "mainnav">*/
 #header {
  background: url(/images/css/header_bg.jpg) no-repeat;
  width: 960px;
  float: left;
  display: inline;
  }

 #navtg {
  color: black;
  font-size: x-small;
  background:   url("/images/css/manyhats_logo.gif") no-repeat;
  text-indent: -999em;
  width: 162px;
  height: 230px;
  overflow: hidden;
  float: left;
  margin: 0 25px;
  padding-bottom: 2em;
  display: inline;
  }
 #navtg a {
	background-image:   url("/images/css/manyhats_logo.gif");
	width: 162px;
	height: 230px;
	display: block;
	}
 #mainnav {
  font-size: 1.1em;
  font-weight: bold;
  position: absolute;
  top: 143px;
  left: 219px;
  }

 #mainnav li {
  position: relative;
  float: left;
  margin-right: 10px;
  display: inline;
  list-style: none;
  }
 #mainnav a, #mainnav a:visited {
  color: #000;
  padding: 7px 10px;
  display: block;
  }
 #mainnav a:hover, #mainnav li:hover {
  color: white;
  background-image: url(/images/css/mainnav_tabs.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 -10px;
  text-decoration: none;
  }

/*</agl.folder>*/
/*<agl.folder "dropdown">*/
 #mainnav ul {
  color: #fff;
  background: #000 url(/images/css/mainnav_tabs.jpg) no-repeat -55px -1px;
  position: absolute;
  float: left;
  display: none;
  }

 #mainnav ul li {
  float: none;
 }

 #mainnav ul a, #mainnav ul a:visited {
  color: #fff;
  background-position: right 0;
  width: 150px;
  margin: 0;
  display: block;
 }

 #mainnav ul a:hover {
  background-color: #a21401;
  background-image: none;
 }
 #mainnav li:hover ul {
  display: block;
 }
/*</agl.folder>*/
/*<agl.folder "subnav">*/
 #subnav {
  width: 162px;
  float: left;
  margin-top: 4px;
  display: inline;
  }

 #subnav a {
  color: #666;
  font-weight: bold;
  }

 #subnav li {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
  list-style: none;
  }
 #subnav li.last {
  border-style: none;
 }
 #subnav li li {
  margin-top: 0.25em;
  margin-bottom: 0.5em;
  padding-bottom: 0;
  padding-left: 10px;
  border-style: none;
  }

 #subnav li li a {
  font-weight: normal;
 }

 #subnav li li.last {
  margin-bottom: 0;
  padding-bottom: 0;
 }

/*</agl.folder>*/

/*<agl.folder "you are here">*/
  .tab_on {
  color: white;
  background: url(/images/css/mainnav_tabs.jpg) no-repeat scroll 0 -10px;
  }
 .mhm {
 color: black;
 }
 
 #home #navhome a, #services #navservices a, #portfolio #navportfolio a, #about #navabout a, #contact #navcontact a {
 color: #fff;
  }
 #products.overview #prodoverview a, #products.overview #prodoverview a:hover, #products.eval #prodeval a, #products.eval #prodeval a:hover, #products.customers #prodcust a, #products.customers #prodcust a:hover, #services.overview #servoverview a, #services.overview #servoverview a:hover, #services.customers #servcust a, #services.customers #servcust a:hover, #technologies.overview #techoverview a, #technologies.overview #techoverview a:hover, #technologies.gallium #techgallium a, #technologies.gallium #techgallium a:hover, #technologies.ttm #techttm a, #technologies.ttm #techttm a:hover, #technologies.mesa #techmesa a, #technologies.mesa #techmesa a:hover, #technologies.hardware #techhard a, #technologies.hardware #techhard a:hover, #corporate.overview #corpoverview a, #corporate.overview #corpoverview a:hover, #corporate.message #corpmessage a, #corporate.message #corpmessage a:hover, #corporate.team #corpteam a, #corporate.team #corpteam a:hover, #corporate.subpage .jens #corpjens a, #corporate.subpage .jens #corpjens a:hover, #corporate.subpage .jens #corpjens a, #corporate.subpage .jens #corpjens a:hover, #corporate.subpage .arleen #corparleen a, #corporate.subpage .arleen #corparleen a:hover, #corporate.subpage .keith #corpkeith a, #corporate.subpage .keith #corpkeith a:hover, #corporate.subpage .ken #corpken a, #corporate.subpage .ken #corpken a:hover, #corporate.subpage .carrie #corpcarrie a, #corporate.subpage .carrie #corpcarrie a:hover, #corporate.subpage .brian #corpbrian a, #corporate.subpage .brian #corpbrian a:hover, #corporate.careers #corpcareers a, #corporate.careers #corpcareers a:hover, #corporate.partners #corppartners a, #corporate.partners #corppartners a:hover, #corporate.customers #corpcustomers a, #corporate.customers #corpcustomers a:hover, #corporate.news #corpnews a, #corporate.news #corpnews a:hover, #corporate.news #corpnews a, #corporate.news #corpnews a:hover {
  color: black;
  text-decoration: none;
 }



/*</agl.folder>*/
/*<agl.folder "feature">*/
 #feature {
  width: 185px;
  float: right;
  margin-top: -10px;
 }
 #feature p {
  width: 175px;
  margin-left: 5px;
  
 }
 #feature ul {
  margin-left: 5px;
  padding-left: 2em;
 }
/*</agl.folder>*/
/*<agl.folder "maincontent">*/
 #content ul {
  padding-left: 2em;
  list-style: disc;
 }

/*</agl.folder>*/
/*<agl.folder "home">*/
 .mhm #highlights {
  color: black;
  width: 123px;
  float: left;
  margin-left: 20px;
  }
 .mhm #content {
  margin-left: 45px;
 }

 .mhm #highlights h2 {
  font-size: 1.1em;
  text-align:center;
 }
 
  .mhm #highlights li {
	list-style-image: square;
 }

 .mhm .item {
  width: 230px;
  float: left;
  margin-top: 1em;
 }
 #productsitem {
  margin-right: 30px;
 }
 .mhm #feature, #corporate feature {

 }
 .mhm #feature h2, #corporate #feature h2  {
  font-size: 1em;
  font-weight: normal;
  width: 75px;
  height: 92px;
  margin-bottom: 0.75em;
  padding: 10px 105px 0 5px;
  border-bottom: 1px solid #999;
 }
/*</agl.folder>*/



/*</agl.folder>*/
/*<agl.folder "footer">*/
 #footer {
  color: #000;
  font-size: 1em;
  text-align: right;
  width: 910px;
  float: left;
  margin-top: 4em;
  margin-left: 25px;
  padding-top: 0.25em;
  border-top: 1px solid #999;
  display: inline;
  }
 #footer ul {
  float: right;
  margin-left: 10px;
 }

 #footer li {
  margin-left: 10px;
  list-style: none;
  display: inline;
  }
/*</agl.folder>*/
#evaluation input,text {border:#666 1px solid;}
/*<agl.folder "message">*/
 .mhm.message #feature h2, #corporate.message #feature h2 {
  font-weight: bold;
 }

 .mhm.message #feature h3, #corporate.message #feature h3 {
  font-size: 1em;
  font-weight: normal;
  margin-top: -87px;
  margin-left: 5px;
 }
 
 table.partners td {
 	width: 500px;
	text-align: center;
 	border-top: 1px solid #ccc;
	padding: 5px 0;
}

/*</agl.folder>*/