body {
	margin: 0;
	font: 11px/1.6 "Arial", sans-serif;
	color: #747474;
	background: url(images/body_bg_new.gif) center center repeat-x;
	
		
}

 h6, h5, h4 {
 	color: #555;
 	margin-top: 0;
	margin-bottom: 0;
 	font-size: 1.2em;
	line-height: 31px;
 }
 
  h3 {
 	color: #555;
 	margin-top: 0;
	margin-bottom: 0;
 	font-size: 1.2em;
	line-height: 31px;
 }
 
 h6 {
	/* column headers for index.html */
 	height: 31px;
 	background: url(images/1col_top_new.gif) no-repeat;
	padding-left: 18px;
 }
 
 h5 {
 	/* column headers for content with wide right */
 	height: 31px;
 	background: url(images/2col_top_new.gif) no-repeat;
	padding-left: 18px;
 }
 
  h4 {
 	/* column headers for content with wide right */
 	height: 31px;
 	background: url(images/2col_top_new.gif) no-repeat;
	padding-left: 18px;
 }

/* main div styles */

#main {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 305px 15px 0 15px;
	background: url(images/3col_mid.gif) repeat-y center;
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow: hidden;
}

#main1 {
	width: 751px;
	margin-left: auto;
	margin-right: auto;
	padding: 305px 14px 0 16px;
	background: url(images/rcol_wide_mid.gif) repeat-y center;
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow: hidden;
}

#main2 {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 305px 15px 0 15px;
	background: url(images/lcol_wide_mid.gif) repeat-y center;
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow: hidden;
}

#main3 {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 254px 15px 0 15px;
	background: url(images/lcol_wide_mid.gif) repeat-y center;
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow: hidden;
}

#main4 {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 306px 15px 0 15px;
	background: url(images/lcol_wide_mid.gif) repeat-y center;
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow: hidden;
}

#mainsub  {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 305px 15px 0 15px;
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow: hidden;
}

#menu {
	background-image: url(images/noflash_bg.gif);
	background-repeat: repeat-x;
	width: 780px;
	height: 240px;
}


#flash {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -391px;
	background-color: #fff;
	width: 749px;
	height: 306px;
	
}

#flash2 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -390px;
	background-color: #fff;
	width: 749px;
	height: 100%;
}

#oneCol {
	float: left;
	width: 250px; 
}

#twoCols {
	float: right;
	width: 500px;
}

#twoColsHome {
	float: right;
	width: 500px;
	background-color: #fff;
}

#content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content li {
	margin-left: 18px;
	padding-right: 18px;
}

#content li h6 {
	margin-left: -18px;
	margin-right: -18px;
	margin-bottom: 5px;

}

#content li h4 {
	margin-left: -18px;
	margin-right: -18px;
	margin-bottom: 5px;

}

#midCol {
	float: left;
	width: 250px;
}

#rightCol {
	float: right;
	width: 250px;
}

#closer {
	clear: both;
}

.spaced {
	margin: 5px 20px 0 18px;
}

.spacedcomps {
	margin: 5px 20px 0 18px;
	padding-left: 35px;
	background-image: url(images/computer.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.spacednetw {
	margin: 5px 20px 0 18px;
	padding-left: 35px;
	background-image: url(images/network.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.spacedsecu {
	margin: 5px 20px 0 18px;
	padding-left: 35px;
	background-image: url(images/securityicns.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.spacedhard {
	margin: 5px 20px 0 18px;
	padding-left: 35px;
	background-image: url(images/hardware.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.spacedweb {
	margin: 5px 20px 0 18px;
	padding-left: 35px;
	background-image: url(images/web.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.spacedshop {
	margin: 5px 20px 0 18px;
	padding-left: 35px;
	background-image: url(images/shopfloor.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}


#footTable {
	width: 750px;
	background-color: #fff;
	font-size: 0.9em;
	line-height: 1.6em;
	border-top: 1px solid #CCC;
	margin-top: -5px;
}

#footTable td {
	padding: 15px 20px 15px 10px;
}

#lowContent {
	clear: both;
}

#btns {
	background: #fff;
}

#twoColsLeft {
	float: left;
	width: 250px;
}

#oneColRight {
	width: 500px;
	float: right;
	background: url(images/2col_mid.gif) repeat-y;
}

#leftCol {
	float: left;
	width: 250px;
}

.2colspaced {
	margin-left: 18px;
	margin-right: 18px;
}

#lCol {
	float: left;
	width: 500px;
}

#rCol {
	float: right;
	width: 250px;
}

.subhdr {
	margin-left: 18px;
	margin-right: 20px;
	font-size: 1.1em;
	color: #7a7a7a;
	font-weight: bold;
	background-image: url(images/hdr.gif);
	line-height: 45px;
}

.hrspaced {
	margin: 12px 20px 12px 18px;
}

.spaced img {
	margin-top: 10px;
}

#qmark {
	background-image: url(images/qmark.gif);
	background-repeat: no-repeat;
	/* background-position: 18px; */
	margin: 20px 20px 20px 18px;
	padding: 0;
	height: 100px;
}

#qmark p {
	margin: 0;
	padding: 0;
	line-height: 50px;
	font-weight: bold;
	font-size: 1.3em;
	margin-left: 90px;
}

