/* CSS Document */
a{
	outline: none;
}

div.HmContentArea
{
	margin:0px auto;
		padding:3px 0px 0px 0px;
		width:1000px;
		color:#000;
		border:0;
		text-align:left;
}

div.HmContentArea div.BannerRow
{
	display:block;
	float:left;
	padding:0px 0px 3px 0px;
	margin:0px;
	width:100%;
	/*background-image:url(../images/banner-backside-bg.gif);
	background-repeat:repeat-x;
	background-position:top;*/
	border: 0px solid #00CC00;
}

div.HmContentArea div.BannerRow h1
{
	display:block;
	padding:9px 0px 7px 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:24px;
	color:#333;
	font-weight:normal;
}

div.HmContentArea div.BannerRow p strong
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#7e4645;
}

div.HmContentArea div.BannerRow p
{
	display:block;
	padding:4px 0px 3px 20px;
	margin:0px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:17px;
	color:#666666;
	background-image:url(/images/arr-intro.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	border-top:dashed 1px #ccc;
}

.TextRed {
	color: #CC0000;
	font-weight: bold;
}

/* footer*/
.footer-text-box{
	margin:10px auto 5px auto;
	padding:0px; 
	width:1000px;
	border:0px solid red;
	font-size:11px;
	font-weight:normal;
	}
	

.follow-us-on{
	margin:0px 0px 0px 0px;
	padding:2px 0px 1px 0px;
	float:left;
	width:86px;
	font-family:Arial;
	font-size:13px;
	color:#436f98;
	border:0px solid red;	
	}
.footer-text p{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	}

.footer-text p a{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	color:#616161;
	}	

.footer-text p a{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	color:#616161;
	}	

.flash-bnr{
	margin:5px 0px 5px 0px;
	padding:0px;
	float:right;
	height:95px;
	width:380px;
	border:0px solid red;	
	}
	
/* footer end*/
	
/* New layout CSS styles */
.bodybox {
     width:100%;
	 padding:0px;
	 margin:0px 0px 13px 0px;
	 // margin:13px 0px 0px 0px;
	 float:left;
	 clear:both;
	 display:block;
}

.leftcorner { 
     margin:0px 0px 0px 10px;
     padding:0px;
	 width:11px;
	 height:210px;
     background-image:url(/images/graybox-left-corner.jpg);
	 background-repeat:no-repeat;
	 background-position: top;
	 float:left;
}	 
.rightcorner { 
     margin:0px;
     padding:0px;
	 width:11px;
	 height:210px;
     background-image: url(/images/graybox-rightt-corner.jpg);
	 background-repeat:no-repeat;
	 background-position:top;
	 float:right;
}	 
.bg { 
     margin:0px;
     padding:0px;
	 width:97.3%;
	 height:210px;
     background-image: url(/images/graybox-topbg.jpg);
	 background-repeat: repeat-x;
	 background-position: top;
	 float:left;
}	

/* What we can do for*/

.what-we-can{
     margin-top:0px;
	 padding:0px;
	width:26%;
	 height:210px;
	 float:left;
	 }
.what-we-can ul{
	 list-style:none;
	 padding:14px 0px;
	 margin:6px 0px 0px 6px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
  	 line-height:14px;
	 font-weight:bold;
	 color:#405261;
	 width:75%;
}	
.what-we-can ul li{
	padding:0px;
	margin:0px;
}
.what-we-can ul li a {
	background-image: url(/images/redarrow.gif);
	background-position:4px 7px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333333;
	padding:4px 0px 6px 26px;
	margin:3px 0px 5px 0px;
	display:block;
	border-bottom: 1px solid #dadada;
}
.what-we-can ul li a:hover {
	text-decoration:none;
	color:#c6281f;
}

h2 {
     margin:0px;
	 padding-top:38px;
	 padding-left:10px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;
	 background-image:url(/images/whatwecando.jpg);
	 background-repeat:no-repeat;
	 background-position:right 8px; 
	 }	
	
/* Why outsource*/
	 
.Why-outsource {     
     margin:0px;
	 padding:0px;
	width:24%;
	 height:210px;
	 float:left;
}	

.Why-outsource ul{
	margin:0px 0px 0px 12px;
	padding:0px;
	list-style:none;
	width:89%;
	border:0px solid red;
	}
	
.Why-outsource ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
	line-height:30px;
	border-bottom: 1px solid #dadada;
	}	
	
