/* CSS Document */
body{
	font: 75%/1em verdana, Helvetica, sans-serif;
	background-image:url(../images/bg/body_bg2.gif);
	background-repeat:repeat-x;
    margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:center;

	
}
    
    h1 {
        font-family: verdana, Helvetica, sans-serif;
        font-size: 1.5em;
        font-weight: bold;
           
        }
	h2 {
        font-family: verdana, Helvetica, sans-serif;
        font-size: 1empx;
        color:#354BA1; 
		      
        }
		h3 {
        font-family: verdana, Helvetica, sans-serif;
        font-size: 1.05em;
		font-weight:bold;
        color:#354BA1;
		margin-bottom:0px; 
		  
        }
	h4{
		font-family: verdana, Helvetica, sans-serif;
        font-size: 1em;
        color:#0066CC ;
		margin-bottom:0px;
		
		}
		
	a {
		font-family: verdana, Helvetica, sans-serif;
		color: #0066FF;
		text-decoration:none;
}

a:hover {
		font-family: verdana, Helvetica, sans-serif;
		color:#00CCFF;
		text-decoration:none;
}
/*..................maindiv.....................................................................................................*/        
    #container {	
	width: 770px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	background-image:url(../images/bg/cont_bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	
	
        }
/*..................topheader...................................................................*/        
    #banner {
	width:770px;
	height:74px;
	background-image:url(../images/bg/banner_bg.gif);
	background-repeat:no-repeat;
	margin:0px;
	position:relative;
        }
	#banner span{
	display:none;
	}
	#logo{
	position:absolute;
	left:5px;
	top:10px;
	
	}
	  #pageheader{
	width:770px;
	height:74px;
	margin:0px;
        }
/*..................global buttons.......................*/        
      #utility {
		width:170px; 
		height:10px;       
     	position:absolute;
		left:640px;
		top:14px;
        }
    #utility ul {
          margin:0;
          padding:0px 0px 0;
          list-style:none;
          }
    #utility li {
		  float:left;
		  margin:0;
		  padding:0px 0px 0px 0px;
      }
    #utility a {
		float:left;
		display:block;
		padding:0px 0px 0px 0px;
		width:55px;
		height:10px;
		font-size:.8em;
		color:#FF3300;
		text-decoration:none;
		text-align:center;
      }
	  
      #utility a:hover {
	  text-decoration:underline;
 
      
      }
           /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #utility a {float:none;}
        /* End IE5-Mac hack */
    #utility span{
        display:none;
          color:#333;
      }
 #sidebar {
		width:163px; 
		height:29px;       
     	position:absolute;
		left:9px;
		top:170px;
        }

#sidebar ul{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
	

}
#sidebar li{
margin:1px;
padding:0px;
list-style:none;
}
	
    #sidebar li a{ 
	display:block;
	width:135px;
	height:13px;
	padding:5px 9px 5px 21px;
	background-image:url(../images/buttons/but_sidenav.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:.8em;
	font-weight:bold;
	color:#2D4455;      
        }
        
    #sidebar a:hover{
	background-position:0px -23px;
      
        }
#subnav {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	

}
#subnav li{
	margin:1px;
	padding:0px;
	list-style:none;
}
#subnav li a{ 
	display:block;
	width:135px;
	height:13px;
	padding:5px 2px 5px 28px;
	background-image:url(../images/buttons/but_subnav.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:.8em;
	font-weight:normal;
	color:#2D4455;      
        }
        
#subnav a:hover{
	background-position:0px -23px;
      
        }
        
	  #content{
	  margin:0px;
	  width:auto;
	  text-align:left;
	  margin-left:170px;	  
	  }
	 #contentholder{
	  margin:0px;
	 width:573px;	
	 padding:10px 10px 0px 17px; 
	 font-size:.9em;	
	 color:#333333;
	  }
	  
#contentholder p{
	padding-top:0px;
	margin-top:8px;
	padding-bottom:0px;
	margin-bottom:8px;
	 line-height:1.1em; 
	}
#contentable td{
	margin:0px!important;
	}
#contentholder ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	#contentholder ul li{
	padding: 0px 0px 0px 10px;
	background-image:url(../images/bg/client_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	}

.ultopline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	}
	
/*..................footer................................................................................*/        
  #footer{
	color:#666666;
	font-size:.8em;
	padding:5px 5px 5px 200px; 
	border-top:1px solid #D8E0F0;

}
/*.................................portal...............................*/
#network{
	background-image:url("../images/portal/network.gif");
	background-repeat:no-repeat;
	width:139px;
	height:72px;
	vertical-align:top;
	padding:40px 5px 20px 135px;
}
#database{
	background-image:url("../images/portal/database.gif");
	background-repeat:no-repeat;
	width:139px;
	height:90px;
	vertical-align:top;
	padding:30px 5px 20px 135px;
}
#mobile{
	background-image:url("../images/portal/mobile.gif");
	background-repeat:no-repeat;
	width:139px;
	height:73px;
	vertical-align:top;
	padding:40px 5px 20px 135px;
	
}
#webdev{
	background-image:url("../images/portal/webdev.gif");
	background-repeat:no-repeat;
	width:141px;
	height:90px;	
	vertical-align:top;
	padding:30px 5px 20px 135px;
}
#network ul{
	margin:0px;
	padding:0px;
}
#network ul li{
	background-image:none;
	}