/* index.html styles */



.recovery {
	height: 150px;
	background-image: url(images/recovery5.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 80px;
}

.basicbg {
	background-image: url(images/hdr_bg.gif);
	line-height: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	color: #7d7d7d;
}

.basicbgp {
	background-image: url(images/hdr_bg.gif);
	line-height: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	color: #7d7d7d;
	margin-left: 18px;
}

.sub {
	background-image: url(images/subhdr.gif);
	line-height: 23px;
	margin: 5px 20px 0 18px;
}

/* code for development list */
#develop {
	list-style-type: none;
	
}

#develop li {
	background-image: url(images/asterisk_orange.gif);
	background-repeat: no-repeat;
	line-height: 24px;
	padding-left: 20px;
	
}

#timeline {
	float: left;
	width: 500px;
}

/* CSS for search form */

#search {
	width: 780px;
	height: 65px;
	background-image: url(images/searcher.gif);
	background-position: center;
}

#searchbox {
	float: left;
	width: 300px;
	margin-top: 12px;
	margin-left: 35px;
}

#nav {
	float: right;
	width: 305px;
	margin-top: 16px;
	padding-bottom: 2px;
}

#nav_design {
	float: right;
	width: 405px;
	margin-top: 16px;
	padding-bottom: 2px;
}

.dir {
	background-color: #fff;
}

.dir_sub {
	padding-left: 0;
	
}

.tab {
	background-color: #fff;
}

.term {
	height: 16px;
	color: #999;
}	

.margLeft {
	margin-left: 6px;
}

#common {
	float: right;
	width: 410px;
	
}

#common em {
	margin-left: -999em;
}

.commonSeps {
	font-weight: bold;
	color: #333;
}

#common a:link, #common a:visited {
	display: block;
	height: 65px;
	float: left;
}


#homelnk:link, #homelnk:visited {
	background-image: url(images/home_up.gif);
	background-position: bottom;
	width: 83px;
}

#profilelnk:link, #profilelnk:visited {
	background-image: url(images/profile_up.gif);
	background-position: bottom;
	width: 93px;
}

#contactlnk:link, #contactlnk:visited {
	background-image: url(images/contact_up.gif);
	background-position: bottom;
	width: 97px;
}

#helplnk:link, #helplnk:visited {
	background-image: url(images/help_up.gif);
	background-position: bottom;
	width: 97px;
}

#homelnk:hover {
	background-position: top;
}

#profilelnk:hover {
	background-position: top;
}

#contactlnk:hover {
	background-position: top;
}

#helplnk:hover {
	background-position: top;
}

#footer {
	margin-top: -4px;
	background-color: #fff;
	background-image: url(images/ftr.gif);
	background-position: 10px 5px;
	background-repeat: no-repeat;
	height: 70px;
}

#footer p {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-left: 190px;
	line-height: 1.7em;
	color: #999;
}

#searchBar {
	width: 135px;
}

#arena {
	border: 1px solid #666;
}

/* google search form */


#cnc {
	padding-top: 20px;
}

#cnc li {
	margin: 0 20px 0 20px;
	padding: 0;
	height: 18px;
	line-height: 18px;
}

#li2 {
	background-color: #e9e9e9;
	margin-right: 20px;
}

#ServReq {
	margin: 5px 20px 0 18px;
}

#TechReq {
	margin: 5px 20px 0 18px;
}

#SoftReq {
	margin: 5px 20px 0 18px;
}

#ShopReq {
	margin: 5px 20px 0 18px;
}

#SecuReq {
	margin: 5px 20px 0 18px;
}

#WebsReq {
	margin: 5px 20px 0 18px;
}

#GeneReq {
	margin: 5px 20px 0 18px;
}

.quote {
	font-style: italic;
}

/* code to eliminate the bug that shows background color on image links */

a img {
	display: block;
	background: transparent;
}

/* moving flash */

#moving a:link, #moving a:visited {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 204px;
	height: 204px;
	background: url(images/hp_web_flash.png) no-repeat;
}

#moving i {
	margin-left: -999em;
}

.homeheadsb {
	color: #0067b1;
	font-weight: bold;
	font-size: 12px;
}

.homeheadsgr {
	color: #00a551;
	font-weight: bold;
	font-size: 12px;
}

.homeheadsr {
	color: #ee4036;
	font-weight: bold;
	font-size: 12px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