.Why-outsource ul li a{
	margin:0px;
	padding:0px 0px 0px 26px;
	list-style:none;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(/images/redarrow.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	text-decoration:none;
	}	
	
.Why-outsource ul li a:hover {
	text-decoration:none;
	color:#c6281f;
}		

h3 {
     margin:0px;
	 padding:28px 0px 4px 16px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;
	 float:left;
	 width:68%;
	 border:0px  solid #FF0000;
	 }
/*h3 {
     margin:0px;
	 padding:28px 0px 4px 16px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;
	 background-image: url(/images/whyoutsource.jpg);
	 background-repeat:no-repeat;
	 background-position:90% 20px;
	 }*/	
/* Client Testiminial */
.CTest {     
     margin:0px;
	 padding:0px;
		width:26%;
	 height:210px;
	 float:left;
}	

.CTest p{ 
 	 padding:0px 0px 0px 0px;
	 margin:4px 6px 4px 12px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
  	 line-height:16px;
	 color:#333;
	 width:90%;
	 border:0px solid red;
}

.CTest p a{ 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
  	 line-height:16px;
	 color:#c6281f;
	 text-decoration:underline;
}	 

.CTest p a:hover{ 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
  	 line-height:16px;
	 color:#c6281f;
	 text-decoration:none;
	 background-color:#efefef;
}

.CTest h4 {
     margin:0px;
	 padding:28px 0px 4px 16px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;
	 width:70%;
	 border:0px solid red;
	 }	 
	 

/* Why Flatworld */

.Why-Flatworld {     
     margin:0px;
	 padding:0px;
		width:26%;
	 height:210px;
	 float:left;
}	

.Why-Flatworld p{ 
 	 padding:4px 0px;
	 margin:6px 6px 4px 12px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
  	 line-height:16px;
	 color:#333;
	 width:90%;
}

.Why-Flatworld p a{ 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
  	 line-height:16px;
	 color:#c6281f;
	 text-decoration:underline;
}	 

.Why-Flatworld p a:hover{ 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
  	 line-height:16px;
	 color:#c6281f;
	 text-decoration:none;
	 background-color:#efefef;
}

.Why-Flatworld ul{
	margin:0px 0px 0px 12px;
	padding:0px;
	list-style:none;
	width:90%;
	border:0px solid red;
	}
	
.Why-Flatworld ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
	line-height:30px;
	border-bottom: 1px solid #dadada;
	}	
	
