@charset "utf-8";

/* upperContent images (education, corporate & MOD) */
#upperContent > img { 
  margin-top: 20px;
  margin-left: 26px;
  z-index: 1;
}

.divUpperContent {
  display: inline;
  float: left;
  width: 30%;
  margin-left: 15px;
  margin-top: 0px;
  font-family: Verdana, Tahoma, Arial;
  text-align: center;
  z-index: 1;
}

.divUpperContent > p { 
  position: relative;
  width: 97%;
  margin: 2px auto 15px auto;
  top: 2px;
  font-family: inherit;
  font-size: 0.75em;
  line-height: 130%;
  padding-left: 5px;
  text-align: left;
}


#eduBox, #corpBox, #modBox { 
  position: relative;

}
#corpBox {
  left: 10px;
} 
#modBox { 
  left: 20px;
} 

.divUpperContent > a { 
  display: inline;
  text-decoration: none;
  height: 0;
 } 

/* .divUpperContent > a > h1 { */
.hpCatBoxTitle { 
  display: inline;
  position: relative;
  top: 17px;
  top: 20px;
  width: 90%;
  color: #ffffff;
  font-weight: bold;
  font-family: inherit;
  margin: 0 auto 0 auto;
  text-align: center;
  font-size: 85%;
  z-index: 2;
  padding: 0;
 }


/* override on home page */
#lowerContent {
  top: 305px;
  height: 400px; /* override akhter-main.css values */
}


a.moreinfo { 
  background-color: #999999;
  z-index: 2;
  border: 1px solid #ffff00;
  width: 68px;
  height: 13px;
  margin: -22px 25px 10px auto;
  padding-top: 1px;
  position: relative;
  font-size: 7pt;
  font-family: Verdana, Tahoma, Arial;
  vertical-align: middle;
  text-align: center;

  display: inline;
  text-decoration: none;
  color: #ffffff;
 }

a.moreinfo:hover { 
  background-color: #22AE4B !important;
  cursor: pointer;
 }


#lowerContentTopRow, #lowerContentBottomRow {
	position: relative;
	top: 0px;
	width: 100%;
	height: 50%;
	display: block;
	background-image: url(../images/prodbox-01-32bit-testbox.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
 }

#lowerContentBottomRow { 
  top: 22px;
 }


.prodBox { 
  positon: relative;
  display: inline;
  height: 200px;
  width: 200px;
  z-index: 2;
  top: 0px
  margin-right: 20px !important; /* make !important - seems to break background images if not set */
  float: left;
  background-repeat: no-repeat;
  background-position: 15px 45px;
  background-position: center 60px;
  font-family: Verdana, Tahoma, Arial;

 }

.prodBox > h1 { 
  position: relative;
  margin: 0px auto 0 auto;
  font-size: 80%;
  text-align: center;
 }

.prodBox > p { 
  font-size: 0.63em;
  width: 80%;
  position: relative;
  line-height: 120%;
  left: 10%;
 }


.prodBox > a { 
  background-color: #999999;
  z-index: 2;
  border: 1px solid #ffff00;
  width: 68px;
  height: 13px;
  padding-top: 1px;
  padding: 1px 5px; 0 5px;
  position: relative;
  font-size: 7pt;
  font-family: Verdana, Tahoma, Arial;
  vertical-align: middle;
  text-align: center;

  display: inline;
  text-decoration: none;
  color: #ffffff;

  top: 95%;
  left: 56%;
 }

.prodBox > a:hover { 
  background-color: #22AE4B !important;
  cursor: pointer;
 }



/* .prodBox > .moreinfo { */
/*   position: relative; */
/*   top: 105%; */
/*   left: 3%; */
/* } */


#hpprod8 { 
  /*  background-image: url(/images/AN825i-Notebook-140x121-8bit.png); */
  background-image: url(/images/AN822-home-page-img-16-06-08.png);
  background-position: 12px 8px;
}
#hpprod8 > h1 { 
  text-align: center;
  margin-left: 100px;
}
#hpprod8 > p { 
  top: 75px;
}


#hpprod2 {
/*   background-image: url(/images/children-small.png); */
  background-image: url(/images/akhtersuite-CMYK-EPS-8bit.png);
  background-position: center 66px;
}
#hpprod2 > p { 
  top: 78px;
}



