body{
margin:5px;
background: #0E2533 url(images/bg2.jpg) repeat-y center top;
font-family:Arial, Helvetica, sans-serif;
color:#414040;
font-size : 12px;
}

.midleft{
background-image:url(images/mid-left.jpg);
vertical-align:bottom;
}

.midright{
background-image:url(images/mid-right.jpg);
background-repeat:repeat-y;
vertical-align:bottom;
}

.headline{
background-image:url(images/headlines-middle.jpg);
border-left:1px solid #6EBEF0;
border-right:1px solid #6EBEF0;
font-family:Arial, Helvetica, sans-serif;
color:#2B2B2B;
font-size:12px;
padding:0px 0px 4px 0px;
text-align:justify;
}

.click{
font-family:Arial, Helvetica, sans-serif;
color:#960000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.click:link{
font-family:Arial, Helvetica, sans-serif;
color:#960000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.click:hover{
text-decoration:underline;
}

.acmanagement{
background-image:url(images/am-mid.jpg);
border-left:1px solid #256B98;
border-right:1px solid #256B98;

}

.login{
background-color:#95CDF7;
border:1px solid #6DACDC;
}

.textblue{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00568E;
padding:1px 6px 1px 0px;
}
.textblue-b{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00568E;
padding:1px 6px 1px 0px;
}

.textwhite{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding-bottom:6px;
padding-top:6px;
text-decoration:none;
}

a.textwhite:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding-bottom:6px;
text-decoration:none;
}

a.textwhite:hover{
text-decoration:underline;
color:#053454;
}

.textblack{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
padding-right:10px
}

a.textblack:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
padding-right:10px
}

a.textblack:hover{
text-decoration:underline;
}

.maintext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#414040;
padding:2px 0px 4px 0px;

}
a.linktext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#414040;
padding:2px 0px 4px 0px;
text-decoration:underline;

}
a.linktext:hover{
color:#AA0101;


}

input{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00568E;
background-color:#ffffff;
border:1px solid #28BAF5;
padding-left:4px;
height:12px;
vertical-align: middle;

}

.erp{
background-image:url(images/erp-bg.jpg);
background-repeat:no-repeat;
height:74px;
}

.box{
background-image:url(images/subcat-bg.jpg);
background-color:#FCFDFD;
border:1px solid #D2D2D3;
width:220px; 
}

.dps{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#648396;
padding-top:4px;
text-decoration:none;
}

a.dps:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#648396;
padding-top:4px;
text-decoration:none;
}
a.dps:hover{
text-decoration:underline;
}

