@font-face {
    font-family: 'helvetica_neuebold';
    src: url('fonts/helveticabold_0-webfont.eot');
    src: url('fonts/helveticabold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticabold_0-webfont.woff2') format('woff2'),
         url('fonts/helveticabold_0-webfont.woff') format('woff'),
         url('fonts/helveticabold_0-webfont.ttf') format('truetype'),
         url('fonts/helveticabold_0-webfont.svg#helvetica_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;}
	@font-face {
    font-family: 'breuertextbold';
    src: url('fonts/breuertext-bold_0-webfont.eot');
    src: url('fonts/breuertext-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/breuertext-bold_0-webfont.woff2') format('woff2'),
         url('fonts/breuertext-bold_0-webfont.woff') format('woff'),
         url('fonts/breuertext-bold_0-webfont.ttf') format('truetype'),
         url('fonts/breuertext-bold_0-webfont.svg#breuertextbold') format('svg');
    	font-weight: normal!important;
    	font-style: normal;
}


@font-face {
    font-family: 'breuertextmedium';
    src: url('fonts/breuertext-medium_0-webfont.eot');
    src: url('fonts/breuertext-medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/breuertext-medium_0-webfont.woff2') format('woff2'),
         url('fonts/breuertext-medium_0-webfont.woff') format('woff'),
         url('fonts/breuertext-medium_0-webfont.ttf') format('truetype'),
         url('fonts/breuertext-medium_0-webfont.svg#breuertextmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'breuertextregular';
    src: url('fonts/breuertext-regular_0-webfont.eot');
    src: url('fonts/breuertext-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/breuertext-regular_0-webfont.woff2') format('woff2'),
         url('fonts/breuertext-regular_0-webfont.woff') format('woff'),
         url('fonts/breuertext-regular_0-webfont.ttf') format('truetype'),
         url('fonts/breuertext-regular_0-webfont.svg#breuertextregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.helvetica1 {font-family: 'breuertextbold',Arial ,sans-serif !important;}
.helvetica2 {font-family: 'breuertextbold',Arial ,sans-serif !important;}
.helvetica3 {font-family: 'breuertextregular',Arial ,sans-serif !important;}
.helvetica4 {font-family: 'breuertextbold',Arial ,sans-serif !important;}
.helvetica5 {font-family: 'breuertextregular',Arial ,sans-serif !important;}
/*=================== Non System Font CSS End  ===================*/


/*=================== Global CSS Starts  ===================*/

body { font-family: 'breuertextregular', sans-serif; font-size:13px; margin:0; padding:0; color:#111; }
a, a:active { text-decoration:none!important;} 
.rowfull{ width: 100%; float: left }
.wrapper { float:left; width:100%; }
.fl { float:left;}
.fr { float:right;}
.f16 { font-size:16px!important; line-height:18px!important; }

.item { height:auto; width:100%; } 
.item.slide1 { background:url(../images/slide-1.jpg) 0 0 fixed; background-size:cover; width:100%;  }
.item.slide2 { background:url(../images/slide-2.jpg) 0 0 fixed; background-size:cover; width:100%;  }
.item.slide3 { background:url(../images/slide-3.jpg) 0 0 fixed; background-size:cover; width:100%;  }


html > body *{ outline:none; }
p, h1, h2, h3, h4, h5, h6, form, ul, li, dl, dt, dd { padding:0; margin:0; list-style:none; }


::selection {
        background: #507CBC; /* Safari */
		color: #FFF;
        }
::-moz-selection {
        background: #507CBC; /* Firefox */
		color: #FFF;}

.clearit{ clear:both;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.row{ width:100%; float:left;}


a img { border:none!important;}
a { color:#111; text-decoration:none; }
a:hover { color:#df2b2b; text-decoration:none; }

/*=================== Global CSS Ends  ===================*/

/*=================== Text and Links classes start  ===================*/
h3, strong.hthree { font-weight:bold; color:#2f303d; font-size:11px;}

h3 a, strong a { font-weight:bold; color:#2f303d; font-size:12px; display:inline-block; cursor:pointer;}
h3 a:hover, strong a:hover{ color:#8A8A8A; text-decoration:none;}

.title { font-size:26px; font-weight:bold; color:#464755; letter-spacing:-.035em;}
.black { color:#2f303d !important;}
.black12 { color:#2f303d!important; font-size:12px!important;}
.black-heading { color:#2f303d!important; font-size:14px!important; font-weight:bold;}
.black11 { color:#2f303d!important; font-size:12px;}
.black10 { color:#2f303d!important; font-size:12px;}
.grey { color:#8f8f95!important; font-weight:normal; font-family:"breuertextregular"; }
.blue11 { color:#8A8A8A!important; font-size:12px!important;}
.grey11 { color:#8f8f95!important; font-size:12px!important; text-transform: uppercase; }
.grey10-contact { color:#2f303d!important; font-size:11px!important; text-transform: none!important; }
.green { color:#33B564!important; letter-spacing:-0.25px; font-size:14px; font-weight:bold; text-shadow: 0px 1px rgba(255,255,255,1); }

.size18 { font-size:18px!important; font-weight:normal; }
.size16 { font-size:16px!important; }
.size26 { font-size:26px!important; font-weight:bold;}
.size11 { font-size:11px!important; text-shadow: 0px 1px rgba(255,255,255,1);}
.size50 { font-size:28px; letter-spacing:-2.5px; font-weight:bold; line-height:45px; padding-left:10px;}

.blacklink:link, .blacklink:visited { color:#111!important;  font-size:14px; }
.blacklink:hover { color:#df2b2b!important; text-decoration:none; }
.bluelink:link, .bluelink:visited, .bluelink:hover { color:#df2b2b!important; text-decoration:none; font-size:15px; }

.blue_link:link, .blue_link:visited { color:#8A8A8A!important; text-decoration:underline; font-size:12px;}
.blue_link:hover { text-decoration:none;font-size:12px;}

.upper {text-transform: uppercase; }
.highlight{ background-color:#FFEE7E; color:#2f303d!important; line-height:14px; padding:5px; font-family:"helvetica_neuebold"; display:inline-block;  text-transform:uppercase; font-size:10px;}
.highlight-blue{ background-color:#507CBC; color:#FFFFFF!important; font-weight:bold; line-height:18px; padding: 1px;}
.highlight-home{ background-color:#FFEE7E; color:#151515!important; font-weight:bold; line-height:17px; padding: 1px;font-size:11px; text-transform:uppercase;}
.red { color:#ed0101; font-size:12px;}
.red11 { color:#ed0101; font-size:11px;}
.botline { border-bottom:1px solid #d7d9dc;}
.bold { font-weight:bold;}

.buttons { color:#FFF !important; font-size:16px; line-height:15px; text-transform:uppercase; font-family:"helvetica_neuebold"; display:inline-block; border-radius:3px; border:0; }
.buttons:hover { color:#fff!important}
.red_lg { background-color: rgba(223, 43, 43, 1); padding:18px 30px 16px 30px; border:2px solid #df2b2b;  }
.red_lg:hover {  background-color: rgba(223, 43, 43, 0.9); color:#fff!important; }
.red_small { background-color: rgba(223, 43, 43, 1); padding:13px 23px 10px; font-size:14px; width:100%; text-align:center;  }
.red_small:hover { color:#fff!important; }
.red_border { border:2px solid #DF2B2B; color:#DF2B2B!important; padding:13px 10px 10px; font-size:14px; width:100%; text-align:center;  }
.red_border:hover { border:2px solid #DF2B2B; background-color: rgba(223, 43, 43, 1); color:#FFF; }

/*=================== Text and Links classes end  ===================*/

/*=================== Body Area Start ===================*/
#body-area { width:980px; float:left;}
.whitebox{ width:100%; float:left; background:#FFF; position:relative;/* z-index:-1;*/}
.whitebox .tr-top { width:100%; float:left;}
.whitebox .td-left-top { width:98%; float:left; background:url(../images/white-corner.gif) no-repeat left -3px; padding-left:2%; line-height:0px; height:3px;}
.whitebox .td-right-top{ width:98%; float:left; background:url(../images/white-corner.gif) no-repeat right -6px; padding-right:2%; }

.whitebox .tr-mid { width:100%; float:left; background:#FFF; }
.whitebox .td-left-mid { width:100%; float:left;}
.whitebox .td-right-mid { width:100%; float:left;}
.whitebox .tr-bottom { width:100%; float:left; }
.whitebox .td-left-bottom { width:98%; float:left; padding-left:2%; line-height:0px; height:3px;}
.whitebox .td-right-bottom { width:98%; float:left; padding-right:2%; height:3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .whitebox .td-right-top,.whitebox .td-right-bottom { width:98.2%;} }

.whitebox .column { width: 204px; float:left; margin-right:22px; }
.whitebox .column3 { width: 215px; float:left; margin-left:22px; }
.whitebox .column2 { width: 180px; float:left; margin-left:69px; }
.whitebox .column4 { width: 210px; float:left; margin-left:20px;}
ul.points { float:left; width:100%; }
ul.points li { padding: 1px 0px; list-style: outside url("../images/red-bullet.png") disc; margin: 2px 0px 0px 15px; font-size: 15px; }
ul.points li a { color: #111; font-size: 15px; }
ul.points li a:hover { color: #df2b2b; }
/*=================== Body Area end  ===================*/

/*=================== Borders classes start  ===================*/
.borderbottom { border-bottom:1px solid #d7d9dc; }
.bordertop { border-top:1px solid #d7d9dc; }
.nobdr{border:none !important;}
/*=================== Borders classes end  ===================*/

/*=================== Margins and Padding classes start  ===================*/
.mbottom0{ margin-bottom:0px !important;}
.mbottom3{ margin-bottom:3px !important;}
.mbottom5{ margin-bottom:5px !important;}
.mbottom10{ margin-bottom:10px !important;}
.mbottom15{ margin-bottom:15px !important;}
.mbottom20{ margin-bottom:20px !important;}
.mbottom25{ margin-bottom:25px !important;}
.mbottom23{ margin-bottom:23px !important;}
.mbottom23{ margin-bottom:23px !important;}
.mbottom30{ margin-bottom:30px !important;}
.mbottom40{ margin-bottom:40px !important;}
.mtop3 { margin-top:5px !important;}
.mtop5 { margin-top:5px !important;}
.mtop6 { margin-top:6px !important;}
.mtop8 { margin-top:8px !important;}
.mtop10 { margin-top:10px !important;}
.mtop11 { margin-top:11px !important;}
.mtop13 { margin-top:13px !important;}
.mtop15 { margin-top:15px !important;}
.mtop18 { margin-top:18px !important;}
.mtop20 { margin-top:20px !important;}
.mtop25 { margin-top:20px !important;}
.mtop30 { margin-top:30px !important;}
.mtop40 { margin-top:40px !important;}
.mtop50 { margin-top:50px !important;}
.mleft30 { margin-left:30px !important;}
.mleft40 { margin-left:40px !important;}
.mleft50 { margin-left:50px !important;}
.mleft2 { margin-left:2px !important;}
.mleft4 { margin-left:4px !important;}
.mleft5 { margin-left:5px !important;}
.mleft6 { margin-left:6px !important;}
.mleft10 { margin-left:10px !important;}
.mleft15 { margin-left:15px !important;}
.mleft19 { margin-left:19px !important;}
.mtop2 { margin-top:2px !important;}
.margin40 { margin:40px!important; }
.margin35{ margin:35px 30px!important; }
.margin20 { margin:20px!important; }
.mright10 { margin-right:10px; }
.mright5 {margin-right:5px !important;}

.ptop8{padding-top:8px !important;}
.ptop3{padding-top:3px !important;}
.ptop5{padding-top:5px !important;}

.left3 { padding-left:3px!important; }
.left8 { padding-left:8px!important; }
.left20 { padding-left:20px!important; }
.left25 { padding-left:25px!important; }
.bottom3 { padding-bottom:5px!important; }
.bottom5 { padding-bottom:5px!important; }
.bottom11 { padding-bottom:11px!important; }
.bottom13 { padding-bottom:13px!important; }
.bottom15 { padding-bottom:15px!important; }
.bottom18 { padding-bottom:18px!important; }
.bottom10 { padding-bottom:10px!important; }
.bottom20 { padding-bottom:20px!important; }
.bottom30 { padding-bottom:30px!important; }
.top13 { padding-top:13px!important; }
.top20 { padding-top:20px!important; }
.top30 { padding-top:30px!important; }
.TB20 { padding:20px 0 10px 0; }
.TB15 { padding:17px 0 12px 0; }
.TB5 { padding:5px 0 ; }
.pad0{ padding:0px !important;}
.TB10 { padding:10px 0 ; }
.top0 { padding-top:0px!important;}
.mtop35 { margin-top:35px!important;}
/*=================== Margins and Padding classes end  ===================*/

/*=================== Footer Area Start ===================*/
.footer { background:url(../images/footerbg.jpg) no-repeat center top #000; padding:0px 0; width:100%; margin-top:0px; }
.footer .legal { float:left; color:#777; padding:5px 0 0 0; font-size:12px; text-transform:uppercase; line-height:15px; font-family: 'breuertextmedium';}
.footer .legal a { color:#777;  }
.footer .top { padding:40px 0px; border-bottom:1px solid rgba(255, 255, 255, 0.2); width:100%; }
.footer .top h3 { color:#FFF; font-size:30px; padding:13px 0 0 0; margin:0; font-family: 'breuertextbold'; font-weight:normal; }
.footer .navigation { padding:60px 0px; width:100%; line-height:18px;  }
.footer .column { width:27%; float:left;  }
.footer .navigation h3 { color:#df2b2b; font-size:17px; text-transform:uppercase; font-family: 'breuertextbold'; margin: 0 0 15px 0; font-weight:normal;  }
.footer .navigation h3 a { color:#df2b2b; font-size:17px; text-transform:uppercase; font-weight:normal;  }
.footer .navigation p  { color:#fff; font-size:14px; margin:0 0 16px 0; }
ul.footernav  { width:100%;}
ul.footernav li  { width:100%; padding:1px 0;  }
.footer .navigation a  { color:#fff; font-size:14px; }
.footer .navigation a:hover  { color:#df2b2b;}
.footer .bottom { background-color:#000; padding:30px 0; width:100%; }
.logofooter { background:url(../images/xt_logo.png) no-repeat 0 0; display:inline-block; width:110px; height:26px; opacity: 1; margin-top:60px;  }

 /* footer */
.footer .social { float:right; }
.footer .social a { width:40px; height:40px; opacity: 0.25; display:block; float:left; margin-left:7px; border:2px solid #fff;border-radius:20px; color:#FFF; font-size:21px; text-align:center; vertical-align:middle; padding:7px 0 0 0;}
.footer .social a:hover {opacity: 1; }
.home-banner { padding-top:120px; }
.home-banner h1 { font-size:55px !important; text-align: center; color: #ffffff; margin:60px 0 -3px 0; letter-spacing:-2px; font-family:"helvetica_neuebold";  }
.home-banner h2 { font-size:18px !important; text-align: center; color: #ffffff; margin:0; }
.redlink, .redlink:hover { color:#da2540; } /*=================== Footer Area end ===================*/

/*=================== Inner pages classes start ===================*/
#innercontainer {padding:40px 0; width:100%; display:inline-block; }


#innerleft .testimonials { margin:40px 0 0 0; float:left; width:100%; }
#innerleft .testimonials h3 { margin:0 0 15px 0; letter-spacing:0px!important;  font-size:18px; color:#111; font-family:"breuertextbold"; }
#innerleft .testimonials h3 a  { font-size:18px; color:#111; font-family:"breuertextbold"; margin:0; padding:0; font-weight:normal; letter-spacing:0px!important;}
#innerleft .testimonials p { font-size:15px; margin-bottom:15px; line-height:20px;}



#innerleft { clear:left; float:left; width:230px; }
#innerleft h1 { /*font-size:16px; font-weight: bold; color:#80808b; letter-spacing:0em;*/ float:left; }

#maincontent { float:left; width:690px; padding:0px 35px; }
#maincontent .h2h { color:#111; font-size:20px; line-height:22px; margin-bottom:25px; font-family:"breuertextbold";}
#maincontent h2 { color:#111; font-size:20px; line-height:22px; margin:35px 0 20px 0; font-family:"breuertextbold";}
#maincontent h3 a { color:#111;}
#maincontent p { margin-bottom:15px; font-size:15px; line-height:20px; }
#maincontent p a:hover { text-decoration:none; color:#111 !important;}
#maincontent .h2h-bold {color:#2f303d; font-size:12px; line-height:19px; margin-top:30px; margin-bottom:5px; font-weight:bold;}


#innerRight { float:right; width:220px; }



#innerRight .greybox { float:left; width:100%; border-radius:2px; margin-bottom:20px; } 
.greybox .content { float:left; width:100%; margin-bottom:30px; } 
.greybox .content h3{ font-size:18px; font-family:"breuertextbold"; font-weight:normal; color:#111; margin:0 0 8px 0; letter-spacing:0px!important;} 
.greybox .content h3 a { font-size:18px; font-family:"breuertextbold"; font-weight:normal; color:#111; margin:0 0 0px 0; letter-spacing:0px!important;} 
.greybox .content p { font-size:15px; line-height:18px; padding:0; margin:0;} 


dl.services { float:left; width:100%; margin:0 0 30px 0; padding:0;  }
dl.services dd { clear:left; float:left; width:47%; font-weight:normal; font-size:15px; line-height:20px; }
dl.services dt { float:left; width:47%; margin-left:6%; font-weight:normal; font-size:15px; line-height:20px; }
dl.services h3 { font-size:14px; text-transform:uppercase; color:#111; font-family:"breuertextbold"; margin-top:0; }
dl.services a h3:hover { color:#df2b2b;}




table.data { border:1px solid rgba(0,0,0,.15); border-right:none!important; border-bottom:0px; margin-top:15px;}
table.data th { border-right:1px solid rgba(200,200,208,.6); border-bottom:1px solid #d7d9dc; padding:10px; color:#111; height:30px; font-size:16px; background-color:#eee; font-family:"breuertextbold"; font-weight:normal; }
table.data td { border-right:1px solid rgba(200,200,208,.6); padding:10px;  border-bottom:1px solid rgba(200,200,208,.6); font-size:15px; vertical-align:top; line-height:20px; }
table.data h2 { padding:0!important; margin:0!important; font-size:18px!important; }
table.data h2 a { font-size:15px!important; color:#df2b2b; text-transform:uppercase;}

ul.bullets { margin:0px; padding:0px 0px 0px 15px; width:auto; display:inline-block; line-height:16px;}
ul.bullets li { margin:0px; padding:3px 0px; list-style:disc; font-size:15px; line-height:18px; }

ul.testimonial { width:100%; float:left; }
ul.testimonial li { padding:15px 0px; border-top:1px solid #d7d9dc; font-size:16px; line-height:18px;}
ul.testimonial li:first-child { border-top:none; padding-top:0; }

ul.facts { width:100%; float:left; }
ul.facts li { padding:8px 0px; border-top:1px solid #d7d9dc; font-size:15px;}
ul.facts li:first-child { border-top:none; }

ul.webservices { width:100%; float:left; }
ul.webservices li { padding:15px 0px; border-top:1px solid #d7d9dc; font-size:15px; color:#111; line-height:20px; }
ul.webservices li:first-child { border-top:none; padding-top:0!important; }
ul.webservices li a.upper { display:inline-block; padding-bottom:5px; font-size:15px; color:#df2b2b; }


ul.webservices10 { width:100%; float:left; }
ul.webservices10 li { padding:8px 0px; border-top:1px solid #d7d9dc; }
ul.webservices10 li:first-child { border-top:none; }
ul.webservices11 li { padding:4px 0px; border-top:1px solid #d7d9dc; }
ul.webservices11 li:first-child { border-top:none; }


#mainwide { float:left; width:875px; padding:3px 0 8px 0px; margin-left:35px; }
#mainwide h2, #mainwide .h2h { color:#111; font-size:20px; line-height:22px; margin-bottom:25px; font-family:"breuertextbold";}
#mainwide h2:first-child {margin-top:0px!important;}
#mainwide p { margin-bottom:15px; font-size:15px; line-height:20px; }

.flexigreybox { float:left; width:100%; } 
.flexigreybox.bg { background:url(../images/bg.gif) 0 0 repeat!important; margin-bottom:20px;  } 
.flexigreybox .middlearea { float:left; width:100%; border:1px solid #d7d9dc; border-radius:2px;}  
.flexigreybox .background { background:url(../images/thanksbg.jpg) right 0 no-repeat; height:278px!important; } 
.contactform { float:left; padding:25px 58px; }
.contactform dl { float:left; padding:5px 0; width:100%; }
.contactform dl label { font-weight:normal; font-family:"breuertextbold"; font-size:15px; color:#2f303d; }
.contactform dd { float:left; width:358px; margin-right:40px; }
.contactform dt { float:left; width:358px;}
.input { border:1px solid #d7d7dc; border-radius:2px; color:#2f303d; padding:8px 5px; text-transform:none!important; width:100%; font-weight:normal; }
.code { border:1px solid #d7d7dc;  padding:8px 5px; text-transform:none!important; width:72px;  border-radius:2px; float:left; }
.phone { border:1px solid #d7d7dc;  padding:8px 5px; text-transform:none!important; width:278px;  border-radius:2px;  vertical-align: top;}
.textarea { border:1px solid #d7d7dc;  padding:8px 5px; text-transform:none!important; width:100%; border-radius:2px; }
.dropdown { border:1px solid #d7d7dc;  padding:7px 5px; text-transform:none!important; width:100%; font-weight:normal; border-radius:2px; }

.thanksleft { float:left; width:660px; margin:20px 0 0 40px; }
.thanksleft h2 {  font-family:"breuertextbold"; font-size:35px; }
.thanksleft h2 span { font-size:16px; font-family: 'breuertextregular',Arial ,sans-serif !important; margin-top:10px; }
.thanksleft p { font-size:15px; font-family: 'breuertextregular',Arial ,sans-serif !important; margin-top:20px; line-height:20px; }

.sitemapleft { float:left; width:910px;}
.sitemapleft .smcolumn { float:left; margin-left:12%;}
.sitemapleft .smcolumn:first-child{ margin-left:0; }
.sitemapleft .smcolumn h2 { padding:0px; margin:0 0 15px 0; color:#df2b2b;}
.sitemapleft .smcolumn h2 a { font-size:18px; color:#df2b2b; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal;}
.sitemapleft .smcolumn h2 a:hover, .sitemapleft .smcolumn h3 a:hover { text-decoration:none; color:#df2b2b ; } 
.sitemapleft .smcolumn h3 a { font-size:16px; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal; }
.sitemapleft .smcolumn ul { display:block; padding:0px 0 25px 0;}
.sitemapleft .smcolumn ul li { display:block; padding:2px 0; font-size:15px; }
.sitemapleft .smcolumn ul li a { color:#85858D;}
.sitemapleft .smcolumn ul li a:hover { color:#df2b2b;}
 

.whiteboxsmall { float:right; text-align:left; background-color:#FFFFFF; width:175px; padding:15px; border:1px solid rgba(200,200,208,.6); margin-top:19px;}
.icons { float:left; border:1px solid rgba(200,200,208,.6); padding:5px; width:165px; }
.loaderbox { float:left; background-color:#FFFFFF; margin-left:10px; border:1px solid #d7d7dc; font-size:10px!important; padding:3px; }

/*=================== Inner pages classes end ===================*/

/*-- News Scroller --*/
.news-container { width:930px; padding:10px 25px; float:left; z-index:9; margin-top:-10px; }
.news-container strong { float:left; color:#2f303d !important; text-transform:uppercase; margin-top:2px; font-size:11px !important; /*padding-right:6px; margin-right:6px; border-right:1px solid #bdbdc0;*/ }
.news-container .arrows { float:left; width:52px; margin:0 6px; }
.news-container .arrows a.previous { background:url(../images/sprite2.gif) 0 -105px no-repeat; width:25px; height:19px; display:block; float:left;}
.news-container .arrows a.previous:hover { background:url(../images/sprite2.gif) -56px -105px no-repeat; width:25px; height:19px; display:block; float:left;}
.news-container .arrows a.next { background:url(../images/sprite2.gif) -28px -105px no-repeat; width:25px; height:19px; display:block; float:left;}
.news-container .arrows a.next:hover { background:url(../images/sprite2.gif) -85px -105px no-repeat; width:25px; height:19px; display:block; float:left;}


.news-container-home {width:952px; padding:1px 25px 7px 2px; float:left; z-index:9; margin-top:-15px; }
.news-container-home strong { float:left; color:#2f303d !important; text-transform:uppercase; margin-top:2px; font-size:11px !important; font-weight:bold; /*padding-right:6px; margin-right:6px; border-right:1px solid #bdbdc0;*/ }
.news-container-home .arrows { float:left; width:52px; margin:0 7px; }
.news-container-home .arrows a.previous { background:url(../images/sprite2.gif) 0 -106px no-repeat; width:25px; height:19px; display:block; float:left;}
.news-container-home .arrows a.previous:hover { background:url(../images/sprite2.gif) -56px -106px no-repeat; width:25px; height:19px; display:block; float:left;}
.news-container-home .arrows a.next { background:url(../images/sprite2.gif) -28px -106px no-repeat; width:25px; height:19px; display:block; float:left;}
.news-container-home .arrows a.next:hover { background:url(../images/sprite2.gif) -85px -106px no-repeat; width:25px; height:19px; display:block; float:left;}


#ajaxticker1{
	width: 756px;
	margin-top:5px;
	float:left;}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
color: #707381;}

#ajaxticker1 h2 { font-size:11px; font-weight:normal; }
#ajaxticker1 a { text-decoration: none;}
/*-- News Scroller --*/

/*=================== Portfolio classes start ===================*/
ul.portfolio { float:left; padding:25px; width:874px; } 
ul.portfolio li { float:left; width:100%; margin-top:25px;   }
ul.portfolio li:first-child { margin-top:0px!important;  }
ul.portfolio li dl { float:left; width:254px; padding:15px; margin-left:30px; border:2px solid #ddd; background:#ddd;  }
ul.portfolio li dl:first-child { margin-left:0px!important;  }
ul.portfolio li dl:hover { border-color:#111; background-color:#111; color:#FFF; }
ul.portfolio li dl dd { width:224px; height:150px; background-color:#060; }
ul.portfolio li dl dd img { width:100%; }
ul.portfolio li dl dt { width:100%; padding-top:20px; color:#df2b2b; font-weight:normal; font-size:15px; text-align:center; text-transform:uppercase; font-family:breuertextbold; }
ul.portfolio li dl:hover dt { color:#FFF; }
/*=================== Portfolio classes end ===================*/

.nav li a span span.spanImg,
.nav li:hover a span span.spanImg { height:10px; display:inline-block; padding:0px; margin:0px; background:url(../images/topMenuHeadings.png) 0 0 no-repeat; }

.nav li.corp a span.corporateLnk, .nav li.corp:hover a span.corporateLnk { width:68px; background-position: left -80px; }
.nav li a span span.servOffer, .nav li a:hover span span.servOffer { width:55px; background-position: left 1px!important; }
.nav li a span span.solutions, .nav li a:hover span span.solutions{ width:64px; background-position: left -202px!important;}
.nav li a span span.industries, .nav li a:hover span span.industries { width:67px; background-position:left -240px!important; }
.nav li a span span.careers, .nav li a:hover span span.careers{ width:52px; background-position:left -161px!important;}
.nav li a span span.contact, .nav li a:hover span span.contact{ width:53px; background-position: left -121px!important; }
.nav li a span span.requestInfo, .nav li a:hover span span.requestInfo{ width:131px; background-position:left -39px!important; }
.nav li a span span.case-studies, .nav li a:hover span span.case-studies { width:80px; background-position:left -317px!important; }

.nav li a span span.chatButton{ width:135px; background:url(../images/chatsupport-online.png) left 0px no-repeat; display:block; height:15px;}
.nav li a:hover span span.chatButton{ width:135px; background:url(../images/chatsupport-online.png) left -27px no-repeat; display:block; height:15px;}

.nav li.chatSupport a { display:block; float:left; height:40px; padding:0 0 0 10px; background:url(../images/brdr1.gif) no-repeat left top;}
.nav li.chatSupport a span { display:block; float:left; height:26px; padding:15px 12px 0 0; background:url(../images/brdr2.gif) no-repeat 145px 0px; margin-right:64px}
.nav li.chatSupport:hover a { padding:0!important; cursor:pointer;}
.nav li.chatSupport:hover a span { background:url(../images/nav-bg1.gif) 0 0 repeat-x; padding-left:11px; margin-left:-1px; margin-right:-1px; padding-right:11px;  margin-right:65px}


.nav li.tollfree a { display:block; float:left; height:40px; padding:0 0 0 10px; background:url(../images/brdr1.gif) no-repeat left top;}
.nav li.tollfree a span { display:block; float:left; height:26px; padding:15px 12px 0 0; /*background:url(../images/brdr2.gif) no-repeat 145px 0px;*/ margin-right:64px}
.nav li a span span.tollfreeno{ width:148px; background:url(../images/tollfree.png) left 0px no-repeat; display:block; height:15px;}



span.webdevImgBlue{ width:29px; height:29px; background:url(../images/iconsSprite.png) 0px 0px no-repeat; display:inline-block}
span.webdevImgBlck{ width:29px; height:29px; background:url(../images/iconsSprite.png) -32px 0px no-repeat; display:inline-block}
span.mobAppsImgBlue{ width:29px; height:29px; background:url(../images/iconsSprite.png) 0px -47px no-repeat; display:inline-block}
span.mobAppsImgBlck{ width:29px; height:29px; background:url(../images/iconsSprite.png) -32px -47px no-repeat; display:inline-block}
span.itServImgBlue{ width:29px; height:29px; background:url(../images/iconsSprite.png) 0px -94px no-repeat; display:inline-block}
span.itServImgBlck{ width:29px; height:29px; background:url(../images/iconsSprite.png) -32px -94px no-repeat; display:inline-block}
span.buisProImgBlue{ width:29px; height:29px; background:url(../images/iconsSprite.png) 0px -141px no-repeat; display:inline-block}
span.buisProImgBlck{ width:29px; height:29px; background:url(../images/iconsSprite.png) -32px -141px no-repeat; display:inline-block}
span.droptabArrow{ width:12px; height:10px; background:url(../images/smallIcons.png) 0px 0px no-repeat; display:inline-block}
span.twitterImg{ background:url(../images/sprite2.gif) left -130px no-repeat; display:inline-block; width:23px; height:22px;}
span.linkedInImg{ background:url(../images/sprite2.gif) left -154px no-repeat; display:inline-block; width:23px; height:22px;}
span.facebookImg{ background:url(../images/sprite2.gif) left -178px no-repeat; display:inline-block; width:23px; height:22px;}

span.droptabchat{ width:15px; height:14px; background:url(../images/chat-icon.png) 0px 0px no-repeat; display:inline-block}


#tickerDisplay { padding-top:2px; margin-left:170px; max-width:800px; text-transform:uppercase !important; font-size:11px !important; font-weight:bold; color:#2f303d !important;}
#tickerDisplay h2, #tickerDisplay a{ font-size:11px !important; font-weight:bold; text-transform:uppercase !important;}
#mynews{display:none; padding-top:10px; float:left;}
.socialIcons{ float:right; margin-left:5px; margin-top:1px; display:inline-block; width:81px;}

.error-msg { background-color:#ed0101; color:#FFF; font-weight:bold; padding:8px; }

/*=================== hire-php-programmers ===================*/
.rad2{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;}
.rad3{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;}
.top-section{ width:978px; float:left; border:solid 1px #d9d9d9; background:url(../images/top-section.png) repeat-y center top #e7ecf7;  text-align:center; margin-bottom:30px; border-radius:2px;}
.top-section .whitelinetop{ width:908px; float:left; background:url(../images/wp.png) repeat-x center top; padding:35px 35px 35px 35px; text-align:center;}
.top-section h1 { display:block; float:left; width:100%; font-size:43px; color:#333443; text-shadow:0 1px #FFF; padding-bottom:15px; letter-spacing:-0.03em; line-height:35px;  font-family: 'breuertextbold',Arial,sans-serif !important; font-weight:normal;}

.top-section h2,
.top-section div.h2p,
.top-section p { display:inline-block; float:left; width:100%;  font-size:16px; color:#3E3F4D; font-weight:normal; text-shadow: 0px 1px rgba(255,255,255,0.8); font-family:'breuertextregular',Arial,sans-serif !important}
.top-section1 div.h2p h2,
.top-section div.h2p h2{ width:auto; float:none;}

/*=================== php-development ===================*/
.top-section1{ width:978px; float:left; border:solid 1px #d9d9d9; background:url(../images/top-section.png) repeat-y center top #e7ecf7;  text-align:center;}
.top-section1 .whitelinetop{ width:908px; float:left; background:url(../images/wp.png) repeat-x center top; padding:35px 35px 35px 35px; text-align:center;}

.top-section1 h1 { display:block; float:left; width:100%; font-size:35px; color:#333443; text-shadow:0 1px #FFF; padding-bottom:15px; letter-spacing:-0.03em; line-height:35px;  font-family: 'breuertextbold',Arial,sans-serif !important;}

.top-section1 h2,
.top-section1 div.h2p,
.top-section1 p { display:inline-block; float:left; width:100%;  font-size:16px; color:#3E3F4D; font-weight:normal; text-shadow: 0px 1px rgba(255,255,255,0.8); font-family:'breuertextregular',Arial,sans-serif !important}


.quote-area{ width:950px; float:left; border:solid 1px #d9d9d9; padding:23px 14px 18px 14px; margin-top:-3px; background:#FFF; border-bottom:none;}
.quote-area div.row div,
.quote-area p { display:block; float:left; font-size:12px; font-weight:normal; text-transform:none !important; color:#333443; width:208px; padding:0 15px 23px 15px; border-left:solid 1px #e4e4e4; text-align:center;}
.quote-area div.row div div{ font-family:Arial, Helvetica, sans-serif !important; font-size:12px; text-transform:none; font-weight:normal; border:0px; padding:0px;}
.quote-area div.row{ width:100%;}
.quote-area div.row div:First-child,
.quote-area p:first-child { padding-left:10px; border-left:none;}
.quote-area div span,
.quote-area p span { display:block; text-align:center; height:80px;}
.quote-area .head { display:block; float:left; width:100%; font-size:26px; color:#333443; text-shadow:0 1px #FFF; text-align:center; padding-top:15px; letter-spacing:-0.015em; font-weight:bold; line-height:20px;}
.quote-area .desc { display:block; float:left; width:100%;  font-size:16px; color:#333443; text-shadow:0 1px #FFF; font-weight:normal; text-align:center; padding-bottom:12px; display:inline-block; padding-top:3px;}
.quote-area .desc h2{ font-size:16px; color:#333443; font-weight:normal; display:inline}

.quote-button{ width:100%; float:left; padding:0px 0px 5px 0px; text-align:center;}
.quote-button a { display:block; float:left; padding:18px 0 0 0;  background:url(../images/button-bg.png) repeat-x left top; width:264px; height:32px; text-align:center;}
.quote-button a:hover { background:url(../images/button-bg.png) repeat-x left bottom;}
.orange-area{ width:958px; float:left; padding:25px 10px 20px 10px; border:solid 1px #d9d9d9; background:url(../images/wp.png) repeat-x left top #f8ebc8; text-align:center; }
.orange-area .head { display:block; float:left; width:100%; font-size:26px; color:#322f28; text-shadow:0 1px #FFF; letter-spacing:-0.015em; font-weight:bold;  text-transform:capitalize;  text-shadow:0 1px #FFF; line-height:18px;}
.orange-area .desc { display:block; float:left; width:100%;  font-size:16px; color:#333443; font-weight:normal;  text-shadow:0 1px #FFF;}
.slide-area{ width:930px; float:left; border:solid 1px #d9d9d9; border-top:none; padding:24px; background:#FFF;}
.slider-area{ width:930px; float:left; font-size:12px; color:#9e9ea4;}
.slider-area .whitebox { float:left; width:890px; text-shadow: 0px 1px rgba(255,255,255,0.5); border:solid 1px #dcdcdc;  padding:20px; background:#FFF;} 
.slider-area h1 { font-size:18px; font-weight: bold; color:#464755; letter-spacing:-0.01em; float:left; display:block; float:left; width:100%;}
.slider-area  a {color:#464755;}
.slider-area .content-area { float:left; width:422px; padding:10px 20px; color:#7f848c; }
.slider-area .content-area h2 {color:#7f848c !important; }  
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 854px; /*Width of Carousel Viewer itself*/
height: 240px; /*Height should enough to fit largest content's height*/
float:left;
margin:0 18px;
}

.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*/
width: 854px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
float:left;
text-align:center;
height:240px;
}
.stepcarousel .panel .thumbnail1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 213px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
float:left;
text-align:center;
height:240px;
}
.prev1{ background:url(../images/slider-bullet.png) no-repeat left -68px; margin-left:-5px;}
.prev1:hover { background:url(../images/slider-bullet.png) no-repeat left 0;}
.next1{ background:url(../images/slider-bullet.png) no-repeat left -102px; margin-right:-5px; }
.next1:hover { background:url(../images/slider-bullet.png) no-repeat left -34px;}
.ptop24 { padding-top:20px;}
.ptop18 { padding-top:18px;}
.ptop3 { padding-top:3px;}
.ptop5{ padding-top:5px;}


.benefit-box{ width:453px; float:left; border:solid 1px #d9d9d9;}
.benefit-box h2, .benefit-box .h2h { display:block; float:left; width:413px; padding:15px 20px 12px 20px;  border-bottom:solid 1px #d9d9d9; font-size:18px; background:url(../images/wp.png) repeat-x left top #e7ecf7; color:#333443; font-weight:bold; }
.benefit-box p { display:block; float:left; width:413px; padding:15px 20px 0 20px;   font-size:12px;  color:#333443; font-weight:normal;}
.benefit-box ul.checklist { display:block; float:left; width:413px; padding:15px 20px;}
.benefit-box ul.checklist li { display:block; color:#333443; border-top:dotted 1px #c5c5c5; padding:10px 0 10px 30px; background:url(../images/check.png) no-repeat left 10px; font-size:12px;}
.benefit-box ul.checklist li:first-child { border-top:none; }

.benefit-box ul.checklist-dot { display:block; float:left; width:413px; padding:15px 20px;}
.benefit-box ul.checklist-dot li { display:block; color:#333443; border-top:dotted 1px #c5c5c5; padding:5px 0 5px 30px; background:url(../images/check.png) no-repeat left 5px; font-size:12px;}
.benefit-box ul.checklist-dot li:first-child { border-top:none; }

.testi-box{ width:453px; float:left; border:solid 1px #d9d9d9; margin-left:20px;}
.testi-box{ width:453px; float:left; border:solid 1px #d9d9d9;}
.testi-box h2, .testi-box .h2h { display:block; float:left; width:413px; padding:15px 20px 12px 20px;  border-bottom:solid 1px #d9d9d9; font-size:18px; background:url(../images/wp.png) repeat-x left top #e7ecf7; color:#333443;  font-weight:bold;  text-shadow:0 1px #FFF;}
.testi-box ul.testilist { display:block; float:left; width:413px; padding:3px 20px;}
.testi-box ul.testilist li { display:block; color:#333443; border-top:dotted 1px #c5c5c5; padding:12px 0;  font-size:12px;}
.testi-box ul.testilist li:first-child { border-top:none; }
.testi-box ul.testilist li  .highlight{ background-color:#FFEE7E; color:#2f303d!important; font-weight:normal; line-height:18px; padding: 1px;}


.testi-box .expertise-list { display:block; float:left; width:413px; padding:15px 20px;}
.testi-box .expertise-list ul { display:block; float:left; width:100%;  border-top:dotted 1px #d9d9d9; padding:6.1px 0;}
.testi-box .expertise-list ul:first-child { border-top:none;}
.testi-box .expertise-list li { display:block; float:left; margin-left:5px; color:#333443;}

.testi-box .expertise-list .col1 { width:198px; padding-top:4px;}
.testi-box .expertise-list .col2 { width:100px;}
.testi-box .expertise-list .col3 { width:48px; font-size:11px; padding-top:3px; text-align:right;}
.testi-box .expertise-list .col4 { width:22px; height:20px; /*background:url(../images/blue-bullet.png) no-repeat center center;*/background:url(../images/top1.png) no-repeat center center; color:#FFF !important; text-shadow:0 -1px #2d4b70; font-weight:bold; text-align:center; padding:2px 0 0 0; text-indent:-999%;}
.testi-box .expertise-list .col5 { width:20px; font-size:11px; padding-top:3px;}

.bothboxheight{ height:444px;}

.quote-box{ width:884px; float:left; padding:22px; border:solid 1px #d9d9d9; background:url(../images/wp.png) repeat-x left top #f1f1f1;}
.quote-box dl { display:block; float:left; width:100%;}
.quote-box dt { display:block; float:left; width:435px; padding-right:18px; padding-top:3px; text-align:right; font-size:14px; color:#333443;}
.quote-box dt strong { font-size:26px; color:#ff6f02; text-shadow:0 1px #FFF; line-height:25px;}
.quote-box dd { display:block; float:left;}
.quote-box dd a { display:block; float:left; padding:18px 0 0 0;  background:url(../images/button-bg.png) repeat-x left bottom; width:264px; height:32px; text-align:center;}
.quote-box dd a:hover { background:url(../images/button-bg.png) repeat-x left top;}


.ourclients{ margin:0px 0px; float:left;}
.ourclients ul li{ float:left; border-left:1px solid #e4e4e4; padding:0px 6px;}
.ourclients ul li:first-child a{ margin-left:0px;}
.ourclients ul li:first-child{ border-left:0px solid #ececec; padding-left:0px;}
.ourclients ul li a{ background-image:url(../images/clients.jpg); float:left; margin:0px 12px; height:44px; text-indent:-99999%; position:relative; cursor:default;}
.ourclients ul li.coke a{ background-position:left -8px; width:40px;}
.ourclients ul li.coke a:hover{ background-position:left -60px;}
.ourclients ul li.sony a{ background-position:-75px -9px; width:112px;}
.ourclients ul li.sony a:hover{ background-position:-75px -61px;}
.ourclients ul li.nissan a{ background-position:-220px -8px; width:58px;}
.ourclients ul li.nissan a:hover{ background-position:-220px -60px;}
.ourclients ul li.cannon a{ background-position:-314px -9px; width:102px;}
.ourclients ul li.cannon a:hover{ background-position:-314px -61px;}
.ourclients ul li.hp a{ background-position:-456px -7px; width:54px;}
.ourclients ul li.hp a:hover{ background-position:-456px -59px;}
.ourclients ul li.audi a{ background-position:-547px -7px; width:97px;}
.ourclients ul li.audi a:hover{ background-position:-547px -59px;}
.ourclients ul li.puma a{ background-position:-684px -1px; width:73px;}
.ourclients ul li.puma a:hover{ background-position:-684px -53px;}
.ourclients ul li.ibm a{ background-position:-794px -5px; width:71px;}
.ourclients ul li.ibm a:hover{ background-position:-794px -57px;}
.ourclients ul li.apple a{ background-position:-904px -3px; width:27px; margin-right:0px;}
.ourclients ul li.apple a:hover{ background-position:-904px -55px;}
.ourclients ul li.apple{ padding-right:0px;}


.freequote a{ background:url(../images/request-quote.png) 0px 0px; position:fixed; right:0px; top:32%; width:35px; height:178px; text-indent:-99999%; overflow:hidden;}
.freequote a:hover{ background-position:35px 0px;}
/*.freequote a{  position:absolute; float:right}*/
.news-container.specialpage{ width:100%; padding:20px 0; margin-bottom:10px;}
.news-container.specialpage #tickerDisplay{ margin-left:0px; width:100%;}
.news-container.specialpage #tickerDisplay strong{ margin-top:1px; padding-right:5px;}
.news-container.specialpage .arrows a{ display:none;}

.developcompany .top-section{ float:right; width:380px; text-align:left; margin:5px 4px 0 0;}
.developcompany .top-section p{ text-align:left; float:none; width:auto; padding:0;}
.developcompany .top-section .whitelinetop{ width:auto; padding:18px 25px 25px 25px;}
.developcompany .top-section .quote-button .rad3{ margin:5px 0px 5px 50px;}
.developcompany .quote-area .benefit-box{ border:0;}
.developcompany .quote-area .benefit-box ul.checklist{ width:100%; text-align:left; padding:13px 0px 19px 0px;}
.developcompany .quote-area .benefit-box ul.checklist li{ background-position:left 6px; padding:4px 0px 4px 30px;}
.developcompany .quote-area { padding:28px 28px 13px 28px; width: 922px;}
.developcompany .quote-area .row{ width:500px; color:#333443; padding:5px 10px 20px; text-align:left; line-height:16px;}
.developcompany .quote-area .row h1{ margin-bottom:25px; font-size:26px; letter-spacing:-0.015em;  text-transform:capitalize; padding-top:2px; text-shadow:0 1px #FFF;}
.developcompany .quote-area .row strong{ display:block; margin:20px 0px 0px 0px; font-size:12px;}
.developcompany .quote-area .row p{ text-align:left; width:228px; padding:0 20px; margin-top:10px;}
.developcompany .quote-area p:first-child{ padding-left:0px; padding-bottom:2px; text-transform:capitalize; text-shadow:0 1px #FFF; font-size:18px;}


.ourphptech{ margin:0px 0px 18px 0px; float:left; }
.ourphptech ul li{ float:left; border-left:1px solid #e4e4e4; padding:0px 6px;}
.ourphptech ul li:first-child a{ margin-left:0px;}
.ourphptech ul li:first-child{ border-left:0px solid #ececec; padding-left:0px;}
.ourphptech ul li a{ background-image:url(../images/php-company-tech.jpg); float:left; margin:0px 5px; height:47px; text-indent:-99999%; position:relative; cursor:default;}
.ourphptech ul li.zend a{ background-position:left -8px; width:136px;}
.ourphptech ul li.zend a:hover{ background-position:left -56px;}
.ourphptech ul li.cakephp a{ background-position:-155px -3px; width:112px;}
.ourphptech ul li.cakephp a:hover{ background-position:-155px -51px;}
.ourphptech ul li.symfony a{ background-position:-286px -2px; width:106px;}
.ourphptech ul li.symfony a:hover{ background-position:-286px -50px;}
.ourphptech ul li.codeigniter a{ background-position:-412px -0px; width:112px;}
.ourphptech ul li.codeigniter a:hover{ background-position:-412px -48px;}
.ourphptech ul li.drupal a{ background-position:-542px 4px; width:33px;}
.ourphptech ul li.drupal a:hover{ background-position:-542px -44px;}
.ourphptech ul li.yiiframework a{ background-position:-605px 3px; width:128px;}
.ourphptech ul li.yiiframework a:hover{ background-position:-605px -45px;}
.ourphptech ul li.magento a{ background-position:-758px 4px; width:103px;}
.ourphptech ul li.magento a:hover{ background-position:-758px -44px;}
.ourphptech ul li.wordpress a{ background-position:-880px 4px; width:36px; margin-right:0px;}
.ourphptech ul li.wordpress a:hover{ background-position:-880px -44px;}
.ourphptech ul li.wordpress{ padding-right:0px;}
.developcompany.newmod .row{ padding-bottom:20px;}
.developcompany.newmod .row p.list-content{ display:block; border:0; padding:15px 20px 0 20px;}
.developcompany.newmod .row p.list-content strong{ margin-top:0px;}


.ouraspclients{  margin:0px 0px 18px 0px; float:left;}
.ouraspclients ul li{ float:left; border-left:1px solid #e4e4e4; padding:0px 8px;}
.ouraspclients ul li:first-child a{ margin-left:0px;}
.ouraspclients ul li:first-child{ border-left:0px solid #e4e4e4; padding-left:0px;}
.ouraspclients ul li a{ background-image:url(../images/asp-company-tech.jpg); float:left; margin:0px 6px; height:59px; text-indent:-99999%; position:relative; cursor:default;}
.ouraspclients ul li.net a{ background-position:left -9px; width:139px;}
.ouraspclients ul li.net a:hover{ background-position:left -68px;}
.ouraspclients ul li.visualstudio a{ background-position:-175px -8px; width:121px;}
.ouraspclients ul li.visualstudio a:hover{ background-position:-175px -67px;}
.ouraspclients ul li.netmvc a{ background-position:-325px -6px; width:127px;}
.ouraspclients ul li.netmvc a:hover{ background-position:-325px -65px;}
.ouraspclients ul li.sqlserver a{ background-position:-479px -1px; width:150px;}
.ouraspclients ul li.sqlserver a:hover{ background-position:-479px -60px;}
.ouraspclients ul li.silverlight a{ background-position:-661px -4px; width:126px;}
.ouraspclients ul li.silverlight a:hover{ background-position:-661px -63px;}
.ouraspclients ul li.azure a{ background-position:-806px -2px; width:122px; margin-right:0px;}
.ouraspclients ul li.azure a:hover{ background-position:-806px -61px;}
.ouraspclients ul li.azure{ padding-right:0px;}


.bot-dot{ background:url(../images/bot-dot.png) repeat-x left bottom;}
.white-quote{ width:329px; float:left; background:#FFF; text-align:center; padding:20px 0 15px 0; color:#000; border:solid 1px #d4d7dc;}
.w100p{ width:100%; float:left; margin-top:3px;}
.w50p{ width:200px; float:left;}
.pad10{padding:10px;}
.margin10{padding:10px;}
.txtcenter{ padding-left:15px; margin-top:10px;}
.mtop0{ margin-top:0px !important;}


.txtfld1{ width:140px; height:21px; border:1px solid #dddddd; line-height:25px; color:#999; padding:2px 5px;}
.txtfld2{ width:140px; border:1px solid #dddddd; color:#999; padding:2px 5px;}
.txtarea1{ width:338px; height:80px; border:1px solid #dddddd;  color:#999; padding:2px 5px; clear:both;}
.quickform .top-section .whitelinetop{text-align:left;}
.quickform .top-section span{ float:left; display:inline; width:167px; margin-left:16px; margin-top:15px;}
.quickform .benefit-box{ border:0; padding:0px !important; margin:0px; font-size:11px;}
.quickform .white-quote{ float:left; background:#FFF; text-align:center; padding:10px; margin:10px 10px 10px 15px; color:#000; border:solid 1px #d4d7dc;}


.ppc-form{ width:331px; float:left; text-align:left !important; height:223px; color:#252628;}
.ppc-form dl { display:block; float:left; width:100%; padding-top:10px; }
.ppc-form dt { display:block; float:left; width:158px; padding-right:15px;}
.ppc-form dd { display:block; float:left; width:158px;}
.ppc-form .input { border:1px solid #d7d7dc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f303d; padding:5px 3px; text-transform:none!important; width:auto; margin-top:3px; }

.ppc-white-quote{ width:331px; float:left; text-align:center; padding:20px 0 0 0; color:#000; }
.ppc-white-quote .quote-button { margin-bottom:0 !important; padding-bottom:0 !important;} 

.relative{ position:relative;}
.hyper{ float:left; display:block; position:absolute; left:0; top:-15px;}


a.rif-btn { display:inline-block; width:211px; text-align:center; height:26px; background:url(../images/rif-bg.png) no-repeat center top; padding-top:13px;}
a.rif-btn:hover {background:url(../images/rif-bg.png) no-repeat center bottom;}

span.rif-btn { display:inline-block; width:190px; text-align:center; height:26px; background:url(../images/rif-bg1.png) no-repeat center bottom; padding-top:13px; cursor:pointer;}
span.rif-btn:hover {background:url(../images/rif-bg1.png) no-repeat center top;}

#innerRight .mtop40 {margin-top: 30px !important;}



.offer h2 { font-weight:normal; font-size:16px; line-height:18px; color:#000; background:url(../images/q1.jpg) no-repeat left 12px; display:block; padding:20px 0 10px 25px;}
.offer h2 .q2 { display:inline-block; background:url(../images/q2.jpg) no-repeat right bottom; width:25px; height:13px; vertical-align:bottom; margin-bottom:-5px;}

/* Conditional Styles */
body.outsourcing #innerleft h1{
	color: #464755;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.035em;}
	
body.outsourcing #innerleft p.shortDesc{
	color: #80808B;
    float: left;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;}
/* Conditional Styles ends*/


/*css add by pankaj on 2 nov 2011*/
.iphone-request-quote{ width:100%; float:left; margin-top:20px;}
.hire-box { float:left; width:958px; padding:20px 20px 14px 0px; border:solid 1px #d9d9d9; background:#fff; margin:22px 0 0px 0;}
.hire-box .left-area { float:left; width:473px; padding:0 15px 0 0; text-align:right;}
.hire-box .right-area { float:left; width:440px; padding:0 0 0 14px; border-left:1px solid #d7d9dc;}
.hire-box .simfast,
.hire-box h2 { display:block; float:left; width:100%; text-transform:uppercase; font-size:16px; font-family: 'breuertextbold',Arial ,sans-serif !important; color:#667da4 ; font-weight:normal;}
.hire-box .hirehrs { display:block; float:left; width:100%; font-size:43px; font-family: 'breuertextbold',Arial ,sans-serif !important; color:#66AE7D; line-height:53px; font-family: 'breuertextbold',Arial ,sans-serif !important;}
.hire-box .engModel,
.hire-box h3 { display:block; float:left; width:100%; font-size:16px; font-weight:normal !important; line-height:19px; padding-top:8px; text-transform:none; color:#8D8D8D; font-family: 'breuertextregular',Arial ,sans-serif !important;}

.quality-ensure { width:100%; float:left; padding-bottom:20px; text-align:center;}
.quality-ensure .h1hire,
.quality-ensure h1 { display:block; float:left; width:100%; font-size:30px; font-family: 'breuertextbold',Arial ,sans-serif !important; color:#202020; letter-spacing:-0.7px; font-weight:normal;}
.quality-ensure .h2hire,
.quality-ensure h2 { display:block; float:left; width:100%; font-size:16px; font-weight:normal !important; padding-top:10px; color:#7D7D7D; text-shadow:0 1px #FFFFFF; font-family: 'breuertextregular',Arial ,sans-serif !important;}
.quoterequest { width:100%; float:left; background:url(../images/request_bg.png) no-repeat center center; text-align:center; margin: 8px 0;}
.quoterequest a { display:block; float:left; padding:18px 0 0 0;  background:url(../images/button-bg.png) repeat-x left top; width:264px; height:32px; text-align:center;}
.quoterequest a:hover { background:url(../images/button-bg.png) repeat-x left bottom;}
.uc{ text-transform:uppercase;}
.pb20{ padding-bottom:20px;}
/*css add by pankaj on 9 nov 2011*/
.f38 { font-size:38px !important;}

/*css add by pankaj on 11 nov 2011*/
.new-php-heading { width:980px; float:left; background:url(../images/new-php-head.png) no-repeat left top; height:283px; padding:40px 0 0 0; text-align:center; word-wrap:break-word;}
.new-php-heading.Head1{ padding:40px 0 190px 0px !important; height:auto !important; background:url(../images/new-php-head1.png) no-repeat left 162px;}
.new-php-heading.Head2{ padding:28px 0 177px 0px !important; height:auto !important; background:url(../images/new-php-head2.png) no-repeat left 163px;}
.new-php-heading h1 { display:block; float:left; width:100%; font-size:38px; color:#333443; text-shadow:0 1px #FFF; padding-bottom:15px; letter-spacing:-0.03em; line-height:35px;}
.new-php-heading p { display:block; float:left; width:100%;  font-size:16px; color:#3E3F4D; /*font-weight:bold;*/ text-shadow: 0px 1px rgba(255,255,255,1);}
.new-php-form-area { width:930px; float:left; border:solid 1px #d9d9d9; padding:23px 24px 24px 24px; background:#FFF; border-bottom:none; color:#333443;}
.new-php-form-area .gray-form { float:left; width:264px; padding:10px 20px 20px 20px; background: url(../images/bg.gif); border:1px solid #DCDCDC;}
.gray-form{ width:264px; float:left; text-align:left !important; /*height:223px;*/ color:#252628;}
.gray-form dl { display:block; float:left; width:100%; padding-top:8px; }
.gray-form dt { display:block; float:left; width:130px; padding-right:4px;}
.gray-form dd { display:block; float:left; width:130px;}
.gray-form .input { border:1px solid #d7d7dc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f303d; padding:5px 3px; text-transform:none!important; width:auto; margin-top:3px; }
.gray-form .ppc-white-quote{ width:264px; float:left; text-align:center; padding:16px 0 3px; 0; color:#000; }
.gray-form .ppc-white-quote .quote-button { margin-bottom:0 !important; padding-bottom:0 !important;}
.gray-form  .helvetica4 { display:block; float:left; text-transform:none !important; color:#333443; width:100%;  font-size: 18px; text-shadow: 0 1px #FFFFFF; text-transform: capitalize;}
.new-php-form-area .left-content { width:598px; float:left; padding-right:26px;}
.new-php-form-area .left-content .box-area { width:568px; float:left; margin-top:28px; padding:19px 14px 14px 14px; border:solid 1px #d9d9d9;}

.new-php-form-area .left-content .col1 { float:left; padding-right:40px; width:279px;}
.new-php-form-area .left-content .col2 { float:left; width:279px;}
.new-php-form-area .left-content .h3h,
.new-php-form-area .left-content h3 { display:block; float:left; width:100%; padding:8px 0 13px 0; text-transform:none !important; color:#333443;  font-size: 18px; text-shadow: 0 1px #FFFFFF; text-transform: capitalize; font-family: 'breuertextbold',Arial ,sans-serif !important;}


ul.grn-arw{ display:block; float:left; width:100%;}
ul.grn-arw li { display:block; float:left; background:url(../images/grn-arw.png) no-repeat left center; width:260px; padding:2px 0 2px 19px; border-top:solid 1px #D9D9D9;}
ul.grn-arw li:first-child { border-top:none;}
.new-php-form-area .left-content ul.grn-arw li h3{ font-size:12px !important; font-weight:normal !important; line-height:normal !important; margin:0px; padding:0px !important; font-family:Arial, Helvetica, sans-serif !important;}
ul.grn-arw li a{ color:#333443; text-decoration:none;}
ul.e-models { display:block; float:left; width:100%; padding-top:15px;}
ul.e-models li { display:block; float:left; width:258px; margin-left:50px; word-wrap:break-word;}
ul.e-models li:first-child { margin-left:0;}

.tech-section{float:left; margin-top:-3px; border:1px solid #D9D9D9; width:99.8%; text-align:center; background-color:#fff; padding:10px 0px; border-bottom:0px;}
.TecH{background-image:url(../images/top-section.png);}
.inBlock{ display:inline-block;}
.Mlr12{ margin:0px 12px;}
.tagLine *{ display:inline-block; float:left;}
.tagLine .inBlock{ clear:left;}

/*#innerleft h1.title{ font-weight:normal; font-family: 'breuertextbold',Arial,sans-serif; line-height:28px; }
#innerleft h2.Subtitle{ font-weight:normal; font-family: 'breuertextregular',Arial,sans-serif; line-height:20px; font-size:16px; float:left;}*/
/*.Breadcrumb{ padding-bottom:5px !important; font-size:11px; margin-top:-5px; width:650px !important; padding-right:25px !important; padding-top:20px !important;}*/
.Breadcrumb.Fullbread{ width:928px !important; padding-bottom:25px !important;}
.Fullbread div{ margin-bottom:0px !important;}
.Breadcrumb{ padding-bottom:30px !important; font-size:11px; margin-top:18px; margin-bottom:20px; width:735px !important; padding-right:25px !important; float:left;}
.Breadcrumb div{padding:0px 5px 5px 1px; margin:0px 0px 22px; border-bottom: 1px solid #d7d9dc; display:none;}
.Breadcrumb div a:hover{ text-decoration:none;}
.Breadcrumb span.Last{ color:#2F303D;}
#innercontainer h1{ margin-bottom:5px !important;}
.Breadcrumb h1,
#innerleft h1{ font-weight:normal; font-family: 'breuertextbold',Arial,sans-serif; line-height:32px; margin-bottom:5px !important; color: #111; font-size:33px; letter-spacing: -0.03em;}


.Breadcrumb h2,
#innerleft h2{ font-weight:normal; font-family: 'breuertextregular',Arial,sans-serif; line-height:19px; font-size:16px; float:left;}

#mainwide p:first-child,
#maincontent p:first-child{ margin-top:0px;}

div.jobArea.First{ border-top:0px; margin-top:0px; padding-top:0px;}
.jobArea{ border-top:1px solid #d7d9dc; margin-top:20px; padding-top:20px; display:inline-block;}

.Adarea { background: url("../images/bg.gif") repeat scroll 0 0 transparent;  margin:25px 2px; margin-bottom:5px; display:inline-block; width: 937px; padding:19px 18px 18px 18px; border-radius:2px; border: 1px solid #d5d6d9;}
.Adarea .Ad1, 
.Adarea .Ad2{ float:left; margin-right:19px; position:relative;}

.Adarea .Ad2{ margin-right:0px;}


.Adarea .Ad2 img { position:relative; z-index:10;}
.Adarea .Ad2 div { float:left; width:430px; height:40px; padding:12px; position:absolute; left:0; top:0; z-index:1;}




.whitebox .column select{color: #2F303D;
    font-family: Arial,Helvetica,Tahoma,sans-serif;
    font-size: 12px; margin-top:8px; width:200px;}
.Low th{ height:26px !important;}
.Low td, .Low th{ padding:4px 8px !important;}

#innerleft .highlight{ background-color:transparent; color:#85858D !important; line-height:normal; font-weight:normal;}


input.Subapp { background:url(../images/submit-app.png) left bottom no-repeat; width:171px; height:33px; float:left; border:0px; outline:none; cursor:pointer; }
input.Subapp:hover{ background:url(../images/submit-app.png) left top no-repeat; }

.Bquote{/* background: none repeat scroll 0 0 #EFEFEF;*/background: url("../images/bg.gif") repeat scroll 0 0 transparent;
    border-left: 3px solid #83b88c;
    display: inline-block;
    padding: 10px; 
	text-transform:uppercase; 
	color:#2F303D;
	line-height: 16px;
	font-size:11px;
	text-shadow: 0 1px #FFFFFF;
	}
	
.hml {display:inline !important; float:left !important; clear:none !important;}
.f12bb {color: #2F303D; font-size: 12px !important; font-weight: bold;}

#footer .socialIcons{height:31px;}


.buttonimg { float:left; height:39px; background:url(../images/button.png) no-repeat left -78px; border:none; padding:0 0 0 20px; line-height:39px; overflow:hidden; }
.buttonimg span { float:left; height:40px; background:url(../images/button.png) no-repeat right -117px; border:none; padding:0 20px 0 0; line-height:41px; cursor:pointer; font-size:14px; text-transform:uppercase; font-family:'breuertextbold'; color:#fff; text-shadow:0 -1px 1px #536b8f; text-align:center;}
.buttonimg span img { display:inline-block; padding-top:14px;}
.buttonimg:hover{ background-position:left 0px;}
.buttonimg:hover span { background-position:right -39px; text-shadow:0 -1px 1px #587c5e;}

.error { border-color:#ff968b !important;}
label.error { display:none !important;}

/* css for offer pages mobile portfolio slider - start*/
/*.offering_slider .slider-area{margin-top:-27px !important;}*/
/* css for offer pages mobile portfolio slider - end*/

#UserID { display: none }

/* new css for industries section*/
#inner-wide { float:left; width:977px; padding:0 1px; }
.inner-banner { width:100%; float:left; height:100px; padding:25px 0 0 0; margin: 0px 0px 18px 0px;}
.inner-banner h1 {color:#353644; font-size:33px; font-weight:normal; letter-spacing:-1px; font-family:'breuertextbold', Arial ,sans-serif; line-height:35px; margin-top:8px;}
.inner-banner h1 span { color:#8f8f97; }
.inner-banner h2 { color:#85858D; font-family: 'breuertextregular',Arial ,sans-serif; font-size:16px; font-weight:normal;  padding-left:2px;}
#asideLeft { float:left; width:155px; }
#asideRight { float:right; width:210px; margin:70px 0 0 0; }
 
#asideLeft h2 { font-size:18px; float:left; width:100%; color:#353644; margin-bottom:8px!important; font-family:'breuertextbold',Arial,sans-serif !important; padding-left:3px; font-weight:normal;}
#asideLeft ul.leftnav { width:155px; float:left; }
#asideLeft ul.leftnav li { width:155px; padding:0px; }
#asideLeft ul.leftnav li a { width:145px; padding:5px 0px 5px 4px;  display:block; border-top:1px solid #dadada; }
#asideLeft ul.leftnav li a.first { border-top:none!important; }
#asideLeft ul.leftnav li a:hover, #asideLeft ul.leftnav li a.selected { text-decoration:none; color:#ffffff;}
#asideLeft ul.leftnav li a h3 { color:#85858D; font-weight:normal; text-transform:none!important; font-size:12px!important; font-family:'breuertextregular',Arial,sans-serif !important; text-shadow:none; }
#asideLeft ul.leftnav li a:hover h3 { color:#2F303D; text-decoration:none!important; font-size:12px!important; text-shadow:none; }
#asideLeft ul.leftnav li a.selected h3 { color:#85858D; text-decoration:none!important; font-size:12px!important; text-shadow:none;}

#mid-section { float:left; width:540px; padding:2px 35px; }
#mid-section h2 { color:#353644; font-size:16px; line-height:18px; margin:28px 0 20px 0; float:left; width:100%; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal;}
#mid-section p { margin-bottom:15px; float:left; width:100%; font-size:12px; font-family: Arial,sans-serif !important; line-height:16px;}
#mid-section p b { color:#353644;}
#mid-section h3 { font-family:'breuertextbold',Arial,sans-serif !important; color:#2f303d; font-size:16px; line-height:20px; margin-bottom:20px; float:left; width:100%; text-shadow:none !important; font-weight:normal !important;}

#asideRight h2 { font-size:16px; float:left; width:100%; color:#353644; margin-bottom:10px!important; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal;}
#asideRight .workbox { float:right; width:178px; border:1px solid #dfdfdf; padding:15px; line-height:16px; color:#85858D; border-radius:2px; background:url(../images/bg.gif);}
#asideRight .workbox h3 { color:#353644; font-size:18px; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal; text-transform:capitalize; margin:10px 0 20px 0; }
#asideRight .workbox a { color: #8A8A8A;}

#asideRight .workbox-white { float:right; width:210px; background:#fff; padding-bottom:20px;}
#asideRight .workbox-white a { float:left; width:208px; border:1px solid #dfdfdf; position:relative; color: #8A8A8A; }
#asideRight .workbox-white a:hover { border-color:#78bfec !important; box-shadow:0px 0px 3px #4f7cba; cursor:pointer;}
#asideRight .workbox-white h3 { color:#353644; font-size:18px; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal; text-transform:capitalize; margin:10px 0 20px 0; }
#asideRight .workbox-white .thumbnail { float:left; width:100%; text-align:center;}
#asideRight .workbox-white .content { float:left; width:178px; padding:15px; border-top:1px solid #d1d1d1; line-height:16px; color:#8f8f97; }
#asideRight .workbox-white .content strong { display:block; padding-bottom:10px;}


/*#asideRight .workbox-white div a span { background: url(../images/view-cs-hover.png) no-repeat center center; float:left; height:108px; left:0; position: absolute; top:-2px; width: 208px; display:none;}
#asideRight .workbox-white:hover div a span { display:block;}*/

.nav li span.usPhone { background:url(../images/topMenuHeadings.png) left -278px no-repeat; display:block; height:10px; width:110px; margin:14px 75px 0 0; }
a.request-btn { display:inline-block; width:178px; text-align:center; height:21px; background:url(../images/request-bg.png) no-repeat center bottom; padding-top:12px;}
a.request-btn:hover {background:url(../images/request-bg.png) no-repeat center top;}
.f45 { font-size:45px !important;}

#mid-section-small { float:left; width:545px; padding:0px 30px; }
#mid-section-small h2 { color:#111; font-size:20px; line-height:22px; margin:30px 0 15px 0; float:left; width:100%; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal;}
#mid-section-small h3 { color:#111; font-size:20px; line-height:22px; float:left; width:100%; font-family:'breuertextbold',Arial,sans-serif !important; font-weight:normal; margin:0px 0 0px 0; }
#mid-section-small p { margin-bottom:15px; float:left; width:100%; font-size:15px; line-height:20px; }

#asideRight-lg { float:right; width:360px; margin-right:5px; }
#asideRight-lg h2 { font-size:18px; font-family:"breuertextbold"; font-weight:normal; color:#111; margin:25px 0 15px 0; letter-spacing:0px!important; float:left; width:100%; }
#asideRight-lg p { margin-bottom:15px; float:left; width:100%; font-size:15px; line-height:20px; }



ul.leftlinks { width:100%; float:left; padding:0; margin:0; }
ul.leftlinks li { width:100%; padding:7px 0px; border-top:1px solid #dadada;  }
ul.leftlinks li .plus { font-size:28px; line-height:17px; color:#df2b2b; display:inline-block; float:left;  margin-right:5px; font-family:"breuertextbold"; }
ul.leftlinks li:first-child {border-top:none;} 
ul.leftlinks li a h3 { font-size:16px; color:#111; font-family:"breuertextbold"; margin:0; padding:0; font-weight:normal;}
ul.leftlinks li a:hover h3 { color:#DF2B2B; }
ul.leftlinks li a.selected h3 { color:#DF2B2B; }
ul.leftlinks.small a, ul.leftlinks a { color:#111; font-size:15px;}

.LeftSection { float:left; width:765px; }

.icon.automotive { background-position: 0px 0px; }
.icon.education { background-position: 0px -69px; }
.icon.entertainment { background-position: 0px -138px; }
.icon.finance { background-position: 0px -207px; }
.icon.healthcare { background-position: 0 -276px; }
.icon.logistics { background-position: 0px -345px; }
.icon.manufacturing { background-position: 0px -414px; }
.icon.real-estate { background-position: 0px -483px; }
.icon.retail { background-position: 0px -552px; }
.icon.transportation { background-position: 0px -621px; }
.icon.professional { background-position: 0px -690px; }
.icon.isv { background-position: 0px -759px; }






.w185 { width:185px; }
.textCenter{text-align:center;}
.lower{text-transform: none !important;}

.technology_links{}
.technology_links a{padding:0px !important; margin:0px !important; width:auto !important; float:none !important; display:inline-block !important;}

.center-head { float:left; width:100%; text-align:center!important; padding:25px 0 0 0; height:165px; margin-bottom:15px;  }
.center-head h1 { color:#353644; font-size:80px; font-weight:normal; letter-spacing:-3px; font-family:'breuertextregular', Arial ,sans-serif; line-height:75px; }
.center-head h2 { font-size:16px; font-family:'breuertextregular', Arial ,sans-serif; font-weight:normal; line-height:20px; margin-top:8px;}

.center-head-case { float:left; width:100%; text-align:center!important; padding:25px 0 0 0; height:160px; margin-bottom:15px;  }
.center-head-case h1 { color:#353644; font-size:67px; font-weight:normal; letter-spacing:-3px; font-family:'breuertextregular', Arial ,sans-serif; line-height:75px; }
.center-head-case h2 { font-size:16px; font-family:'breuertextregular', Arial ,sans-serif; font-weight:normal; line-height:20px; margin-top:2px;}

.center-head-careers { float:left; width:100%; text-align:center!important; padding:10px 0 0 0; height:148px; margin-bottom:15px;  }
.center-head-careers h1 { color:#353644; font-size:67px; font-weight:normal; letter-spacing:-3px; font-family:'breuertextregular', Arial ,sans-serif; line-height:75px; }
.center-head-careers h2 { font-size:16px; font-family:'breuertextregular', Arial ,sans-serif; font-weight:normal; line-height:20px; margin-top:2px;}


dl.column { float:left; width:287px; color:#888; margin:0 4%;  font-size:15px; line-height:20px; }
dl.column.first { margin-left:15px!important; }
dl.column dt { float:left; width:287px;; height:109px; border:1px solid #303241; overflow:hidden; }
dl.column dt a { float:left; width:287px; height:109px; position:relative;}
dl.column dt a span { float:left; width:287px; height:109px; position:absolute; left:0; top:0; background:url(../images/plus-hover.png) repeat center center; display:none;}
dl.column dt a:hover span { display:block;}
dl.column dd { float:left; width:100%; }
dl.column dd h2 a { font-size:20px; font-family:'breuertextbold', Arial ,sans-serif; font-weight:normal; color:#303241; letter-spacing:-0.5px; margin:0px; display:inline-block; }
dl.column dd h2 a:hover { text-decoration:none; color:#df2b2b; }
.mbottom60 { margin-bottom:60px; }

.browsebox { border:1px solid #d7d7dc; padding:5px; float:left; margin-top:5px;   }
.browse { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.select { color: #2F303D; font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12px; margin-top:8px; width:200px; }
.inverse { color:#8A8A8A; text-decoration:underline; }
.inverse:hover{text-decoration:none;  }

.greylink11 { color:#85858D!important; }
.mtop52 { margin-top:52px!important; } 
.m-top25 {margin-top:25px!important;}


.cases1 { float:left; width:900px; margin:0 0 0 10px; }
.cases1 .box { display:block; float:left; width:280px;  margin:0 0 25px 20px; }
.cases1 .box a { display:block; float:left; width:278px; border:solid 1px #dfdfdf; height:280px; }
.cases1 .box a:hover { border-color:#DF2B2B !important; box-shadow:0px 0px 1px #DF2B2B; cursor:pointer; color:#85858D !important;}
.cases1 .box .thumbarea { width:100%; float:left; border-bottom:solid 1px #dfdfdf; text-align:center; position:relative;}
.cases1 .box .thumbarea .read-cs { display:none; float:left; width:278px; height:105px; padding-top:28px; background:#DF2B2B;/*background:url(../images/read-cs-hover.png) no-repeat center center #3c3d49;*/ position:absolute; left:0; top:0; text-transform:uppercase; color:#FFF; font-size:36px; font-family: 'breuertextbold',Arial,sans-serif !important; letter-spacing:-1.5px; line-height:22px; }
.cases1 .box .thumbarea .read-cs .details { font-size:15px; color:#f2d2d2; font-family:'breuertextbold', Arial ,sans-serif; letter-spacing:0; font-weight:normal;     }
.cases1 .box a:hover .thumbarea .read-cs { display:block; }
.cases1 .box .description { float:left; width:278px; padding:15px;  font-size:15px; margin:0; color:#111; }
.cases1 .box .description span { font-family: 'breuertextbold',Arial,sans-serif !important; display:block; padding-bottom:10px; color:#2F303D; font-weight:normal; }
.cases1 .box .description { display:block; padding-bottom:10px; }
.cases1 .box .moreinfo { display:block; color:#8A8A8A; }

.w210 {float:right; width: 217px;}
.w210 .box { display:block; float:left; width:217px; margin:0 0 20px 0; }
.w210 .box a { display:block; float:left; width:215px; border:solid 1px #dfdfdf;}
.w210 .box a:hover { border-color:#78bfec !important; box-shadow:0px 0px 1px #4f7cba; cursor:pointer; color:#85858D !important; }
.w210 .box .thumbarea { width:100%; float:left; border-bottom:solid 1px #dfdfdf; text-align:center;}
.w210 .box .description { float:left; width:175px; padding:20px;}
.w210 .box .description strong { display:block; padding-bottom:10px; color:#2F303D;}
.w210 h2 {color: #353644; float: left; font-family: 'breuertextbold',Arial,sans-serif !important; font-size: 16px; font-weight: normal; margin-bottom: 10px !important; width: 100%; padding-top:30px;}
.w210 .box .thumbarea .read-cs { display:none;}

.certification { display:inline-block; width:100%; padding-top:45px;}
.certification li { display:inline-block; width:100%; border-top:solid 1px #ceced1; padding:20px 0;}
.certification li:first-child { border-top:0; padding-top:0;}
.certification li .certificate { float:left; width:130px; padding-right:15px;}
.certification li h3 { display:block; float:none !important; width:auto !important; padding:0 0 12px 145px !important; margin:0 !important; font-size:18px; font-weight:normal; font-family: 'breuertextbold',Arial,sans-serif !important;  }
.certification li h3 a {  margin:0 !important; font-size:18px; font-weight:normal; font-family: 'breuertextbold',Arial,sans-serif !important; text-align:left; }
.certification li h3 a:hover { color:#df2b2b !important;}

.certification .content-txt { display:block; padding-left:145px; line-height:16px;}

.best-place-for-work { float:left; width:230px; margin-top:44px; }
.best-place-for-work .imgarea { float:left; width:71px; height:64px; }
.best-place-for-work .imgarea img { float:left; }
.best-place-for-work .contentarea { float:left; width:159px; height:64px; padding:10px; border:solid 1px #D7D9DC; border-left:none; font-size:13px; text-transform:uppercase;  line-height:14px;  font-family: 'breuertextbold',Arial,sans-serif !important; }

.wccus .wccus-left ul.check-list li div { display:inline !important;}
.wccus .wccus-left ul.check-list li div a:hover { text-decoration:none; color:#85858D !important;}

.newoffice { width: 100%; float: left; }
.newoffice ul { list-style: none; }
.newoffice li { float: left; margin: 0 10px 10px 0; width: 300px; height:305px; }
.newoffice li img { width:100%; }
.newoffice li .col { float: left; margin: 0 10px 10px 0; width:145px; }
.newoffice .last { margin-right: 0px!important; }
#fancybox-wrap { margin-left: 5px!important; }
.newoffice li a { border:solid 1px #dfdfdf; display:block; }
.newoffice li a:hover { border:solid 1px #3c3d49 !important; }

/* christams banner */
.christams-banner{ position:absolute; left:-28px; top:-20px; width:72px; height:85px; font-size:0px; display:block; }

/*************/
.phone-block{position: absolute; right: 0; display: none;}
.phone-block span.usPhone { background:url(../images/topMenuHeadings.png) left -278px no-repeat; display:block; height:10px; width:110px; margin:14px 105px 0 0; }


/*new change 21-8-15
.iphone-slider .stepcarousel .panel .left-area .portfolio-description h4.slider-heading { display:block ; float: left ; width:100%; font-size:40px ; color:#111 ; letter-spacing:-0.05em  ; padding-bottom:7px ; line-height:40px; font-family:"breuertextbold"; }*/



/*New css added for New Theme*/

.owl-theme .owl-controls .owl-page{	display: inline-block;	zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{ display: block; width: 11px; height: 11px; margin: 5px 3px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff;}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#4a90e2;}
#owl-demo .owl-pagination { text-align: center; text-align: center; position: absolute; left: 0; right: 0; margin-top: -60px;}
#owl-demo .container { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px auto;}
.owl-carousel .owl-item img { max-width: 100%;}

.item .business_outsourcing { margin:17% 5%;  }
.item .business_outsourcing .title { text-align:center; font-size:85px; text-transform:uppercase; line-height:75px; font-family: 'helvetica_neuebold'; color:#FFF; letter-spacing:-6px; width:100%; }
.item .business_outsourcing .title span { letter-spacing:-8px; }
.item .business_outsourcing .sub-title { text-align:center; font-size:20px; line-height:22px; color:#FFF; font-family: 'helvetica_neuebold'; text-transform:uppercase; letter-spacing:-0.5px; margin:10px 0 0 0;}
.item .business_outsourcing .text { color:#FFF; font-size:18px; text-align:center; margin:50px 0 0 0; }
.item .business_outsourcing .text h1 { color:#FFF; display:inline-block;  }

.services { width:100%; padding:35px 0 55px 0; float:left; }

.services .title { font-size:40px; color:#151515; font-family:"breuertextbold"; letter-spacing:-0.8px; text-align:center; line-height:40px; padding:10px 10%; }

.services .title span { font-size:17px; letter-spacing:0px; margin-top:15px; display:inline-block; color:#888; line-height:22px; font-weight:normal; font-family:"breuertextregular";}

.services .our-services { margin:50px 0 0 0; width:100%; display:inline-block; }
.services .our-services .column { width:25%; padding:15px 15px; float:left; border-left:1px solid #e5e5e5;}
.services .our-services .column:first-child { border:none!important; }
.services .our-services .column figure { margin:0 0 0 0; text-align:center; width:100%; font-size:13px; color:#888; line-height:16px; }
.services .our-services .column figure img { vertical-align: bottom; }
.services .our-services .column figure figcaption h2 { font-size:20px; padding: 25px 0 10px 0; font-family:"breuertextbold";  color:#151515;  letter-spacing:-0.3px;}


.statistics {background:url(../images/statsbg.jpg) no-repeat center top; background-size:cover; height:500px;  padding:90px 0 0px 0; text-align:center; float:left; width:100%; position:relative; margin-bottom:20px;}
.statistics .stats-title, .statistics h1 { font-family:"helvetica_neuebold"; font-size:55px; text-transform:uppercase; letter-spacing:-3px; color:#FFF; margin: 0; line-height:55px; z-index:2; position:relative; }
.statistics .stats-subtitle { font-size:20px;  line-height:23px; text-transform:uppercase; color:#FFF; padding:25px 100px 0; font-family:'helvetica_neuebold'; z-index:2; position:relative; display:inline-block; }
.statistics h2 { font-size:20px;  line-height:23px; text-transform:uppercase; color:#FFF; padding:0 100px; font-family:'helvetica_neuebold'; z-index:2; position:relative; }
.statistics .stats-bottom { border-top:1px solid rgba(255, 255, 255, 0.15); width:100%; padding:29px 0; margin-top:85px;}
.stats-bottom ul.stats-info { width:100%; }   
.stats-bottom ul.stats-info li { border-left:1px solid rgba(255, 255, 255, 0.15); padding:20px 38px 15px 38px; float:left; height:75px; }   
.stats-bottom ul.stats-info li:first-child { border-left:none!important; }   
.stats-bottom ul.stats-info li figure { text-align:center; font-size:11px; text-transform:uppercase;  color:#FFF; line-height:15px;  font-family:'helvetica_neuebold'; }   
.stats-bottom ul.stats-info li figure span { font-size:30px; text-transform:uppercase; font-family:'helvetica_neuebold'; }   
.stats-bottom ul.stats-info li figure i { font-size:18px; color:#df2b2b; margin:0 0 0 5px; position:relative; top:-3px;  }   

.industry-solutions { width:100%; float:left; margin:40px 0; padding:0; }
.industry-solutions aside { width:45%; margin:20px 0 0 10%; float:left; }
.industry-solutions aside:first-child { margin-left:0; }
.industry-solutions aside.solutions { float:right; padding-left:20px;  }
.industry-solutions aside h3 { text-align:center; }
.industry-solutions h3 a { font-size:40px; font-family:'breuertextbold'; letter-spacing:-1px; margin-bottom:20px; color:#151515; display:block; }
.industry-solutions h3 a:hover { color:#df2b2b; }
.industry-solutions h3 .redborder { display:inline-block; height:2px; background:#df2b2b; margin-bottom:25px; width:15%; }
.industry-solutions p { font-size:16px; color:#888; line-height:20px; }
.industry-solutions ul.keypoints { width:100%; float:left; margin-top:30px; } 
.industry-solutions ul.keypoints li { width:45%; float:left; padding:2px 0; list-style:url(../images/red-bullet.png); margin:0 0 0 15px; } 
.industry-solutions ul.keypoints li a { font-size:15px; color:#888; } 
.industry-solutions ul.keypoints li a:hover { color:#df2b2b;  }


header.logo-navbar {  transition-duration: 0.5s; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.logo-navbar.white-header { background: #fff; box-shadow: 0px 0px 1px rgba(0,0,0,0.4); transition-duration: 0.5s; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; padding-top: 16px; height: auto; height:73px;}

.logo-navbar.white-header .navbar-nav > li > a { color: #333 !important;  transition-duration: 0.5s; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.logo-navbar.white-header .contact-number { color: #333 !important; border-color: #df2b2b; transition-duration: 0.5s; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.logo-navbar.white-header .logo { background: url(../images/xt_logo_black.png) no-repeat center center;}
.logo-navbar.white-header .contact-number:hover {  border:3px solid #000; }


.statistics .inner-subtitle { font-size:24px; color:#FFF; padding:0 10%; margin:20px 0; font-family:"breuertextbold"; line-height:25px;}

.service-offerings { margin:20px 0 0px 0; width:100%; float:left; }
.service-offerings .column { width:295px; margin:20px 0px 20px 0; float:left;}
.service-offerings .column.pdleft { margin-left:30px; }
.service-offerings .column figure { margin:0 0 20px 0; text-align: left; width:100%; font-size:12px; color:#8a8a8a; line-height:17px; float:left; }
.service-offerings .column figure .icon-small { height:50px; display:block; float:left; margin-right:15px; }
.service-offerings .column figure figcaption h2 { float:left; padding:0!important; margin:0!important; line-height:20px!important; }
.service-offerings .column figure figcaption h2 a { font-size:20px; padding: 0px 0 10px 0!important; color:#111; font-family:"breuertextbold"; float:left;  }
#hirelist { border:1px solid #eee; padding:5px; width:100%; background:url(../images/drop-arrow.png) no-repeat 95% center;  }
select#hirelist option { border-top:1px solid #eee; box-shadow:none; padding:5px 10px;  }


#innerRight .box { display:block; width:100%; margin:0 0 20px 0; float:left;  }
#innerRight .box a { display:block;  border:solid 1px #d7d9dc; float:left; color:#85858D; }
#innerRight .box a:hover { border-color:#df2b2b !important; cursor:pointer; color:#85858D !important; }
#innerRight .box .thumbarea { width:100%; float:left; border-bottom:solid 1px #eee; text-align:center;}
#innerRight .box .thumbarea img { width:100%;}
#innerRight .box .description { float:left; width:100%; padding:20px 10px; color:#111; font-size:15px; line-height:20px;}
#innerRight .box .description span { display:block; padding-bottom:10px; color:#111; font-size:15px; line-height:20px; font-family:"breuertextbold";}
#innerRight h2 {color: #111; font-size:18px; font-family:"breuertextbold";  margin-bottom: 10px;}
#innerRight .box .thumbarea .read-cs { display:none;}

/* Inner pages Banner*/
.innerbanner {background:url(../images/inner-images/services.jpg) no-repeat center -100px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }
.corporatebanner { background:url(../images/inner-images/corporate.jpg) no-repeat center -350px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }
.industriesbanner {background:url(../images/inner-images/industries.jpg) no-repeat center -550px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }
.casebanner {background:url(../images/inner-images/case-studies.jpg) no-repeat center -155px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }
.solutionsbanner {background:url(../images/inner-images/solutions.jpg) no-repeat center -450px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }
.careerbanner { background:url(../images/inner-images/careers.jpg) no-repeat center -220px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }
.contactbanner { background:url(../images/inner-images/contact.jpg) no-repeat center -450px; background-size:cover; height:380px;  padding-top:160px; text-align:center; float:left; width:100%; }


#innerleft h2 {  font-family: 'breuertextbold',Arial,sans-serif; font-size:18px; text-transform:uppercase; color:#DF2B2B; margin-top:0; }

.mbr-overlay { background:rgba(0, 0, 0, 0.43) none repeat scroll 0% 0%; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index:1 ; }
.innerbanner .stats-title, .corporatebanner .stats-title, .industriesbanner .stats-title, .casebanner .stats-title, .solutionsbanner .stats-title { font-family:"helvetica_neuebold"; font-size:55px; text-transform:uppercase; letter-spacing:-3px; color:#FFF; margin:10px 0 10px 0; line-height:40px; z-index:2; position:relative; }


.customer-rating { text-align:center; margin:0 0 30px 0; line-height:20px; }
.customer-rating img { vertical-align:top; display:inline-block; padding:3px 0 0 5px; }

table.data form { display:inline-block; }
.valign { vertical-align:middle!important;}
.client-name { font-family:"breuertextbold"; font-size:12px; text-transform:uppercase; font-weight:normal; line-height:16px;}
.client-name span {  color:#ed0101; }
.rating { margin-top:10px; line-height:18px; font-size:14px; float:left; width:100%; }
.rating .red { color:#ed0101; font-size:14px; font-family:"breuertextbold"; }
.bold { font-family:"breuertextbold"; font-weight:normal; }

#innerRight .greybox .workbox { float:left; width:100%; line-height:20px; font-size:15px; } 
.featuredprojects { line-height:20px; font-size:15px; }

footer .right-area { float: right; text-align:right; width: 210px; color:#FFF; font-size:14px; }
footer .phone-contact { border-bottom: 1px solid rgba(255, 255, 255, 0.2); float:right; margin-bottom: 15px; padding-bottom: 25px; font-size:15px; }
footer .phone-contact span { color: #fff; display: block;  font-family: "breuertextbold"; font-size: 33px; letter-spacing: -0.035em; margin-top:5px; }


ul.coloured-graphic { width:100%; float:left; }
ul.coloured-graphic li { width:16.5%; float:left; color:#FFF; font-size:14px; text-align:center; padding:20px; height:85px; line-height:43px; text-transform:uppercase; }
ul.coloured-graphic li span {  display: inline-block; vertical-align: middle; line-height: 16px; }
ul.coloured-graphic li.one { background-color:#ffb847; border-radius:7px 0 0 7px; display: table-column;  }
ul.coloured-graphic li.two { background-color:#f56c3e;  margin-left:1px;}
ul.coloured-graphic li.three { background-color:#df2b2b; margin-left:1px;}
ul.coloured-graphic li.four { background-color:#df2b2b; margin-left:1px;}
ul.coloured-graphic li.five { background-color:#f56c3e;  margin-left:1px;}
ul.coloured-graphic li.six { background-color:#ffb847; border-radius:0 7px 7px 0; margin-left:1px; }

ul.service-bottom { margin:80px 0 100px 0; width:100%; float:left; }
ul.service-bottom li { width:25%; padding:0px 15px; float:left; border-left:1px solid #e5e5e5;  margin:0 0 0 0; text-align:center; font-size:13px; color:#888; line-height:16px; }
ul.service-bottom li:first-child { border:none!important; }
ul.service-bottom li h2 {font-size:20px; padding: 5px 0 10px 0; font-family:"breuertextbold";  color:#151515;  letter-spacing:-0.3px; }

.stats .heading { font-size:29px; color:#151515; font-family:"breuertextbold"; letter-spacing:-0.5px; text-align:center; line-height:40px; padding:0 0 20px 0; margin:0;}

.owl-carousel .owl-item .item .black-overlay { position:absolute; top:0; left:0; width:100%; height:620px; background:rgba(0, 0, 0, 0.0); }

.dropdown { background: url("../images/drop-arrow.png") no-repeat 98% center;}
input, textarea, select {font-weight:normal!important;}

.collapse { display: block;}


.hide-sm { display: none;}

.rc-anchor-normal { width:400px!important; }
.contactform dd.full { width: 100%; margin: 0 auto;}


.headingbg .redborder { display:block; height:2px; background:#df2b2b; width:23%; margin:18px auto 0; }

#fancybox-wrap, #fancybox-overlay { z-index: 999999 !important;}