body{ background:#ccc; margin:0px; padding:0; color: #fff}
html { min-height: 100%; margin-bottom: 1px; }
/*START OF COMMON */
#wrapper{width: 770px; font-family:Verdana, Arial, Helvetica; font-size:65%; margin: 0 auto; background:#fff; padding:0;}

img{border:none}

h1{font-weight:bold; font-size: 110%;}
h2{font-weight:bold; font-size: 110%;}

td {padding:0; margin:0;}
ul{ list-style-type: square; margin: 0px 0px 0px 15px; padding: 0px }
li{ margin: 5px 0px}
a{color:#00B08B; text-decoration: none}
a:hover{color:#00B08B; text-decoration: underline}

.strong{font-weight: bold}
.right{ float: right}
.grey{color: #BFBFBF}
.yellow_heading{color: #FFEA00; font-weight:bold}

.features{ margin: 0px 0px 0px 15px; padding:0px 15px 20px 5px; }
.item {padding: 3px 0 3px 15px; background-image: url(i/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px }

/*END OF COMMON */

/*START OF HEADER */

#header{padding-bottom:10px; vertical-align:top;}
#header #top{padding-bottom:10px; }
#header #nav{  width:100%;  clear: both; text-align:right; }
#logo { width:236px; padding-bottom:10px;float:left; }

.navlist li{display: inline;list-style-type: none;padding:0 5px;border-right:1px solid #666; }
.navlist li.last {border-right:none;padding-right:24px;}
.navlist li a { font-weight:normal; color:#666; text-decoration:none;}
.navlist li a:link { }
.navlist li a:visited { }
.navlist li a:hover { font-weight:normal; color:#00B08B; text-decoration:none;}
.navlist li a.selected {color:#00B08B;}

/*END OF HEADER */


/*START OF HOMEPAGE */
#main h1,#main  h2,#main  p,#main  ul {padding-left:15px;padding-right:5px; padding-bottom:0;}
#main img {padding:0; margin:0; clear:both}

#main h1 {background: url(i/computer_home_text.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 49px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:49px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #mainimg {padding-top:0px;}

#main #top_image{padding:10px 30px 10px 20px; font-weight: bold;}
#main #top_image #left{ float:left;  width:185px; margin-right:12px; margin-bottom:20px}
#main #top_image #right{margin-left:116px}
#main #top_image #right .features{ margin: 0px 0px 0px 80px; padding:10px 5px 15px 5px;}
#main #top_image #right .item {padding: 0px 0px 0px 12px; background-image: url(i/bullet.gif); background-repeat: no-repeat; background-position: 0px 5px }


#deals{float:right; margin-bottom:0px}

#main #left_col { width:460px; padding-top:15px; padding-bottom:0; margin:0; background:#00B08B;  }

#main #right_col {color:#474747; width:310px; padding-top:10px;background:#B3B3B3;  border-left:5px solid white; vertical-align:top;}
#main #right_col p{width:272px; margin-top:15px; margin-bottom:12px}
#main #right_col h2{
	margin-top:15px;
	background: url(i/office_solutions.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 11px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}


#main #bottomleft {color:#474747; background:#D9D9D9   ; padding-top:10px; width:237px; vertical-align:top; border-top: 5px solid #fff; padding-bottom: 15px}
#main #bottomleft h2 {background: url(i/software.gif) no-repeat top left;	
	width:125px;
	margin-left:15px;
	padding-top: 20px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
#main #bottomleft .features{ margin: 0px 0px 0px 10px; padding:10px 5px 15px 5px;}
#main #bottomleft .item {padding: 0px 0px 0px 12px; background-image: url(i/bullet_black.gif); background-repeat: no-repeat; background-position: 0px 5px }


#main #bottomright { background:#B3B3B3; padding-top:10px; border-left:5px solid white;width:218px; vertical-align:top;border-top: 5px solid #fff}
#main #bottomright h2 {
	width:80px;	
	background: url(i/alliances.gif) no-repeat top left;	
	margin-left:15px;
	padding-top: 25px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:25px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #bottomright p,h2, #main #bottomleft p,h2{  margin:0px 90px 5px 0px; }
#main #bottomright img, #main #bottomleft img, #main #bottomfarright img{float:right; margin-right:10px; margin-bottom:6px; margin-left:5px}

#main #bottomfarright { background:#00B08B; padding-top:15px; border-left:5px solid white; vertical-align:top;}
#main #bottomfarright p{width:170px; margin-bottom:20px}
#main #bottomfarright h2 
{
   width:170px;
	background: url(i/hardware.gif) no-repeat top left;	
	margin-left:15px;
	padding-top: 14px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:14px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #right_col img {margin:0px 12px;}

/*END OF HOMEPAGE */




/*START OF FOOTER */
#footer{color: #666;  text-align: left; padding:28px 0px 20px 55px;  font-size: 90%; clear: both; height: 42px; background: url(./i/useful_links_logo.gif) no-repeat; background-position: 20px 20px}
#footer a{color: #666; text-decoration: none}
#footer a:hover{color: #666; text-decoration: underline}

/*END OF FOOTER */

/*START OF CAREER */
#career h1, #career h2, #career p, #career  { padding-left:15px; padding-right:15px; padding-top:0px; width:740px; }
#career ul  { padding-left:35px; padding-right:15px; line-height:15px; width:695px;}
#career h1 { background: #00B08B; color:#fff; padding-top:2px; padding-bottom:2px; margin-bottom:45px}
#career #right_col { background:#D9D9D9; color:#474747; border-left:0px solid #fff; vertical-align:top; padding:27px 0 60px 0; width:460px;}
a{color:#00B08B; text-decoration: none}
a:hover{color:#000; text-decoration: underline}
#career #right_col p {margin-bottom:0px; margin-top:5px}
/*END CAREER */

/*START OF CONTACT */
#contact h1, #contact h2, #contact p { padding-left:15px; padding-right:5px; }
#contact h1 { background: #00B08B; color:#fff; padding-top:2px; padding-bottom:2px; margin-bottom:45px}
#contact #left_col { background:#00B08B;  padding:6px 0 50px 0; vertical-align:top; width:304px; }
#contact #left_col p {margin-bottom:0px; margin-top:10px}
#contact #left_col img{margin-bottom:15px}
#contact #right_col { background:#D9D9D9; color:#474747; border-left:6px solid #fff; vertical-align:top; padding:27px 0 60px 0; width:460px;}

#contact #right_col p {margin-bottom:0px; margin-top:15px}
/*END OFCONTACT */


/*START OF SOFTWARE */
/*ALSO USED FOR OFFICE SERVICES */ 
#software h1,  #software p, #software h2  { padding-left:20px; padding-right:5px;}
#software h1, #software h2 { background: #00B08B; color:#fff; padding-top:2px; padding-bottom:2px;margin-bottom:10px}
#software h2 {padding-left:30px; padding-top:20px}
#software p{ margin-top:15px; margin-right:20px; margin-bottom:10px }
#software #left_col { background:#00B08B;  padding:6px 0px 20px 0px; vertical-align:top; width:304px;}
#software #right_col { background:#D9D9D9; color:#474747; border-left:6px solid #fff; vertical-align:top; padding:27px 0 20px 0; width:460px;  }
#software .item{background-image: url(i/bullet.gif);}

/*END OF SOFTWARE */

/*START OF HARDWARE */ 
/*ALSO USED FOR OTHER SERVICES */ 
#hardware h1, #hardware p,#hardware h2 { padding-left:20px;margin-top:15px; padding-right:5px;}
#hardware h2 {color:#00B08B}
#hardware p{ margin-top:15px; margin-right:20px; margin-bottom:15px }
#hardware #right_col { background:#00B08B;  padding:6px 0px 20px 0px; vertical-align:top; width:304px;border-left:6px solid #fff; }
#hardware #right_col p{margin-bottom: 5px}
#hardware #left_col { background:#D9D9D9;  color:#474747; vertical-align:top; padding:0px 0 10px 0; width:460px; padding-bottom:20px}
#hardware #left_col h1{ background: #00B08B; color:#fff; padding-top:2px; padding-bottom:2px; clear: both}
#hardware #left_col #logos{padding-left:20px}
/*END OF HARDWARE */


/*START OF ABOUT */ 
#about h1, #about p { padding-left:10px;margin-top:15px; padding-right:5px;}
#about p{ margin-top:15px; margin-right:20px; margin-bottom:15px }
#about #right_col { background:#00B08B;  padding:6px 0px 20px 0px; vertical-align:top; width:304px;border-left:6px solid #fff; }
#about #right_col p{margin-bottom: 5px; margin-left:0px}
#about #right_col #rollovers{ margin: 0px 10px 60px 10px;  }

 /*CSS for enlarged image on hover*/
#about .thumbnail{position: relative;z-index: 0;}
#about .thumbnail:hover{background-color: transparent;z-index: 50;}
#about .thumbnail span.pop{  width:230px;
position: absolute;
background-color: #B3B3B3;
padding: 10px;
left: -1000px;
border: 1px #fff solid;
visibility: hidden;
color: #fff;
text-decoration: none;
}

#about .thumbnail span img{ margin-right: 5px}
#about .thumbnail:hover span{ visibility: visible; top: -5px; left: 70px; /*position where enlarged image should offset horizontally */}
.rollitem{ padding-bottom:3px}

 /*END CSS for enlarged image on hover*/
#about #right_col #rollovers a{text-decoration: underline; color:#fff }
#about #right_col #rollovers a:hover{text-decoration: underline; color:#fff }
#about #left_col { background:#D9D9D9;  color:#474747; vertical-align:top; padding:0px 0 10px 0; width:460px; padding-bottom:20px}
#about #left_col h1{ background: #00B08B; color:#fff; padding-top:2px; padding-bottom:2px; clear: both}
#about #left_col #small_image{float: left; margin-right:7px; margin-bottom: 30px;}

/*END OF ABOUT */