.sitemap{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0F669B;
padding-right:7px;
text-decoration:none;
}
.sitemap:hover{
color:#000000;
}
.featured{
background-image:url(images/featured-back.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
}
/*CSS by Satyaki*/
td {
vertical-align:top;
}
.fltlft {
float:left;
}
.fltrt {
float:right;
}
.innerbox {
background:#FFF url(images/bg-innerbox.jpg) bottom left repeat-x;
vertical-align:top;
}
.innerbox-home {
background:#FFF url(images/erp-mid.jpg) bottom left repeat-x;
vertical-align:top;
width:12px;

}
.innercontent {
background:none;
vertical-align:top;
border:#d2d2d2 1px solid;
border-bottom:#c0c0c0 1px solid;
padding:5px 15px;
color:#2c404c;
text-align:justify;
height:235px;
line-height:18px;
}
.quote {
background:#1d2f3b url(images/cq-mid.jpg) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:10px 10px 10px 10px;
height:60px;
font-size:11px;
color:#FFFFFF;
border-right:#FFFFFF 1px solid;
}
.orange {
color:#ffb400;
margin-top:8px;
text-align:right;
}
a.mainlink:link {
color : #0d6497;
}
a.mainlink:active {
color : #0d6497;
}
a.mainlink:visited {
color : #0d6497;
}
a.mainlink:hover {
color : #960000;
}
a.mainlink2:link {
color : #0d6497;
text-decoration:none;
}
a.mainlink2:active {
color : #0d6497;
text-decoration:none;
}
a.mainlink2:visited {
color : #0d6497;
text-decoration:none;
}
a.mainlink2:hover {
color : #960000;
text-decoration:underline;
}
.overview {
background:#FFF url(images/button-overview.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.background {
background:#FFF url(images/button-background.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.face {
background:#FFF url(images/button-faces.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.advantage {
background:#FFF url(images/button-advantage.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.clients {
background:#FFF url(images/button-clients.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.jobs {
background:#FFF url(images/button-jobs.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.services {
background:#FFF url(images/but-serv-overview.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.staffing {
background:#FFF url(images/but-staffing.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.conversions {
background:#FFF url(images/but-conversions.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.softdev {
background:#FFF url(images/but-soft-dev.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.webdev {
background:#FFF url(images/but-web-dev.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.video {
background:#FFF url(images/but-video.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.offices {
background:#FFF url(images/but-offices.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.rentfloor {
background:#FFF url(images/but-rentfloor.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.flycon {
background:#FFF url(images/but-flycon.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.rentcon {
background:#FFF url(images/but-rentcon.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.oncall {
background:#FFF url(images/but-oncall.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.innertabs.td {
text-align:center;
}
.red {
color:#FF0000;
}
.brownnormal {
color:#960000;
}
.brownsmallbold {
color:#960000;
font-size:12px;
font-weight:bold;
text-align:left;
}
a.tablink:link {
color : #000;
text-decoration:none;
}
a.tablink:active {
color : #000;
text-decoration:none;
}
a.tablink:visited {
color : #000;
text-decoration:none;
}
a.tablink:hover {
color : #960000;
text-decoration:underline;
}
a.blklink:link {
color : #000;
text-decoration:none;
}
a.blklink:active {
color : #000;
text-decoration:none;
}
a.blklink:visited {
color : #000;
text-decoration:none;
}
a.blklink:hover {
color : #960000;
text-decoration:underline;
}
.gotop {
text-align:right;
padding:5px 10px;
}
.equipment {
padding:0px;
border:#0f253f 1px solid;
}
.equipment td {
padding:6px;
}
.equipment td.sky {
background:#d0e4fd;
color:#0f253f;
font-weight:bold;
border-bottom:#0f253f 1px solid;
}
.equipment td.blue {
background:#0f253f;
color:#FFF;
font-weight:bold;
}
.division {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #2b2b2b;
font-weight:normal;
text-align:center;
}
.projectthumb {
padding:10px;
text-align:center;
}

ul li {
list-style-image : url(images/dot.gif) no-repeat left center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
/*line-height: 2em;*/
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
padding: 6px 20px 0px 0px;
margin: 10px;
}
.brownlarge{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#960000;
font-weight:bold;
}
/*SITEMAP*/

.button{
background-image:url(images/btn-bg.jpg);
border:1px solid #104261;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
padding:0px 2px 0px 2px;
height:23px;
cursor: pointer;
}
/*CAROUSEL*/
.stepcarousel{
background:#ecf4f7;
position: relative; /*leave this value alone*/
border:#6da3c5 1px solid;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 420px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 8px 10px 8px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.projectimg {
float:left;
margin:40px 0 0 10px;
border:#d1e5ed 5px solid;
}
.projectimg2 {
float:left;
margin:40px 0 0 0;
border:#d1e5ed 5px solid;
}
.projectdetails {
float:left;
margin:40px 0 0 8px;
width:290px;
line-height:16px;
/*font-size:11px;*/
}
.projectdetails2 {
float:left;
margin:0px 10px 0 8px;
width:300px;
line-height:16px;
/*font-size:11px;*/
}
.productimg {
float:left;
margin:40px 0 0 5px;
border:#d1e5ed 0px solid;
}
.productdetails {
float:left;
margin:40px 0 0 0px;
width:380px;
line-height:16px;
/*font-size:11px;*/
}
.jobdetails {
border:#adb9c2 1px solid;
width:668px;
}
.jobtitle {
float:left;
margin:1px;
padding:5px 10px;
border:#adb9c2 1px solid;
background-color:#bdd8e9;
font-weight:bold;
color:#000000;
width:642px;
}
.jobcontent {
padding:10px 10px 5px 10px;
width:644px;
}
.clear {
clear:both;
height:0px;
line-height:0px;
}
.lev1 {
font-weight:bold;
padding:7px 5px 7px 10px;
background:#f2f7fb;
}
.lev2 {
padding:7px 5px 7px 40px;
background:#f2f7fb;
}
.lev3 {
padding:7px 5px 7px 80px;
background:#f2f7fb;
}
.ifooter {
background:#0000CC url(images/footer-mid3.jpg) top right;
}


.jobcontent ul li {
list-style-image : url(images/dot.gif) no-repeat left center;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
list-style-position: outside;
padding: 5px 0px 0px 0px;
}
/*FORM STYLE*/
.formstyle {

}
.formstyle td {
padding:3px;
}
.formstyle td.left {
text-align:right;
padding-right:10px;
}
.formstyle input {
border:#b8cbdd 1px solid;
font-size:12px;
margin:3px;
padding:2px 2px 2px 2px;
background-color:#e2ecf5;
}
.formstyle textarea {
border:#b8cbdd 1px solid;
font-size:12px;
margin:3px;
padding:2px;
background-color:#e2ecf5;
}
.formstyle select {
border:#2c404c 0px solid;
font-size:12px;
margin:3px;
padding:2px;
background-color:#e2ecf5;
}
.formstyle.button {
border:#2c404c 0px solid;
font-size:12px;
padding:6px;
background-color:#699fc1;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


a.flink:link {
color : #FFF;
text-decoration:none;
padding:0 8px;
}
a.flink:active {
color : #FFF;
text-decoration:none;
padding:0 8px;
}
a.flink:visited {
color : #FFF;
text-decoration:none;
padding:0 8px;
}
a.flink:hover {
color : #053454;
text-decoration:underline;
padding:0 8px;
}
/*TOP NAVIGATION HERE*/
ul.topmenu {
list-style-type : none;
margin : 10px 0 0 2px;
padding : 0;
width : 707px;

}
ul.topmenu li {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}
#company {
display : block; width : 131px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat 0 0;
}
#company:hover {
background: url(images/topmenu.gif) no-repeat 0 -44px;
}
#services {
display : block; width : 96px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -131px 0;
}
#services:hover {
background: url(images/topmenu.gif) no-repeat -131px -44px;
}
#casestudies {
display : block; width : 125px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -227px 0 ; }
#casestudies:hover {
background: url(images/topmenu.gif) no-repeat -227px -44px;
}
#facilities {
display : block; width : 148px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -352px 0 ;
}
#facilities:hover {
background: url(images/topmenu.gif) no-repeat -352px -44px;
}
#nonprofits {
display : block; width : 127px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -500px 0 ;
}
#nonprofits:hover {
background: url(images/topmenu.gif) no-repeat -500px -44px;
}
#contact {
display : block; width : 79px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -630px 0 ; 
}
#contact:hover {
background: url(images/topmenu.gif) no-repeat -630px -44px;
}
#companyactive {
display : block; width : 131px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat 0 -44px; cursor:default;
}
#servicesactive {
display : block; width : 96px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -131px -44px; cursor:default;
}
#casestudiesactive {
display : block; width : 125px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -227px -44px; cursor:default;
}
#facilitiesactive {
display : block; width : 148px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -352px -44px; cursor:default;
}
#nonprofitsactive {
display : block; width : 127px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -500px -44px; cursor:default;
}
#contactactive {
display : block; width : 79px; height : 44px; float : left; background: url(images/topmenu.gif) no-repeat -630px -44px;  cursor:default;
}
.refeature {
padding:0px;
}
.refeature td {
padding:2px 2px 2px 6px;
}
.refeature td.top {
background:#2d4e61;
color:#FFF;
font-weight:bold;
}
.refeature td.head {
background:#699fc1;
color:#FFF;
/*font-size:11px;*/
font-weight:bold;
border-top:#FFF 2px solid;
}
.refeature td.list {
background:#edf7fe url(images/bullet3.gif) top left no-repeat;
color:#2d4e61;
padding-left:12px;
}
.refeature td.top1 {
background:#699fc1 url(images/hd-temp.gif) center top no-repeat;
color:#FFF;
font-weight:bold;
text-align:center;
padding:6px;
letter-spacing:1px;
}
.refeature td.head1 {
background:#699fc1;
color:#FFF;
/*font-size:11px;*/
font-weight:bold;
text-align:center;
padding:6px;
}
.refeature td.list1 {
background:#FFF url(images/bg-temp.gif) center top no-repeat;
color:#0d6497;
padding:10px;
text-align:center;
}
#gotop {
display : block; width : 42px; height : 17px; float : right; background: url(images/gotop.gif) no-repeat 0 0; cursor: pointer;
}
#gotop:hover {
background: url(images/gotop.gif) no-repeat 0 -17px;
}
.novell {
background:#1d2f3b url(images/nv-mid.jpg) top right no-repeat;
vertical-align:top;
text-align:justify;
padding:10px 10px 10px 10px;
height:60px;
font-size:11px;
color:#FFFFFF;
border-right:#FFFFFF 1px solid;
}

