/* A container should group all your columns. */
.container { width: 950px; margin: 0 auto;}
/* Use this class on any div.span / container to see the grid. */
.showgrid { background: url(src/grid.png); }
/* Body margin for a sensile default look. */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; background:url(../images/homebg1.png) repeat-x top left #13658a;}
html { overflow: -moz-scrollbars-vertical; }
/* Columns */
/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 10px;}
/* The last column in a row needs this class. */
div.last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24, div.span-24 { width: 950px; margin: 0; }
/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}
/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}
/* Border on right hand side of a column. */
div.border { padding-right:4px; margin-right:5px; border-right: 1px solid #eee; }
/* Border with more whitespace, spans one column. */
div.colborder { padding-right:28px; margin-right:25px; border-right: 1px solid #eee; }
/* Use these classes on an element to push it into the next column, or to pull it into the previous column.  */
.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 { margin: 0 -40px 1.5em 40px;} 
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
/* Misc classes and elements */
/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
/* Use this to create a horizontal ruler across a column. */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
hr.space { background: #fff; color: #fff; }
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both; }
a { font-size:13px; color:#fff; text-decoration:none; border:none; outline:none; font-weight:normal; }
a:hover{ text-decoration:underline;}
img { border:none; text-decoration:none; border:none; outline:none; }
a:link img, a:visited img, a:hover img { border:none; outline:none; }
p { font-size:12px; letter-spacing:1px; }
div  { overflow:hidden; }
.full { width:100%; overflow:hidden; }
.mhead { position:relative; }
.bookmark { position:absolute; top:3px; right:10px; }
.logo { float:left; margin:50px 10px 0 10px; }
.mcontent { background:url(../images/contentbg.png) repeat top left; }
.mfooter { background:url(../images/footerbg.png)  repeat top left; }
.footer { color:#fff; margin:15px 0; }
.footer .copy { float:left; margin:10px 20px;  }
.footer .in a { color:#fff; margin:5px; }
/* Menu */
a { color:#FFF; text-decoration:none; }  
p { padding:0px 5px; _padding:5px; }     
.subtext{ padding-top:21px; }  
/*.nav { height:35px; margin:0; margin:9px 0 !ie; _margin:0;  }
.nav a { color:#fff; padding:10px 32px; line-height:39px; font-weight:700; font-size:13px;  }
*//*.nav a:hover { background: url(../images/navbgh.png) repeat-x top left; text-decoration:none;  }*/
/*.nav a:hover, .nav a.active { background: url(../images/linkbg1.png) repeat-x top left; color:#000; text-decoration:none;  }*/
/*new menu*/
/*new menu*/
.menu { color:#000000; font-size:12px; padding:0; position:absolute; top:90px; }
.menu ul {
background:none repeat scroll 0 0 transparent;
list-style-type:none;
margin:0;
padding:0;
}
.menu ul ul {
}
.menu ul li {
display:block;
float:left;
height:120px;
line-height:30px;
margin-right:0;
}
.menu ul ul li {
display:block;
height:auto;
line-height:1em;
width:174px;
}
.menu ul ul li.last {
background:transparent url(../images/subbtm1.gif) no-repeat scroll left bottom;
padding-bottom:10px;
}
.menu ul ul ul li.last {
padding-bottom:10px;
}
.menu a, .menu a:visited { background:none repeat scroll 0 0 transparent; border:0 none; display:block; float:left; font-weight:700; height:30px; padding:0; text-decoration:none; width:137px; }
.menu a.active , .menu a.selected { background:url(../images/linkbg1.png) repeat-x top left; border:0 none; color:#212121; display:block; float:left; font-weight:700; height:32px; padding:0; text-decoration:none; width:125px; }

* html .menu a, * html .menu a:visited { width:125px; }
.menu ul ul a, .menu ul ul a:visited { background:none repeat scroll 0 0 #f0fafe; color:#212121; display:block; height:100%; padding:6px 10px; width:154px; font-size:11px; }
* html .menu ul ul a, * html .menu ul ul a:visited { width:154px; }
.menu table { border-collapse:collapse; height:0; margin:-1px; padding:0; width:0; z-index:1; }
.menu ul ul ul a, .menu ul ul ul a:visited {
background:none repeat scroll 0 0 #ddf1fc;
}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
background:none repeat scroll 0 0 #ddf1fc;
}
.menu ul :hover a.sub1 {
background:url("../images/arw1.gif") no-repeat scroll 160px 50% #ddf1fc;
}
.menu ul :hover a.sub1:hover {
background:url("../images/arw1.gif") no-repeat scroll 160px 50% #ddf1fc;
}
.menu ul ul :hover a.sub2 {
background:none repeat scroll 0 #ddf1fc /*#FFDF00*/;
}
* html .menu a:hover  {
border:0 none;
color:#000;
height:53px;
position:relative;
z-index:100;
}
.menu li:hover {
position:relative;
}
.menu :hover > a, .menu :hover > a.active , .menu :hover > a.selected {
/*background:none repeat scroll 0 0 #fa7a3c;*/
background:url(../images/linkbg1.png) repeat-x top left; 
border:0 none;
color:#000;
height:35px;
}
* html .menu ul ul a:hover {
background:none repeat scroll 0 0 #ddf1fc;
color:#fff;
height:100%;
position:relative;
z-index:110;
}
.menu ul ul li:hover {
position:relative;
}
.menu ul ul :hover > a {
background:none repeat scroll 0 0 #ddf1fc;
color:#212121;
height:100%;
z-index:110;
}
* html .menu ul ul ul a:hover {
background:none repeat scroll 0 0 #ddf1fc;
position:relative;
z-index:120;
}
.menu ul ul ul :hover > a {
background:none repeat scroll 0 0 #ddf1fc;
}
.menu ul ul ul ul a:hover , .menu ul ul ul ul a.selected , .menu ul ul ul ul a.active {
background:none repeat scroll 0 0 #ddf1fc;
position:relative;
z-index:130;
}
.menu ul ul {
height:0;
left:0;
position:absolute;
top:25px;
visibility:hidden;
width:174px;
}
.menu ul ul ul {
top:-10px;
width:174px;
}
.menu ul :hover ul {
background:transparent url(../images/subtop.gif) no-repeat scroll 30px 0;
height:auto;
left:-30px;
padding:15px 30px 30px;
visibility:visible;
z-index:100;
}
.menu ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul {
background:transparent url(../images/twotop.gif) no-repeat scroll 30px 0;
height:auto;
left:145px;
padding:10px 30px 30px;
top:-10px;
visibility:visible;
}
.menu ul :hover ul.left :hover ul {
left:-174px;
}
.menu ul :hover ul :hover ul.lft {
height:auto;
left:-205px;
padding:10px 30px 30px;
top:-10px;
visibility:visible;
}

/*end*/
.lmargin{ margin:10px 0; _margin:10px 0 20px 0; _padding:0 0 10px 0; }
.rightposition{ position:absolute; right:10px; top:5px; }
.headbg{ background:#6e88b7 url(../images/violetbg.png) repeat-x top left; width:306px; border:2px solid #d4d4d4; }
.innerbg{ background:#c9d8dd url(../images/greybg.png) repeat-x top left; margin:10px 20px; _margin:10px; }
.thead{ font-size:21px; margin:5px 0; color:#000; text-align:center; }
.sthead{ font-size:21px; margin:5px 0; color:#000; text-align:left; padding:0 0 0 15px; }
.setimg{ margin:8px 56px; }
.subtext{ color:#000; font-size:12px; text-align:center; }
.defaultm{ margin:0; }
.defaultp{ padding:20px 0 0; }
.def_bp{ padding:0 0 10px 0; }
.footer{ color:#FFF; font-size:12px; font-weight:700; }
.footer a{ color:#FFF; font-size:12px; font-weight:700; }
/* corporate styles */
.corporate { color:#000; background:#e3e3e3 url(../images/bg1.png) repeat-x top left; padding:0 15px 0 10px; _padding:5px 15px 0 10px; border:4px #aaa solid; border-width:0 4px 4px; }
.corporate h1 { color:#ac6c14; font-size:17px; line-height:32px; text-transform:uppercase; }
.corporate p { color:#000; }
.corporate ul {  margin:0 15px; padding:0; } 
.corporate li { display:block; margin:5px 10px; background:url(../images/o_bullet.png) no-repeat top left; color:#930; text-indent:20px;  }
ul.high { margin:0 15px 0 0; padding:0; }
.settextpadding { padding:0 10px; }
.high li { display:block; margin:5px 10px; color:#003366; }
.high li  a { color:#00225f; }
.relative a.link{ color:#00225f; font-weight:700; font-size:12px; text-decoration:none; position:absolute; bottom:17px; right:26px;  }
a.link{ color:#00225f; font-weight:700; font-size:12px; text-decoration:none; padding:5px 0 0; }
a:hover.link{ color:#00225f; font-weight:700; font-size:12px; text-decoration:underline;  float:right; }
a.news{ color:#00225f; font-weight:700; font-size:12px; text-decoration:none; font-family:Verdana, Geneva, sans-serif; margin:0; padding:0;}
a.news:hover{ margin:0; padding:0; color:#00225f; font-weight:700; font-size:12px; text-decoration:underline; font-family:Verdana, Geneva, sans-serif; }

.image { border:3px solid #FFAF4B; width:640px; }
.simage { border:3px solid #ffaf4b; width:264px; height:216px; }
.dimage { border:3px solid #ffaf4b; }
/*contact us*/
.contact {background:#fff; overflow:hidden; float:left; background:#e3e3e3 url(../images/bg1.png) repeat-x top left; padding:0 0 0 10px; _padding:5px 0 0 10px; border:4px #d4d4d4 solid; border-width:0 4px 4px 4px; width:930px; }
.contact h1 { color:#ac6c14; font-size:17px; line-height:32px;  _margin:10px 0; text-transform:uppercase; }
.conhead{ color:#036; font-size:16px; font-weight:700; width:400px; font-family:helvetica; _margin:10px 0; float:left; display:block; }
.conhead1{ color:#036; font-size:16px; font-weight:700; width:870px; font-family:helvetica; _margin:10px 0; float:left; display:block; }
.careerhead{ color:#036; font-weight:700; margin:0; float:left; display:block; }
.careerhead a{ color:#ff893e; padding:0; font-size:13px; font-weight:700; width:800px; font-family:helvetica; margin:0; float:left; display:block; }
.careerhead a:hover{ text-decoration:none; padding:0; color:#ff893e; font-size:13px; font-weight:700; width:800px; font-family:helvetica; margin:0; float:left; display:block; }

.mbehead{ color:#036; font-size:15px; font-weight:700; width:400px; font-family:helvetica; float:left; display:block; }
.context{ color:#3B3B3B; font-size:12px; font-weight:700; font-family:helvetica; float:left; margin:10px 0; }
.coninfo{ overflow:hidden; float:left; width:420px;}
.proinfo{ overflow:hidden; float:left; width:200px;}
.coninfo h2{ width:110px; color:#333; float:left; font-size:11px; font-weight:700; margin:5px; }
.coninfo h3{ color:#036; font-size:11px; float:left; font-weight:700; margin:5px; }
a.site{ color:#ac6c14; font-size:12px; text-decoration:none; font-weight:700; }
a:hover.site{ color:#ac6c14; font-size:12px; text-decoration:underline; font-weight:700; }
a.ilink{ color:#00225f; font-size:11px; text-decoration:none; font-weight:700; }
a:hover.ilink{ color:#00225f; font-size:11px; text-decoration:underline; font-weight:700; }
/*end*/
/*careers section*/
.setpad{ padding:5px; }
.careerinfo1{ overflow:hidden; float:left; width:950px;}
.careerinfo1 h2{ width:350px; color:#333; float:left; font-size:11px; font-weight:700; margin:5px; }
.careerinfo{ overflow:hidden; float:left; width:420px;}
.careerinfo h2{ width:170px; color:#333; float:left; font-size:11px; font-weight:700; margin:5px; }
.careerinfo h3{ color:#036; font-size:11px; float:left; font-weight:700; margin:5px; }
.def_height{ padding:27px 0; _padding:16px 0; }
ul{list-style-type:none; }
.description{ margin-top:0px; background:url(../images/bg1.png) #e3e3e3 repeat-x top left; }
.btext{ font-weight:700; }
.homebg{ background:url(../images/bg1.png) #e3e3e3 repeat-x top left; }
.default{ margin:10px 0; }
.f_default{ margin:45px 0 10px; }
.spimage{ background:url(../images/sprite.png) no-repeat top left; }
.sp_corporate{ background-position:0 0; height:32px; width:32px; display:inline-block; }
.sp_service{ background-position:0 -33px; height:32px; width:32px; display:inline-block; }
.sp_media{ background-position:0 -65px; height:23px; width:32px; display:inline-block; }
.sp_emp{ background-position:0 -88px; height:32px; width:32px; display:inline-block; }
.sp_career{ background-position:0 -120px; height:23px; width:32px; display:inline-block; }
.sp_contact{ background-position:0 -143px; height:25px; width:32px; display:inline-block; }
.sp_alayga{ background-position:0 -167px; height:56px; width:118px; display:inline-block; float:left;  }
.sp_contentbg{background-position:0 -218px; height:178px; width:670px; display:block; }
.sp_sitemap{background-position:0 -403px; height:15px; width:14px; display:inline-block; }
.greybg{ background:url(../images/contentbg.png) no-repeat top left; height:175px; }
.head { color:#FFFFFF; font-size:15px; font-weight:bold; left:10px; position:relative; top:19px; }
.ctext{ position:absolute; font-size:12px; color:#666; width:615px; top:28px; left:25px; position:relative; }
.home_services{ width:170px; display:inline; float:left;  }
.homenews{ background:#e3e3e3 url(../images/lightbg.png) repeat-x top left; padding:30px 0 0; }
.nhead{ background:url(../images/head_orange.png) no-repeat top left; height:35px; line-height:30px; padding:0 0 0 5px; font-size:15px; color:#FFF; font-weight:700; position:absolute; width:100%; left:0; top:2px;}
.setpos{ position:relative; padding:0 0 6px 6px; }
#servIMG{ width:230px; height:auto; clear:both; padding:0px; margin:0px;}
#serviceIMG{ clear:both;background-image:url(../images/lightbg.png); height:230px; width:548px;  background-repeat:no-repeat; background-position:left top; padding:0px 0px 0px 18px; margin:0px  auto;}
#leftnav{ line-height:16px; text-align:justify; list-style : none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#707070; text-decoration:none;}
.relative { position:relative;}
.corporate p.chead { color:#003366; text-transform:uppercase; font-weight:600; }
.colorb{ color:#003366; }
/*content slider*/
#wrapper1 {width:230px; margin:0 auto; }
.link {cursor:pointer; color:#666; }
.link:hover {color:#000; }
.slider {position:relative; overflow:hidden; height:225px;  margin-bottom:20px; }
.slidercontent {position:absolute; }
.slidercontent .upper {border-bottom:1px solid #9ac1c9; }
.section {padding:10px; }
.newsslider {position:relative; overflow:hidden; height:55px; width:220px; }
.newsslidercontent {position:absolute; }
.newssection {padding:10px; height:35px; }
.cinfo{ width:870px; float:left; overflow:hidden; }
a.clink{ color:#069; font-size:12px; font-weight:700; text-decoration:none; float:right; }
a:hover.clink{ color:#069; font-size:12px; font-weight:700; text-decoration:none; float:right; }
.jobhighlight{ border:1px solid #999; background:#EFEFEF; }
.apply{ padding:10px 0 10px 5px; }
.crm{ margin:0 0 10px 15px; }
.i_default{ margin:32px 0 10px 0; }
.infopoint{ margin:15px 0 0 18px; background:url(../images/point.png) no-repeat top left; font-size:12px; text-indent:20px; }
.subcontent{ font-size:12px; color:#666; padding:5px 10px 5px 15px; }