#hpprod3 { 
  background-image: url(/images/Desk8-8bit.png);
  background-position: 15px 14px;

}
#hpprod3 > h1 { 
  text-align: center;
  margin-left: 100px;
}

#hpprod3 > p { 
/*   width: 90%; */
/*   left: 7%; */
  top: 47px;
}


#hpprod4 {
/*   background-image: url(/images/vidflow-class-small.png); */
/*   background-image: url(/images/retro-tv-comp.png); */
/*   background-image: url(/images/flat_lcd_screens-comp.png); */
  background-image: url(/images/Vidflow-8bit.png);
  background-position: center 49px;
}
#hpprod4 > p { 
  top: 90px;
 }


#hpprod5 {
  background-image: url(/images/fast-net-upgrades-8bit.png);
  background-position: center 55px;
}
#hpprod5 > p { 
  top: 90px;
}

#hpprod6 {
  background-image: url(/images/AR230-small-01-8bit.png);
  background-position: 15px 5px;
}
#hpprod6 > h1 { 
  text-align: center;
  margin-left: 90px;
}
#hpprod6 > p { 
  top: 78px;
}


#hpprod7 {
  background-image: url(/images/ms-sharepoint-8bit-hor.png);
  background-position: center 66px; 
}
#hpprod7 > p { 
  top: 90px;
  width: 170px;
}


#hpprod1 {
	/*   background-image: url(/images/All-in-One-01-8bit.png); */
  background-image: url(../images/LoCO2-PC-on-own-stand-120h-light-purple.jpg);
	/*   background-position: 15px 15px; */
  background-position: center 30px;

}
#hpprod1 > h1 { 
  text-align: center;
/*   margin-left: 90px; */
}
#hpprod1 > p {
	top: 121px;
}


#header, #header > p, .headerH1 { 
  font-family: Verdana, Tahoma, Arial;
  text-align: left; /* override center in akhter-main.css for home page only */
 }

.headerH1, .headerH2, .headerH5 { 
  font-family: "Verdana Bold", Verdana, Tahoma, Arial;
 }


/* the styles below all relate to the countdown timer & can be removed/commented out when countdown expires */
.headerH2 { 
  font-size: 140%;
  z-index: 2;
}

.headerH1 { 
  font-size: 180%; 
  left: 190px;
}

.headerH5 { 
  position: relative;
  font-size: 110%;
  z-index: 99;
  top: -110px;
  left: 215px;
 }

.cdtimer { 
  text-decoration: none; 
  color: #000000;
 }

#countdownWrapper { 
  border: 1px solid #000000;
 }

#countdown { 
  position: relative;
  top: -105px;
  left: 245px;
  z-index: 2;
 }

#countdown:hover { 
  cursor: wait;
 }


/* end of countdown timer stuff */


.tm { 
  vertical-align: super;
  font-variant: small-caps;
  font-size: 50%;
}

/* end of home page content rules */




/* overriding header background for GreenIT stuff only */
#header {
	background-image: url(/images/greenit/Home-page-banner-BLANK-02-02-09.jpg);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 120px top;
  
}

#akhterLogo {
  top: 8px;
}


#hpprod2 {
  background-image: url(/images/greenit/prodbox-eco.gif);
  background-position: 10px 6px;
}

#hpprod2new {
	background-image: url(../images/greenit/laurel3.jpg);
	background-position: 28px 20px;
}

#hpprod2 > a { top: 97px; }

#hpprod5 {
  background-image: url(/images/akhtersuite-CMYK-EPS-8bit.png);
  background-position: center 66px;
}
#hpprod5 > p { 
  top: 78px;
}


#greenbanner { 
  position: absolute;
  top: 0px;
  left: 230px;
 }

/* 
   we don't need an extra stylesheet for IE6 here, this works fine 
   however, we put a display: none; for #greenitbutton in the akhter-ie6.css 
   stylesheet to hide #greenitbutton in IE6
*/
#greenitbutton, #greenitbuttonie6 { 
  position: relative;
  top: 60px;
  left: -22px;
  display: inline;
 }