/* ----------------------------------------------------
   Technoscore Web Solution
   Created:		Thu 11.06.2009
   Author:     	Amrit Pal Singh
   Projects:    Atom Global Consultancy
----------------------------------------------------*/

/* ------------------------------------- Common ------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border:0; outline: 0; font-weight:inherit; font-style:inherit; font-size:100%;}
ol, ul {list-style: none;}

body{font-size:12px; color:#606060; font-weight:normal; line-height:16px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-x top;}
img.left{float:left; padding:0px; margin:0px;}
img.right{float:right; padding-left:10px;}
a{text-decoration:underline; color:#555;}
a:hover{text-decoration:none}
p,a,ul,span,h1,h2,h3,h4,img,li,table,form,label,input,fieldset,sup{padding:0px; margin:0px;  color:#606060; font-family:Tahoma; line-height:18px;}

/* ------------------------------------- Layout ------------------------------------- */
.layout{width:1002px; margin:0px auto; padding:0px;}

/* ------------------------------------- Header ------------------------------------- */
#header{width:1002px; float:left;}

/* ------------------------------------- Menu ------------------------------------- */
#menu{width:665px; float:right; padding:35px 20px 0 0;}

.menu{padding:0 0 0 32px; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu li.top {display:block; margin:0px; color:#656565; float:right; width:auto;}
.menu li a.top_link {display:block; color:#77848c; display:block; text-decoration:none; font-size:12px; font-weight:bold; border-right:1px solid #d7d9d8; width:auto; float:left; font-family:Arial, Helvetica, sans-serif; cursor:pointer}
.menu li a.top_link span{color:#77848c; text-decoration:none; font-size:12px; font-weight:bold; width:auto; float:left;  padding:7px 19px; font-family:Arial, Helvetica, sans-serif}
.menu li a.top_link span.down {color:#77848c; text-decoration:none; font-size:12px; font-weight:bold; width:auto; float:left;}
.menu li a.top_link:hover {color:#fff; background: url(drop3/blank_over.html) no-repeat;}
.menu li a.top_link:hover span {background:url(drop3/blank_over.html) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(drop3/blank_overa.html) no-repeat right top;}

.menu li a:hover{color:#fff; text-decoration:none;} 
.menu li a.current span{background:#ED5524; color:#fff; padding:7px 16px; width:auto; float:left; font-weight:bold; text-decoration:none}
.menu li a.current span.down{background:#ED5524; color:#fff; padding:7px 16px; width:auto; float:left; font-weight:bold; text-decoration:none}
.menu li a.current:hover{color:#fff;}

.menu li a.top_link span:hover {background: url(drop3/blank_over.html) no-repeat; color:#ED5524}
.menu li a.top_link:hover span {background:url(drop3/blank_over.html) no-repeat right top;}
.menu li a.top_link:hover span.down {}

.menu li:hover > a.top_link {background: url(drop3/blank_over.html) no-repeat;}
.menu li:hover > a.top_link span {background:url(drop3/blank_over.html) no-repeat right top;}
.menu li:hover > a.top_link span.down:hover {color:#ED5524; width:auto; float:left; font-weight:bold}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0; top:32px; padding:1px 0 8px 14px; background:#ED5524; color:#fff; width:auto; float:left; font-weight:bold; white-space:nowrap; width:150px; height:auto; z-index:300;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:21px; width:150px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#fff url(drop3/arrow.html) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {color:#fff; font-weight:bold}
.menu :hover ul.sub li a.fly:hover {background:#3a93d2 url(drop3/arrow_over.html) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#3a93d2 url(drop3/arrow_over.html) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}





/* -------------------------------------  Banner ------------------------------------- */
.banner{background:url(../images/banner.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:278px;}
.banner_mission{background:url(../images/vision.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_capability{background:url(../images/capability.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_testimonail{background:url(../images/testimonail.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_contact{background:url(../images/contact.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_talent{background:url(../images/talent.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_leadership{background:url(../images/leadership.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_executive{background:url(../images/executive1.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_career{background:url(../images/careers2.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_about{background:url(../images/about.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_privacy{background:url(../images/privacy.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner_diversity{background:url(../images/diversity.jpg) top right no-repeat; width:1002px; float:left; padding:0; margin:0; height:192px;}
.banner h1{font-family:Georgia, "Times New Roman", Times, serif; color:#da251d; font-size:36px; text-transform:capitalize;padding-top:45px;line-height:30px; padding-left:20px; font-weight:normal; margin-bottom:6px;}
.banner p.punch_line{color:#848484; font-size:22px; padding-left:40px; font-weight:normal; margin-bottom:6px; font-style:italic; text-align:center; width:557px; padding-top:25px; line-height:25px; float:left}
.banner p.punch_line span{text-align:right; width:550px; float:right;  margin-top:10px; line-height:20px; font-size:16px; color:#656565}

/* -------------------------------------  Middle Contatiner ------------------------------------- */
#middle_outer{width:1002px; float:left; position:relative;}
.box_outer{width:208px; float:left; background:url(../images/left_box.jpg) no-repeat left top; height:219px; position:absolute; left:-44px; top:-25px;}
#middle_outer ul.inner{width:750px; float:left; padding:15px 0 9px 190px; list-style:none}
#middle_outer ul.inner li{width:730px; float:left; padding:4px 0 4px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:3px; background:#eeeeee url(../images/arr.gif) no-repeat 4px;}

#middle_outer ul.inner2{width:750px; float:left; padding:10px 0 1px 190px; list-style:none}
#middle_outer ul.inner2 li{width:730px; float:left; padding:10px 10px 9px 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:6px; background:#f3f3f3 url(../images/testi.jpg) no-repeat left top;}
#middle_outer ul.inner3{width:460px; float:left; padding:10px 0 1px 190px; list-style:none}
#middle_outer ul.inner3 li{width:440px; float:left; padding:0px 0px 4px 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:6px; background:#f3f3f3 url(../images/testi.jpg) no-repeat left top;}
#middle_outer ul.inner3 li strong{padding:0px; width:80px; float:left;}
#middle_outer ul.inner3 li a{padding:0px; width:250px; float:left;}
#middle_outer ul.inner3 li p{padding:0px; width:350px; float:left;}

#middle_outer form{width:340px; float:left; margin:12px 0 0 2px; _margin:22px 0 0 2px; }
#middle_outer form p{width:340px; float:left; padding:0px; font-weight:bold; padding-bottom:18px;}
#middle_outer form label{width:120px; float:left; margin:5px 0px; color:#ed5524; padding:3px;}
#middle_outer form input{width:200px; float:left; margin:5px 0px; color:#ed5524; border:1px solid #f3ab94; padding:3px;}
#middle_outer form input.sub{width:auto; float:left; padding:4px 12px; background:#d43402; color:#fff;; border:none; cursor:pointer}

#middle_outer form textarea{width:200px; float:left; margin:7px 0px; color:#ed5524; border:1px solid #f3ab94; padding:3px;}

#middle_outer ul.inner3 li strong{ font-weight:bold; float:right; padding-top:8px; padding-right:14px;}
#middle_outer ul.inner2 li strong{ font-weight:bold; float:right; padding-top:8px; padding-right:14px;}
#middle_outer h4{width:750px; float:left; padding:15px 0 9px 190px; font-size:15px; font-weight:bold; line-height:normal; color:#494949; font-family:Verdana, Arial, Helvetica, sans-serif}

#middle_outer h5{color:#df4311; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; width:750px; float:left; padding:15px 0 9px 190px; font-weight:normal;}

#middle_outer h3{width:750px; float:left; padding:15px 0 9px 190px; font-size:15px; font-weight:normal; line-height:normal; color:#494949; font-family:Verdana, Arial, Helvetica, sans-serif}
#middle_outer p{width:750px; float:left; padding:0 0 0 190px; font-family:Verdana, Arial, Helvetica, sans-serif}
#middle_outer p strong{color:#df4311; font-weight:bold}
#middle_outer p span{font-weight:bold; color:#606060;}
.box_outer h2{color:#6f6f6f; float:left; font-size:16px; width:180px; padding:28px 0 0 30px; font-weight:bold;}
.box_outer ul{list-style:none; margin:0px; float:left; width:178px; padding:13px 0 0 32px;  }
.box_outer ul li{ background:url(../images/ar.jpg) no-repeat left; float:left; width:166px; color:#da251d; font-size:11px; padding:0px 0 0 12px; }
.box_outer ul li a{float:left; width:auto; color:#707070; font-size:11px; text-decoration:none; padding:4px 0px; font-family:Verdana, Arial, Helvetica, sans-serif}
.box_outer ul li a:hover{text-decoration:underline; }



/* -------------------------------------  footer ------------------------------------- */
#footer{border-top:1px solid #e1e1e1; margin-top:40px; width:1002px; float:left; margin-bottom:14px;}
#footer p{color:#c7c7c7; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:3px 12px 0 12px;}
#footer p a{color:#c7c7c7; padding:2px 8px; text-decoration:none}