@charset "utf-8";
/* ---- Because IE is stupid force nav container height: ----  
  (this is due to an IE bug that doesn't always allow for % heights
  for DIVs. Setting this value makes the leftnav scale correctly).
*/

#home #leftNav
{
	height:430px;
}
 /* Products Section: */
#products #leftNav
{
	height:610px;
}
#consulting #leftNav
{
	height:716px;
}
#eCommerce #leftNav
{
	height:560px;
}

#disaster #leftNav
{
	height:560px;
}

#managedservices #leftNav
{
	height:560px;
}

#software #leftNav
{
	height:560px;
}

#networking #leftNav
{
	height:560px;
}
/* End Products Section  */


#aboutus #leftNav
{
	height:430px;
}


#contact #leftNav
{
	height:430px;
}

#database #leftNav
{
	height:500px;
}


/* ------------------------------------------- */


/* -------- Nav Bar ------------- */
#navtop
{
   background-image:url(images/nav-top.gif);
   width:140px;
   height:1px;
   background-repeat:no-repeat;
   margin:0px;
   padding:0px;
   overflow:hidden;
}

#navbuttons
{
    z-index:20;
}

.navshift
{
	position:relative;
	left:3px;
	top:4px;
}

#leftNav ul 
{
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type:none;
	text-align:left;
	width:140px;
	margin-top:0px;
}

#leftNav li
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:140px;
	height:27px;
	background-image:url(images/nav-mainbg2.gif);
	background-position:0px -27px;
}

#leftNav a
{
	text-decoration:none;
	color:#333333;
	background-image:url(images/nav-mainbg2.gif);
	background-repeat:no-repeat;
	display:block;
	width:140px;
	height:27px;
}

#leftNav a:hover
{
	/* Because IE is stupid it won't cache a bg image... so instead turn of the image
	already showing to reveal the roll state set behind it in the LI element */
	background-image:none;
}


/* ------ Make Current Page Active In Nav (top level) -------- */
#home a.home 
{
	background-image:none;
	font-weight:bold;
}

#products a.products
{
background-image:none;
font-weight:bold;
}

#about a.about
{
background-image:none;
font-weight:bold;
}

#contact a.contact
{
background-image:none;
font-weight:bold;
}


#aboutus a.aboutus
{
background-image:none;
font-weight:bold;
}



/* ------- Products & Services Sub Nav -------- */

#prodSubNav
{
	/* hide the sub nav unless overridded */
	display:none;
}

#prodSubNav li
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:140px;
	height:27px;
	background-image:url(images/nav-subbg.gif);
	background-position:0px -27px;
}

#prodSubNav a
{
	text-decoration:none;
	color:#333333;
	background-image:url(images/nav-subbg.gif);
	background-repeat:no-repeat;
	display:block;
	width:140px;
	height:27px;
}

.subnavshift
{
	position:relative;
	left:19px;
	top:4px;
}


/* ------- Make Sub Nav appear in Products and Services Pages  --------*/
.productsservices #prodSubNav
{
	display:block;
}

/* -------- Make Current Sub-Page Active In Nav -------------- */
.productsservices .products
{
	font-weight:bold;
	/*to make the text fit width wise while bold we have to
	change the unit of measurement to PX to get a size between
	9pt and 10pt. */
	font-size:12px;
}

.productsservices .products .navshift
{
	/*offset the bold Products & Services text slightly to fit better
	(since it's now using px instead of pt */
	position:relative;
	top:5px;
}

#consulting a.consulting 
{
	background-image:none;
}

#disaster a.disaster
{
background-image:none;
}

#managedservices a.managedservices
{
background-image:none;
}

#eCommerce a.eCommerce
{
background-image:none;
}

#software a.software
{
background-image:none;
}

#networking	a.networking
{
background-image:none;
}

#database a.database 
{
	background-image:none;
}