/* level 2+ styles for Denneen & Co. site  */


/* GENERAL */

body {
  background-image: url(../img/pagebkg.gif);
  background-repeat: repeat-y;
}



/* BANNER */

#divbannerband {
  position: relative;
  height: 93px;
  z-index: 5;
  background-color: #5972ad;
}
/* logo */
#divlogo {
  position: absolute;
  left: 47px;
  top: 24px;
  z-index: 6;
}
#divlogo h2 {
  margin: 0px;
}
/* out think */
#divoutthink {
  position: absolute;
  left: 331px;
  top: 9px;
  width: 401px;
  height: 84px;
  z-index: 5;
}
#divoutthink p {
  margin: 0px;
}
/* growth/strategy/consulting */
#divgsc {
  position: static;
  padding-left: 750px;
  width: 123px;
  height: 93px;
  z-index: 10;
}
#divgsc p {
  margin: 0px;
}



/* PRIMARY NAVIGATION */

/* constellation */
#divconstellation {
  position: absolute;
  left: 873px;
  top: -93px;
  width: 127px;
  height: 123px;
  z-index: 1;
}
/* color box to right of links */
#divcolorbox1 {
  position: absolute;
  left: 750px;
  top: 0px;
  width: 123px;
  height: 30px;
  z-index: 1;
  background-color: #7d90be;
}



/* MAIN BODY OF PAGE */

#divmainband {
  position: relative;
  z-index: 5;
}



/* PHOTO */

#divphoto {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  height: 180px;
  z-index: 1;
}



/* SECONDARY NAVIGATION */

#divsecondarynav {
  position: absolute;
  left: 0px;
  top: 202px;
  width: 180px;
  z-index: 1;
}
#divsecondarynav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#divsecondarynav ul li {
  display: block;
  float: left;
  width: 180px;
  font-size: 10px;
  line-height: 110%;
  color: #000000;
  border-top: 1px solid #f4f5f5;
}
#divsecondarynav ul li.last {
  border-bottom: 1px solid #f4f5f5;
}
#divsecondarynav ul li a {
  display: block;
  width: 161px;
  padding: 7px 5px 6px 8px;
  background-color: #d1d3d7;
  border-left: 6px solid #d1d3d7;
}
#divsecondarynav ul li.subitem a {
  width: 142px;
  padding-left: 27px;
  background-image: url(/img/nav2/bullet.gif);
  background-position: 20px 12px;
  background-repeat: no-repeat;
}
#divsecondarynav ul li a,
#divsecondarynav ul li a:link,
#divsecondarynav ul li a:visited {
  color: #000000;
  text-decoration: none;
}
#divsecondarynav ul li a.current,
#divsecondarynav ul li a.current:link,
#divsecondarynav ul li a.current:visited,
#divsecondarynav ul li a:active,
#divsecondarynav ul li a:hover,
#divsecondarynav ul li a:focus {
  color: #000000;
  background-color: #ededef;
  border-left: 6px solid #61d7d7;  /* varies by section */
  text-decoration: none;
}



/* BODY (white background area) */

/* (total width 570px) */
#divbody {
  position: relative;
  left: 180px;
  width: 506px;
  padding: 32px;
  background-color: #ffffff;
}



/* MAIN TEXT */

#divtext {
  min-height: 400px;
  margin-bottom: 80px;
}
#divtext h1 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  color: #00b6b5;        /* varies by section */
}
#divtext h2 {
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #666666;
  margin-bottom: 0px;
}
#divtext h3 {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  line-height: 20px;
  color: #666666;
  margin-bottom: 0px;
}
#divtext h4 {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  line-height: 20px;
  color: #666666;
  margin-bottom: 0px;
}
#divtext p, #divtext li {
  font-size: 11px;
  line-height: 20px;
  color: #666666;
}
#divtext p.introtext {
  font-weight: bold;
}
#divtext p.introtextlarge {
  font-size: 14px;
  font-weight: bold;
}
#divtext p.prelist {
  margin-bottom: 0px;
}
#divtext p.overhead {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}
#divtext p.centered {
  text-align: center;
}
#divtext ul {
  margin-left: 0.5em;
  padding-left: 0.5em;
  list-style-type: disc;
}
#divtext ul ul {
  list-style-type: circle;
}
/* for wide images */
#divtext p.wideload {
  margin: 24px -32px  0px -32px;
  width: 570px;
}



/* PRINT/PDF/EMAIL LINKS */

#divtext ul.sharelist {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 300px;
  z-index: 10;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divtext ul.sharelist li {
  float: right;
  margin-left: 10px;
  font-size: 10px;
  line-height: 10px;
}
#divtext ul.sharelist li a {
  display: block;
  margin-left: 10px;
  padding: 2px 0px 2px 17px;
  background-position: 0px 50%;
  background-repeat: no-repeat;
}
#divtext ul.sharelist li.print a {
  background-image: url(/img/icons/print.gif);
}
#divtext ul.sharelist li.pdf a {
  background-image: url(/img/icons/pdf.gif);
}
#divtext ul.sharelist li.email a {
  background-image: url(/img/icons/email.gif);
}



/* TERTIARY NAVIGATION */
/* for case studies, insights/articles */

#divtertiarynav {
  position: absolute;
  left: 750px;
  top: 70px;
  width: 123px;
  z-index: 1;
}
/* heading */
#divtertiarynav h3 {
  font-size: 10px;
  font-weight: bold;
  line-height: 100%;
  color: #baebf9;
  padding: 7px 5px 6px 13px;
  margin-bottom: 0px;
}
/* items */
#divtertiarynav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-bottom: 20px;
}
#divtertiarynav ul li {
  display: block;
  width: 123px;
  font-size: 10px;
  line-height: 110%;
  color: #ffffff;
  border-top: 1px solid #a3b1d1;
}
#divtertiarynav ul li.last {
  border-bottom: 1px solid #a3b1d1;
}
#divtertiarynav ul li a {
  display: block;
  width: 105px;
  padding: 7px 5px 6px 13px;
  background-image: url(/img/nav2/dash_white.gif);
  background-position: 5px 13px;
  background-repeat: no-repeat;
}
#divtertiarynav ul li a,
#divtertiarynav ul li a:link,
#divtertiarynav ul li a:visited {
  color: #ffffff;
  text-decoration: none;
}
#divtertiarynav ul li a.current,
#divtertiarynav ul li a.current:link,
#divtertiarynav ul li a.current:visited,
#divtertiarynav ul li a:active,
#divtertiarynav ul li a:hover,
#divtertiarynav ul li a:focus {
  color: #ccff00;
  text-decoration: none;
  background-image: url(/img/nav2/dash_green.gif);
}



/* FOOTER */

#divfooter {
}
#divfooter p.toolnav {
  font-size: 11px;
  line-height: 20px;
  color: #5972ad;
  margin-left: -8px;
}
#divfooter p.toolnav a {
  padding: 0px 8px;
}
#divfooter p.copyright {
  font-size: 10px;
  line-height: 10px;
  color: #999999;
}

