@charset "utf-8";
/* CSS Document */
@import url("style.css");

body * {
outline: none;}


body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F5D5D;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url(../_images/pagebg.gif);
	background-repeat: repeat-x;
}

form{
margin: 0px;
padding: 0px;}

img{
border: 0px;}

.img_header_border{
padding: 5px;
float: left;
margin: 12px 15px 0px 0px;
border: 1px solid #D7D7D7;}

.img_header_box{
padding: 5px;
float: left;
margin: 12px 15px 0px 0px;
border: 1px solid #D7D7D7;}

h1, h2, h3{
margin: 0px;
padding: 0px;
font-weight: normal;}

h1{
	font-weight: bold;
	font-size: 13px;
	color: #525B64;
	padding-left: 25px;
	background: url(../_images/img_h1_bg.gif) left top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2{
text-align: center;
color: #717171;
font-size: 12px;
font-weight: bold;
}

a:link, a:visited{text-decoration: none; color: #5F5D5D;}
a:hover, a:active{text-decoration: none; color: #162B56;}

p{text-align: left; line-height: 16px;}

p a:link, p a:visited{text-decoration: underline;color: #996666;}
p a:hover, p a:active{text-decoration: none;color: #5F5D5D;}

.img_border{border: 1px solid #CAD1D9;}

.breaker{
margin: 0px;
padding: 0px;
line-height: 0px;
clear: both;
height: 0px;}

.bold{font-size: 16px;}
.fontbold{font-weight: bold;}
.right{text-align: right; float: right; margin-bottom: 10px;}
.center{text-align: center;}
.left{text-align: left;}


#wrapper{
	width: 777px;
	margin: 0 auto;
	padding: 2px;
	background-color: #FFFFFF;
	overflow: hidden;
}

/********HEADER CSS*********/

#header{
clear: both;}

#header #logo{
float: left;
margin: 5px 5px 5px 20px;}

#box_search{
float: left;
margin: 15px 0px 0px 0px;
width: 280px;
color: #1E62A5;
font-size: 13px;
font-weight: bold;
}

.clicked{
background: #162B56;
}

#box_search .searchtxt{
width: 140px;
height: 18px;
margin: 0px 5px;
border: 1px solid #7F9DB9;}

.middle{
background-color: #162B56;
color: #FFFFFF;
border: none;
height: 20px;
cursor: pointer;
width: 35px;
font-size: 11px;
font-weight: bold;
}

.callnow{
margin: 6px 12px 0px 0px;
float: right;}

/********TOP NAVIGATION CSS*********/

#topnav{clear: both;}

/********BANNER CSS*********/

#banner{
clear: both;
background-color: #FFFFFF;
overflow: hidden;
width: 777px;
margin: 3px 0px 0px 0px;
padding: 0px 0px 2px 0px;
border-bottom: 3px solid #FE8908;}

#banner #leftnav{
width: 192px;
float: left;}

#leftnav ul{
margin: 0px;
padding: 0px;
list-style-type: none;
color: #061B4B;
font-weight: bold;}

#leftnav ul li{
height: 28px;
line-height: 28px;
display: block;}

#leftnav ul li a:link, #leftnav ul li a:visited{
background: url(../_images/bg_leftnav.gif) left top no-repeat;
height: 28px;
padding-left: 35px;
line-height: 28px;
color: #061B4B;
display: block;}

#leftnav ul li a:hover, #leftnav ul li a:active{
background: url(../_images/bg_leftnav_h.gif) left top no-repeat;
height: 28px;
padding-left: 35px;
line-height: 28px;
color: #061B4B;
display: block;}

#banner #imgbanner{
float: right;
width: 581px;
_width: 578px;
background-color: #F3F3F4;
}

/********CONTAINER CSS*********/

#container{
	background: url(../_images/leftborder.gif) 185px top repeat-y;
	clear: both;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 14px;
	height:auto;
}

#container #leftcol{
width: 160px;
float: left;
padding-right: 14px;
height:auto;
}

#rightcol{
float: right;
width: 565px;
}

/*	REQUEST A QUOTE START */

#box_request{
border: 1px solid #E2E2E2;
padding: 7px;
margin-bottom: 0px;}

#box_request h3{
line-height: 22px;
background-color: #DCDCDC;
font-size: 11px;
text-align: center;
color: #5F5D5D;}

#box_request form{
margin: 10px 0px 0px 0px;}

#box_request label{
float: left;
margin-bottom: 5px;
line-height: 18px;
width: 55px;}

#box_request input{
width: 80px;
margin-bottom: 5px;
border: 1px solid #E2E2E2;}