.Why-Flatworld ul li a{
	margin:0px;
	padding:0px 0px 0px 26px;
	list-style:none;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(/images/redarrow.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	text-decoration:none;
	}	
	
.Why-Flatworld ul li a:hover {
	text-decoration:none;
	color:#c6281f;
}	


h4 {
     margin:0px;
	 padding:28px 0px 4px 16px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;  
	 float:left;
	 width:65%;
	 border:0px solid #FF0000;
	 }	 
	 
/* Why Flatworld */	 

.Request-for {     
     margin:0px;
	 padding:0px;
	 width:22%;
	 height:210px;
	 float:left;
	 } 
h5 {
     margin:0px;
	 padding:28px 0px 0px 16px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;
	 float:left;
	 width:67%;
	 border:0px solid red;
	 }		 
	  
.dotted-seperater{
     margin:0px;
	 padding:0px;
	 width:1px;
	 height:210px;
	 background-image:url(/images/dottedline.jpg);
	 background-repeat:no-repeat;
	 background-position: top;
	 float:right;
}	 

 /* secound box*/

.searchbox-leftcorner{
     margin:0px 0px 0px 10px;
	 padding:0px;
	 width:12px;
	 height:184px;
	 background-image:url(/images/servicesbox-left-corner.jpg);
	 background-repeat:no-repeat;
	 background-position:right;
	 float:left;
	 }
.bg2 { 
     margin:0px;
     padding:0px;
	 width:74.2%;
	 border-bottom: 1px solid #b5ccee;
	 height:184px;
     background-image: url(/images/servicesbox-topbg.jpg);
	 background-repeat: repeat-x;
	 background-position:top;
	 float:left;
	 display:block;
}		 
  
.searchbox-rightcorner{
     margin:0px;
	 padding:0px;
	 width:18px;
	 height:184px;
	 background-image: url(/images/servicesbox-right-corner.jpg); 
	 background-repeat:no-repeat;
	 background-position:left;
	 float:left;
	 }
.banner-box {
     margin:0px;
	 padding:0px;
     width:21.2%;
	 height:184px;
	 float:right;
	 display:block;
	 }
/*services link1......................................................................................*/
.services{
     margin:0px;
	 padding:0px;
	 width:180px;
	 height:184px;
	 float:left;
	 }
	 
.services h2 {
     margin:0px;
	 padding-top:38px;
	 padding-left:10px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 color:#FFFFFF;
	 background-image:none;
	 }

.services ul{
	 list-style:none;
	 padding:0px;
	 margin:20px 0px 0px 10px;
	 font-family:  Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight: normal;
	 text-decoration:underline;
	 color:#405261;
}	
.services ul li{
	display:block;
	padding:0px;
	margin:0px;
}
.services ul li a {
	background-image: url(/images/grayarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#05367b;
	padding:6px 0px 6px 12px;
	margin:6px 0px 0px 4px;
	line-height:6px;
	display:block;
}
.services ul li a:hover {
	text-decoration:none;
	background-image:url(/images/hover-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	color:#c6281f;
}

/*services link2......................................................................................*/

.services-links2{
     margin:0px;
	 padding:0px;
	 width:186px;
	 height:184px;
	 float:left;
	 display:block;
	 }
.services-links2 ul{
	 list-style:none;
	 padding:0px;
	 margin:52px 0px 0px 0px;
	 font-family:  Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight: normal;
	 text-decoration:underline;
	 color:#405261;
}	
.services-links2 ul li{
	display:block;
	padding:0px;
	margin:0px;
}
.services-links2 ul li a {
	background-image: url(/images/grayarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#05367b;
	padding:6px 0px 6px 12px;
	margin:6px 0px 0px 0px;
	line-height:6px;
	display:block;
}
.services-links2 ul li a:hover {
	text-decoration:none;
	background-image:url(/images/hover-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	color:#c6281f;
}

/*services link3......................................................................................*/

.services-links3{
     margin:0px;
	 padding:0px;
	 width:212px;
	 height:184px;
	 float:left;
	 }
.services-links3 ul{
	 list-style:none;
	 padding:0px;
	 margin:52px 0px 0px 0px;
	 display:block;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight: normal;
	 text-decoration:underline;
	 color:#405261;
}	
.services-links3 ul li{
	display:block;
	padding:0px;
	margin:0px;
}
.services-links3 ul li a {
	background-image: url(/images/grayarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#05367b;
	padding:6px 4px 6px 12px;
	margin:6px 0px 0px 2px;
	line-height:6px;
	display:block;
}
.services-links3 ul li a:hover {
	text-decoration:none;
	background-image:url(/images/hover-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	color:#c6281f;
	padding:6px 4px 6px 12px;
	margin:6px 0px 0px 2px;
	line-height:6px;
	display:block;
}

.services h2 {
     margin:0px;
	 padding:6px 0px 0px 14px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:22px;
	 font-weight: normal;
	 color:#26343f;
}

/* Flash Banner buttons */

#HMbanner
{
	display:block;
	float:left;
	width:109px; 
	margin:1px 0px 0px 0px;
	padding:0px;
	border-bottom:solid 4px #e5e5e7;
	border-right:solid 3px #e5e5e7;
	border-top:solid 4px #e5e5e7;
	border-left:solid 1px #e5e5e7;
}

#HMbanner h2
{
	display:block;
	padding:0px;
	margin:0px;
	color:#000;
	text-align:center;
	background-color:#FFFFFF;
	background-image:none;
}
 
#HMbanner h2 a
{
	display:block;
	padding:53px 3px 0px 3px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	color:rgba(255, 255, 255, 1);
	text-decoration:none;
	filter:alpha(opacity=20);
	opacity: 0.5;
	-moz-opacity:0.5;
	background-repeat:no-repeat;
}

#HMbanner h2 a:hover
{
	display:block;
	padding:49px 3px 0px 3px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	background-repeat:no-repeat;
}

/* Flash buttons ends here */

/* Slide show banner start here*/
.slide-bnr-maindiv{
	margin:13px 0px 13px 13px;
	//	margin:13px 0px 13px 13px;
	padding:0px;
	float:left;
	width:52%;
	border:0px solid #FF0000;
	}
	
.slide-bnr{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	background-image:url(../images/banner-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:194px;
	border:0px solid #FF0000;
	}	
	
.slide-bnr ul{
	margin:0px 0px 8px 0px;
	padding:0px;
	float:left;
	list-style:none;
	width:44%;
	border:0px solid #FF0000;
	}	
	
.slide-bnr ul li{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#283037;
	line-height:18px;
	background-image:url(../images/bnr-arrow.gif);
	background-position: 0px 6px;
	background-repeat:no-repeat;
	}	
.bnr-hdline-txt{
	margin:8px 0px 0px 0px;
	padding:0px;
	float:left;
	width:44%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#FFFFFF;
	border:0px solid #FF0000;
}
.bnr-mdline-txt{
	margin:0px 0px 4px 0px;
	padding:0px;
	float:left;
	width:44%;
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#cbeaf7;
	border:0px solid #FF0000;
}

.services-br{
	margin:5px 0px 0px 0px;
	padding:0px;
	width:100%;
	float:left;
	background-image:url(../images/srs-tab-bg.gif);
	background-repeat: repeat-x;
	background-position:top;
	border:0px solid #FF0000;
	}
	
.services-br ul{
	margin:12px 0px 0px 0px;
	padding:0px;
	float:left;
	border:0px solid #FF0000;
	list-style:none;
	text-align:center;
	}	
	
.services-br ul li{
	margin:0px 0px 0px 0px;
	padding:0px;
	display:inline;
	border-right:1px solid #9ca2a6;
	}	
	
.services-br ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2a3841;
	font-weight:normal;
	text-decoration:none;
	}	
	
.services-br ul li a:hover{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#850e13;
	font-weight: normal;
	text-decoration:none;
	}		

/* Slide show banner ends here*/

/* START: Virtual Pagination Demos */

.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
font-family: Arial;
font-size: 12px;
border: 0px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
font-family: Arial;
font-size: 12px;
padding: 0 5px;
text-decoration: none;
border: 0px solid black;
color: #2b3840;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #841013;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
cursor: default;
color: #841013;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{

}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #841013;
}
/* END: Virtual Pagination Demos */