#webdev ul{
	margin:0px;
	padding:0px;
}
#webdev ul li{
	background-image:none;
	}
#database ul{
	margin:0px;
	padding:0px;
}
#database ul li{
	background-image:none;
	}

#mobile ul{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}
#mobile ul li{
	background-image:none;
	}
#webdev ul{
	margin:0px;
	padding:0px;
	list-style:none;
	color:#003366;
}
#webdev ul li{
	background-image:none;
	}
/*.................................typodetails...............................*/
.nopad{
	padding-top:0px!important;
	margin-top:2px!important;
}

.sidepanel{
	width:200px;
	height:400px;
	float:right;
	margin:0px 0px 0px 15px;

}
.panel{
	width:180px;
	padding:10px 10px 0px 10px;
	height:300px;
	background-image:url(../images/sample.gif);
	background-repeat:no-repeat;

}
#contentholder h3 {
	height:24px;
	margin-bottom:0px!important;
	background-position:0px;
	background-repeat:no-repeat; 
	padding:0px!important;		  
    }
#contentholder h3 span{
	display:none;		  
        }
/*.................header backgrounds...............*/		
.network_plan{background-image:url(../images/headerbg/network_plan.gif);}
.network_migrate{background-image:url(../images/headerbg/network_migrate.gif);}
.inter_secure{background-image:url(../images/headerbg/internet_security.gif);}
.anti_virus{background-image:url(../images/headerbg/anti_virus.gif);}
.web_design{background-image:url(../images/headerbg/web_design.gif);}
.web_maintain{background-image:url(../images/headerbg/web_maintain.gif);}
.interactive{background-image:url(../images/headerbg/interactive_multimedai.gif);}
.mobile_services{background-image:url(../images/headerbg/mobile_devices.gif);}
.database_development{background-image:url(../images/headerbg/database_development.gif);}
.e_adress{background-image:url(../images/headerbg/email_addresses.gif);}
.putting{background-image:url(../images/headerbg/putting_IT.gif);}
.total{background-image:url(../images/headerbg/total_solutions.gif);}
.storage{background-image:url(../images/headerbg/storage_solutions.gif);}
.backup{background-image:url(../images/headerbg/backup_solutions.gif);}
.hardware{background-image:url(../images/headerbg/software_hardware.gif); height:48px!important}
.feature_web{background-image:url(../images/headerbg/feature_web.gif);}


/*......................details................................*/
.clientlist{
	margin-top:20px;
}
.clientlist td{
	padding:5px 5px 5px 10px;
	vertical-align:top;
}
.clientborder{
	background-image:url(../images/bg/client_bg.gif);
	background-repeat:no-repeat;
	background-position:2px 8px;
	border-top:1px solid #C1D9EB;

}
.clientborder1{
	border-top:1px solid #C1D9EB;

}
.apanel{
	width:350px;
	background-color:#ffffff;
	margin-top:15px!important;
	height:115px;
	
}
.apanela{
	width:165px;
	background-color:#ffffff;
	height:115px;
	float:left;
	background-image:url(../images/panel_bg.gif);
	background-repeat:no-repeat;
	}
.apanelb{
	width:165px;
	background-color:#ffffff;
	height:115px;
	float:right;
	background-image:url(../images/panel_bg.gif);
	background-repeat:no-repeat;
	
	}
.apanel p{
	margin:25px 10px 5px 10px!important;
	}
/*.................portal links................................*/
#network a{
	display:block;
	margin-top:5px;
	width:75px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../images/portal_bullet.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#network a:hover{
text-decoration:underline!important;
color:#FFFFFF!important;
}
#mobile a{
	display:block;
	margin-top:5px;
	width:75px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../images/portal_bullet.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#mobile a:hover{
text-decoration:underline!important;
color:#FFFFFF!important;
}
#webdev a{
	display:block;
	margin-top:5px;
	width:75px;
	height:20px;
	color:#145C7E;
	font-weight:bold;
	background-image:url(../images/portal_bullet3.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#webdev a:hover{
text-decoration:underline!important;
color:#145C7E!important;
}
#database a{
	display:block;
	margin-top:5px;
	width:75px;
	height:20px;
	color:#4A4A2A;
	font-weight:bold;
	background-image:url(../images/portal_bullet2.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#database a:hover{
text-decoration:underline!important;
color:#4A4A2A!important;
}