#box_request .buttonbg{
text-align: center;
background-color: #DCDCDC;
}

.submit{
float:left;}

#box_request input.button{
width: 57px;
padding: 5px 0px;
margin: 0px;
border: none;}

/*	REQUEST A QUOTE END */

/*	BOX TESTIMONIAL START */


#box_testimonial{
border: 1px solid #E2E2E2;
background: url(../_images/pbo_img_testimonial.jpg) 5px 5px no-repeat;
padding: 7px;
width:145px;
float:left;
margin-bottom: 0px;
 margin-top:0px;
}

#box_testimonial p{
text-align: left;
margin:0px;}

#box_testimonial h2{
padding-left: 45px;
line-height: 20px;
text-align:left;
}

#box_testimonial img{
float:right;
margin-right:23px;
}

/*	RIGHT COL CSS START		*/

.boxleft{
	float: left;
	width: 270px;
	clear: both;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.boxright{
	float: right;
	width: 270px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #333333;
}

.boxleft h2, .boxright h2{
	line-height: 22px;
	padding-left: 15px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	background-color: #D0D0D0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}



.boxleft p, .boxright p{
padding: 10px;
margin: 0px;}

.boxleft p img, .boxright p img{
float: left;
margin: 5px 10px 0px 0px;}

/*	LATEST NEWS	*/

#box_latestnews{
float: left;
width: 330px;
border: 1px solid #E2E2E2;
margin: 5px 0px 0px 0px;
padding: 10px 10px 0px 10px;}

#box_latestnews p{
margin: 0px;
padding: 0px;}

#box_latestnews p img{
float: left;
margin: 0px 10px 0px 0px;}

/*	BPO SERVICES	*/

#box_bpo{
float: right;
width: 182px;
background: url(../_images/bg_bposervies.gif) left top no-repeat;}

#box_bpo h2{
padding-top: 20px;}

.bullet{
margin: 5px 0px 15px 40px;
padding: 0px;
list-style-type: none;}

.bullet li{
line-height: 20px;
color: #0A457D;
background: url(../_images/bullet.gif) left 8px no-repeat;
padding-left: 12px;}


#box_development{
clear: both;
border-top: 10px solid #FFFFFF;
background-color: #FFFFFF;
overflow: hidden;
margin: 0px;
padding: 0px;
border-bottom: 10px solid #FFFFFF;

}

#box_development .leftcol{
width: 178px;
float: left;
margin-right: 12px;
background-color: #F9F9F9;}

#box_development .leftcol p{
padding: 0px 10px 10px 10px;
text-align: left;
margin: 10px 0px 0px 0px;}

#box_development .leftcol p img{
float: left;
margin: 5px 10px 0px 0px;}

/*	FOOTER START */

#footer{
clear: both;
overflow: hidden;
border-top: 14px solid #FFFFFF;
background-color: #FFFFFF;
text-align: center;
color: #7F7F7F;
line-height: 16px;}

#footer a:link, #footer a:visited{
color: #7F7F7F; }
#footer a:hover, #footer a:active{
text-decoration: underline;
color: #7F7F7F; }

#copyright{
color: #7F7F7F;
background-color: #FFFFFF;
font-size: 10px;
text-align: center;}


/*	INNER BULLET */

.innerbullet{
clear:both;
margin: 0px;
padding: 0px;
list-style-type: none;}

.innerbullet li{
background: url(../_images/innerbullet.jpg) left 6px no-repeat;
line-height: 19px;
padding-left: 12px;}

.innerbullet li ul{
list-style-type: none;
margin: 0px 0px 0px 10px;
padding: 0px;
}

.innerbullet li ul li{
background: url(../_images/bullet.gif) left 6px no-repeat;
line-height: 17px;
padding-left: 10px;}

.bulletblue{
	clear:both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6A7F9E;
	text-decoration: none;
	font-weight: bold;
}

.bulletblue li{
	line-height: 19px;
	padding-left: 12px;
	background-image: url(../_images/icon-left.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.orange-form-text{
	clear:both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF8C0D;
	text-decoration: none;
	font-weight: bold;
}

/*	SITEMAP BULLET */
.sitemap-bullet{
clear:both;
margin: 0px;
padding: 0px;
list-style-type: none;}

.sitemap-bullet li{
background: url(../_images/sitemap-bulet.gif) left 16px no-repeat;
font-weight: bold;
padding-top: 10px;
line-height: 19px;
padding-left: 12px;}

.sitemap-bullet li ul{
list-style-type: none;
margin: 0px 0px 0px 10px;
padding: 0px;
}

.sitemap-bullet li ul li{
background: url(../_images/sitemap-bulet-li.gif) left 6px no-repeat;
line-height: 17px;
padding-top: 0px;
font-weight: normal;
padding-left: 10px;}



 Form CSS Start 

#contact_box{
width: 562px;
margin: 0px 0px 0px 0px;
}

#contact_box h1{
color: #A9230A;
line-height: 26px;
font-size: 15px;
height: 32px;
padding-left: 20px;
border-bottom: 1px solid #A9CBEE;}

#contact_box form{
margin: 0px 20px 20px 80px;}

