/* home page styles for Denneen & Co. site  */


/* GENERAL */

body {
  background-image: url(../img/home/pagebkg.gif);
  background-position: 750px 0px;
  background-repeat: repeat-y;
}



/* BANNER */

#divbannerband {
  position: relative;
  height: 115px;
  z-index: 5;
}
/* logo (padding + image = 900x115) */
#divlogo {
  padding: 33px 499px 29px 69px;
}
#divlogo h1 {
  margin: 0px;
}
/* growth/strategy/consulting */
#divgsc {
  position: absolute;
  left: 763px;
  top: 27px;
  width: 93px;
  height: 57px;
  z-index: 10;
}
#divgsc p {
  margin: 0px;
}



/* PRIMARY NAVIGATION */

/* menu appearance */
#primarynav ul.submenu {
  background-color: #e2e4e6;
}
#primarynav ul.submenu li {
  background-color: #ffffff;
}
/* color box to right of links */
#divcolorbox1 {
  position: absolute;
  left: 750px;
  top: 0px;
  width: 150px;
  height: 30px;
  z-index: 1;
  background-color: #7a8ebd;
}



/* IMAGES/FLASH */

#divflashband {
  position: relative;
  height: 180px;
  z-index: 5;
  background-color: #000000;
  background-image: url(../img/home/darkgraybkg.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
}
/* constellation */
#divconstellation {
  width: 180px;
}
/* flash area */
#divflash {
  position: absolute;
  left: 180px;
  top: 0px;
  width: 570px;
  height: 180px;
  z-index: 1;
  background-color: #bec1c6;
}
#divflash p {
  margin: 0px;
}
/* color boxes to right of flash/images */
#divcolorbox2 {
  position: absolute;
  left: 750px;
  top: 0px;
  width: 150px;
  height: 28px;
  z-index: 1;
  background-color: #cbced1;
}
#divcolorbox3 {
  position: absolute;
  left: 750px;
  top: 28px;
  width: 150px;
  height: 152px;
  z-index: 1;
  background-color: #c2c5c9;
}



/* TEXT */

#divtextband {
  position: relative;
  z-index: 5;
  margin: 15px 0px 0px 18px;
  padding: 10px 0px 10px 0px;
  width: 722px;
  border-top: 1px solid #acb9d6;
  border-bottom: 1px solid #acb9d6;
}
/* rules between areas */
#tdspotlight, #tdquote {
  border-right: 1px solid #acb9d6;
}
/* spotlight (total width 162px) */
#divspotlight {
  width: 154px;
  padding: 10px 8px 0px 0px;
}
#divspotlight h2 {
  font-size: 12px;
  font-weight: bold;
  line-height: 100%;
  color: #ccffff;
  margin-bottom: 12px;
}
#divspotlight ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#divspotlight ul li {
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  color: #ccffff;
}
#divspotlight ul li a {
  display: block;
  position: relative;
  left: -8px;
  padding-left: 8px;
  background-image: url(../img/home/spotbullet.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;
}

#divspotlight ul li a,
#divspotlight ul li a:link,
#divspotlight ul li a:visited {
  color: #000000;
  text-decoration: none;
  background-image: url(../img/home/spotbullet.gif);
}
#divspotlight ul li a:active,
#divspotlight ul li a:hover,
#divspotlight ul li a:focus {
  color: #ccffff;
  text-decoration: none;
  background-image: url(../img/home/spotbullet_hi.gif);
}
/* quote (total width 217px) */
#divquote {
  position: relative;
  z-index: 1;
  width: 217px;
  min-height: 200px;
}
#divquote p {
  display: none;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 9px;
  width: 177px;
  font-size: 17px;
  color: #ffffff;
  margin: 0px;
}
#divquote p span.larger {
  font-size: 30px;
}
#divquote p span.more {
  display: block;
  padding-top: 10px;
  font-size: 9px;
}
#divquote a {
  display: block;
  width: 177px;
}
#divquote a,
#divquote a:link,
#divquote a:visited {
  color: #ffffff;
  text-decoration: none;
}
#divquote a:hover {
  color: #ffffff;
  text-decoration: none;
}
#divquote a:hover span.more {
  color: #ccffff;
}

/* intro text (total width 341px) */
#divintro {
  padding: 5px 6px 5px 18px;
  width: 317px;
}
#divintro p {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  line-height: 30px;
  margin: 0px;
}


/* FOOTER */

#divfooter {
  position: relative;
  padding-left: 20px;
  width: 720px;
}
#divfooter p {
  font-size: 11px;
  line-height: 100%;
  color: #99ccff;
  margin: 0px;
}
#divfooter a,
#divfooter a:link,
#divfooter a:visited {
  color: #99ccff;
  text-decoration: none;
}
#divfooter a:active,
#divfooter a:hover,
#divfooter a:focus {
  color: #ccffff;
  text-decoration: none;
}
/* tool nav */
#divfooter p.toolnav {
  padding: 11px 0px 28px 391px;
  width: 250px;
}
#divfooter p.toolnav a {
  padding: 0px 6px;
}
/* copyright */
#divfooter p.copyright {
  padding: 0px 0px 28px 0px;
  font-size: 10px;
  color: #cccccc;
}
/* login */
#divfooter p.login {
  position: absolute;
  right: 0px;
  top: 11px;
  width: 80px;
  height: 1.1em;
  z-index: 5;
  text-align: right;
}