h1#bst {
	width: 225px;
	height: 64px;
	font-size:11px;
	padding:0px;
	margin:0px;
	line-height:0px;
	background-image: url(images/business-staffing.jpg);*/
	}
	
h1#comp {
		width: 255px;
		height: 35px;
		font-size:11px;
		padding:0px;
		margin:0px;
		line-height:0px;
		background-image: url(images/heading-company.jpg);*/
		}
/**/
h1#webServices {
		width: 225px;
		height: 64px;
		font-size:11px;
		padding:0px;
		margin:0px;
		line-height:0px;
		background-image: url(images/website-services.jpg);*/
		}
h1#clientServices {
		width: 225px;
		height: 64px;
		font-size:11px;
		padding:0px;
		margin:0px;
		line-height:0px;
		background-image: url(images/client-services.jpg);*/
		}
/**/
h2#wm {
	width: 225px;
	height: 64px;
	font-size:11px;
	padding:0px;
	margin:0px;
	line-height:0px;
	background-image: url(images/website-maintenance.jpg);*/
	}
	
	h2#services {
		width: 255px;
		height: 35px;
		font-size:11px;
		padding:0px;
	margin:0px;
	line-height:0px;
	background-image: url(images/heading-services.jpg);*/
}

	
h3#bs {
	width: 225px;
	height: 64px;
	font-size:11px;
	padding:0px;
	margin:0px;
	line-height:0px;
	background-image: url(images/bpo-services.jpg);*/
	}

///*#comp {
//	width: 225px;
//	height: 35px;
//	font-size:11px;
//	background-image: url(images/business-staffing.jpg);*/
//	}





/*<h2 id="comp">
	<img src="images/spacer.gif" alt="Our Company"/>
	<span>Our Company</span>
</h2>


#comp {
	width: 255px;
	height: 35px;
	background-image: url(images/heading-company.gif);
	padding:0px;
	margin:0px;
	}
#comp span {
	display: none;
	}
*/