#contact_box form p{
text-align: right;
padding: 10px 27px 10px 10px;}

#contact_box form label{
float: left;
text-align: right;
margin: 0px 10px 5px 0px;
width: 135px;
line-height: 20px;}

#contact_box form input, textarea, select{
border: 1px solid #7F9DB9;
margin-bottom: 5px;}

#contact_box form input.button{
background-color: #003C74;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
line-height: 16px;}


.phone-map{
padding: 0px 0px 0px 7px;
margin: 0px 0px 0px 0px;
border: #DDDDDD solid 1px;
overflow: hidden;
float: left;
font-size: 10px;
margin-top:0px;
width:151px;
height: auto;
}

#box_newsletter{
background: url(../_images/img_newsletter.gif) left top no-repeat;
padding: 0px 0px 0px 48px;
margin: 0px 0px 0px 0px;
border: #FF0000 solid 1px;
overflow: hidden;
float: left;
font-size: 10px;
margin-top:0px;
width:110px;
height: auto;
}

#box_newsletter form{
float: right;
}

#box_newsletter form label{
float: left;
width: 45px;
line-height: 18px;
margin-bottom:0px;}

.txtbox{
border: 1px #CCCCCC solid;
font-size: 10px;
color: #000000;
height: 12px;
padding: 1px 3px;
width: 70px;
margin-bottom: 0px;
margin-right:7px;
}/*	IE6 */

#box_faq{
padding: 0px 0px 0px 0px;
text-align: center;
}

.green-heading{
text-align: center;
color: #014C68;
font-size: 12px;
font-weight: bold;
margin:0px;
}

#box_newsletter{
background: url(../_images/img_newsletter.gif) 5px 5px no-repeat;
padding: 5px 0px 0px 48px;
margin: 15px 0px 0px 0px;
border:#E2E2E2 solid 1px;
overflow: hidden;
_float: left;
font-size: 10px;
}

#box_newsletter form{
float: right;
}

#box_newsletter form label{
float: left;
width: 45px;
line-height: 16px;
margin-bottom: 5px;}


/*	Featured Technology */

#feat-tech{
float:left;
width:566px;
margin:5px 0px;
height:auto;
}



#feat-tech #title{

float:left;
width:540px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(../_images/img_h1_bg.gif) left top no-repeat;
font-size:13px;
padding-left:25px;
color:#666666;
font-weight:bold;
margin-bottom:10px;
height:auto;
}


#feat-tech .thumbs{
float:left;
width:180px;
margin-right:10px;
height:170px;
border:solid 1px #CCCCCC;

}

#feat-tech .thumbs .sub-title{
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(../_images/title-bg.jpg) left top repeat-x;
width:176px;
height:15px;
font-weight:bold;
padding:2px;
font-size:11px;
color: #F0F0F0;
}

#feat-tech .thumbs .descr{
font-family:Arial, Helvetica, sans-serif;
float:left;
width:172px;
height: auto;
padding:4px;
font-size:11px;
color:#666666;

}

#feat-tech .thumbs .descr a{
color: #996666;
text-decoration:underline;


}

#feat-tech .thumbs .descr a:hover{
color: #996633;
text-decoration:none;

}

#right-thumb{
float:left;
width:178px;
height: 170px;
border:solid 1px #CCCCCC;
}

#right-thumb .sub-title{
background: url(../_images/title-bg.jpg) left top repeat-x;
float:left;
font-family: Arial, Helvetica, sans-serif;
width:176px;
height:15px;
font-weight:bold;
padding:2px;
background-color:#CCCCCC;
font-size:11px;
color: #F0F0F0;
}

#right-thumb .descr{
font-family:Arial, Helvetica, sans-serif;
float:left;
width:172px;
height: auto;
padding:4px;
font-size:11px;
color:#666666;

}

#right-thumb .descr a{

color: #996666;
text-decoration:underline;

}

#right-thumb .descr a:hover{

color: #996633;
text-decoration:none;

}


.leftbanner{
float:left; width:160px; height:auto;
margin:0px 0px;
}

#testi-sec {
	clear: both;
	float: left;
	height: auto;
	margin-top: 0px;
}