@charset "utf-8";



@import url(reset.css);



  /* ----------------- // Body //------------------ */



body { width:100%; height:100%; text-align:center; font:normal 12px/14px Tahoma, sans-serif; background-color:#787878; repeat-x top; color:#252525; }



a, a:visited{ text-decoration:none; color:#fff}



a:hover 	{ text-decoration:underline; }


h1 			{ font-size: 32px; font-weight:bold} 



h2 			{ font-size: 24px; font-weight:bold} 



h3 			{ font-size: 20px; font-weight:bold} 



h4 			{ font-size: 16px; font-weight:bold; } 



h5 			{ font-size: 13px; font-weight:bold} 



h6 			{ font-size: 14px; font-weight:normal; }



h7 			{ font-size: 14px; font-weight:bold; }





/* ----------------- // common styles // ------------------ */



.bold 		{ font-weight:bold;	}



.clear 		{ clear:both 	}



.floatR		{ float:right	}



.floatL		{ float:left	}



a 			{ color:#252525; text-decoration:none;}



a:hover 	{ text-decoration:underline;}



a.bluelink:link, a.bluelink:visited,a.bluelink:hover { color:#007EE2 }



a.darkbluelink:link, a.darkbluelink:visited,a.darkbluelink:hover { color:#004A84 }

a.darkblboldlink:link, a.darkblboldlink:visited,a.darkblboldlink:hover { color:#004A84; font-weight:bold; }

a.darkwhboldlink:link, a.darkblboldlink:visited,a.darkblboldlink:hover { color:#ffffff; font-weight:bold; }

a.greylink:link, a.greylink:visited,a.greylink:hover { color:#8E8E8E; }

/* ----------------- // common styles //------------------ */



/*-----------------// Main menu //--------------*/



#xscad_services .container 	{ margin-left:35px; width:1002px; height:36px; padding: 0; top:406px; }



#nav 		{  width:1002px; margin:0; list-style:none; padding:0; display:inline; overflow:hidden;}	



#nav li 	{ margin: 0; padding:0; display:inline;	list-style-type: none;	}



#nav a 		{ float: left;	height:36px;  padding: 0px 0 0 0; overflow:hidden; text-indent:-9999px; }	



#nav a:hover, #nav a:active, #nav a.selected	{	background-position: 0 -36px;				}



#home a  		{ width: 143px;	background: url(../images/home-xscad.jpg) top left no-repeat;			}



#about_us  a  	{ width: 143px;	background: url(../images/aboutus-xscad.jpg) top left no-repeat;		}



#services a  	{ width: 143px;	background: url(../images/ourservices-xscad.jpg) top left no-repeat;	}


#our_work a		{ width: 143px;	background: url(../images/ourwork-xscad.jpg) top left no-repeat;		}


#careers a  	{ width: 143px;	background: url(../images/careers-xscad.jpg) top left no-repeat;		}

#training a  	{ width: 143px;	background: url(../images/training-xscad.jpg) top left no-repeat;		}


#contact a  	{ width: 144px;	background: url(../images/contactus-xscad.jpg) top left no-repeat;	}


/*--------------// Main menu ends // --------------*/


 .co_service { width:1070px; height:15px; padding:5px 0 0 0; margin:0 auto; color:#ebebeb;   } /* top text information/services of company */ 



/*--------------//  top nav header // --------------*/



#topheader 		{ position:relative; width:1070px; height:127px; margin:0 auto; background:url(../images/topheader_banner.jpg) no-repeat top left }



#topheader .logo{ position:absolute; top:13px; left:35px; width:359px; height:114px;  } 

#topheader .clientlogin a{ position:absolute; top:76px; right:33px; width:129px; height:33px; overflow:hidden; background: url(../images/clientlogin-xscad.gif) top left no-repeat;  }

#topheader .clientlogin a:hover, .clientlogin a:active, .clientlogin a.selected{ background-position: 0 -33px;  }  


/*--------------//  top nav header // --------------*/



/*--------------// Intro + Right Menu  // --------------*/



#xscad_services 		{ width:1070px; height:auto; margin:0 auto;  }



.services_content 		{ float:left; width:1070px; margin:0 auto; height:auto; background:url(../images/boxmidbg.gif) repeat-y top left;  }



#xscad_services .flash 	{ width:1002px; height:248px; display:inline; }


#xscad_services .insidetopimg 	{ width:1002px; height:188px; display:inline; }

/*--------------// flash + additional links   // --------------*/


/*-------------// New - Right Side Service Menu - 5th November, 2009 // ------------*/


#xscad_services .servicesmenunew { float:left; margin-top:17px; margin-left:63px; width:332px; height:415px; background: url(../images/dottedline.gif) repeat-y top left;   }

.servicesmenunew #rightmenunew { float:left; margin-left:21px; width:279px; height:415px; text-align:left;   }

.servicesmenunew #serdiv { float:left; width:26px; height:410px; margin-top:17px; margin-left:60px; text-align:left; background: url(../images/dottedline.gif) repeat-y top left;  }

#xscad_services .servicesmenunew_in { float:left; margin-top:17px; margin-left:63px; margin-bottom:20px; width:332px; height:470px; background: url(../images/dottedline.gif) repeat-y top left;   }

.servicesmenunew_in #rightmenunew { float:left; margin-left:21px; width:279px; height:415px; text-align:left;   }


#rightmenunew  a, #rightmenunew  a:visited{ padding-top: auto; width:279px; height:33px; color:#3374a9; background: url(../images/rightmenu_links_bg.jpg) no-repeat top left; text-indent:30px;line-height:33px; display:block; font-weight:bold; padding-bottom:3px; }



#rightmenunew   a:hover { color:#525252; text-decoration:none    }

#rightmenunew .linkselectnew { padding-top: auto; width:279px; height:33px; color:#525252; background: url(../images/rightmenu_links_bg.jpg) no-repeat top left; text-indent:30px;line-height:33px; display:block; font-weight:bold; padding-bottom:3px; }



.serviceheading { float:left; width:279px; height:21px; margin-left:21px; margin-bottom:20px; background:url(../images/our_3dservices_title_home.gif) no-repeat top left; display:inline; }





/*-------------// New - Right Side Service Menu Ended // ------------*/





#companyintro, 



#xscad_servicesinfo, 


#xscad_services #content 	{ float:left; margin-top:17px; width:670px; height:auto; padding-bottom:30px;  }


h1.welcomeXS 	{ float:left; width:335px; height:21px; background:url(../images/welcomeXSINDIA.gif) no-repeat top left; margin-left:35px; text-indent:-9999px; display:inline; }

#xscad_services #content .headimg { float:left; width:335px; height:21px; margin-left:35px; display:block; }

.introleft 	{ float:left; width:670px; margin-left:35px; display:inline; padding:20px 0; line-height:16px; text-align:justify;	}


.introleft a,.introleft a:visited { text-decoration:underline}


.aboutinfo 	{ float:left; width:670px; margin:0 auto; display:inline; }



#content p	{ float:left; line-height:16px;  }



.aboutinfo p a, .aboutinfo p a:visited{ text-decoration:underline}



#content ul.au_list { float:left; width:670px; padding:0; margin-bottom:10px;    }



#content ul.au_list li { margin:0 5px 5px 15px; list-style-image:url(../images/bull_blue.gif);   }




#xscad_services #membership	{ width:1070px; margin:0; text-align:left; 
background:url(../images/boxmidbg_mem.gif) repeat-y top left;}

.xci_meminfo 			{ float:left; width:600px; color:#FFFFFF; font-size:11px; font-weight:bold; text-align:justify; margin:5px 9px 5px 0; display:inline;  line-height:16px; padding-left:35px;  }

.xci_mempic 			{ float:left; width:410px; color:#004F8F; margin-top:10px; display:inline; padding-left:15px; }

.mrgR4 				{ margin-right:6px	}

/*-------------// contact information // ------------*/

#co_contact 		{ position:relative; float:left; width:694px; height:81px; margin-left:35px;  display:inline; margin-bottom:30px; background:#FFF url(../images/contact_bgtxt.jpg) no-repeat top left;}
#co_contact span 	{ display:none}
.contactinfo	{ float:left; width:582px; padding:10px 23px 8px 19px; font-size:13px; text-align:justify; color:#10558e; }
#co_tel 		{ position:relative; float:left; width:300px; font-size:14px; height:81px; margin-left:8px;  display:inline;  background:#FFF url(../images/tel_bgtxt.jpg) no-repeat top left; margin-bottom:30px;}
.email 				{ position:absolute; top: 17px; left:60px; width:163px; height:24px; }
.telnos 	 		{ position:absolute; top: 48px; left:60px; width:163px; height:24px;  }
.email a, .telnos 	{ color:#4a4747; font-weight:bold}
.email a:hover		{ color:#4a4747; text-decoration:underline}
.telnos:hover 		{ color:red; font-weight:bold }

/*-------------// contact information ended // ------------*/



/*-------------// Bottom Content // ------------*/


#xscad_services .services_bottomright { float:right; width:365px; margin:0 0 0 0; height:485px; background:#323232 url(../images/boxmidbg_black_1.gif) repeat-y top left; }

.services_bottomright .introright { float:right; width:279px; margin:21px 25px 10px 0px; padding:0px 17px; display:inline; background:url(../images/dottedline_black.gif) repeat-y top left;  }

h1.whyXS { float:left; width:273px; height:20px; background:url(../images/whyXSINDIA.gif) no-repeat top left; margin-left:10px; margin-bottom:21px; text-indent:-9999px; display:inline;  }


.introright ul { width:279px; }


.introright li {  margin-bottom:5px; width:265px; display:block; line-height:16px; font-size:12px; color:#FFFFFF; text-align:left; padding-top:10px; padding-left:15px;  }

/*-------------// Latest Projects // ------------*/


#wrapper { display:none; margin:0 0 auto 0; width:660px;   }

#xscad_services .services_bottomcontent 	{ float:left; width:705px; margin:0 auto; height:485px; background:#323232 url(../images/boxmidbg_black.gif) repeat-y top left;  }

.services_bottomcontent #orizontal  { float:left;  width:660px; height:430px; margin-left:47px;  display:block; background:#EFEFEF url(../images/xscad-scroll-bg.jpg) no-repeat bottom left; }

#orizontal .mainhead { float:left;  width:658px; height:29px; margin:21px 0 0 0;  }

#orizontal .mainhead img { float:left; width:323px; height:22px; }

#latestprojectsin .mainhead { float:left;  width:323px; height:22px; margin:23px 0 6px 0;  }

#myScroll{
/*display:none;*/
}

#myScroll .scrollEl{
  display:none;
  width:202px;
  height:340px;
  margin:12px 0 0 0;
}

#orizontal .scrollEl {float:left; width:202px; height:340px; margin:12px 0 0 0;  }

.mrgR20 { float:left; width:22px; height:5px;	}

.mrgR50 { float:left; width:50px; height:5px;	}

.scrollEl .infopic { float:left; width:200px; height:153px; padding:1px 1px 1px 1px; background-color:#707070;   }

.scrollEl .infotxt { float:left; width:202px; height:150px; margin-top:35px; text-align:left;  }

.scrollEl .infotxt h6 { float:left; color:#ffffff; font-weight:bold;  }

.scrollEl .infotxt p { color:#ebebeb; line-height:15px; padding-top:12px; text-align:left;    }

.scrollEl .infotxt #readmore a{ float:left; margin-top:10px; width:89px; height:24px; overflow:hidden; background: url(../images/read_more.jpg) top left no-repeat;  }

.scrollEl .infotxt #readmore a:hover, #readmore a:active, #readmore a.selected{ background-position: 0 -24px;  }  

/*-------------// Latest Projects Inside Navigation// ------------*/

#orizontal .mainhead .nav_bucont { float:left;  width:117px; height:29px; margin-left:205px; margin-right:5px;  }

#nav_bu { float:left;  width:54px; height:12px; margin:0 0 9px 0;  }

#nav_bu li { float: left; width:8px; height:12px; margin:10px 0 9px 0; padding:0; overflow:hidden; text-indent:-9999px; cursor:pointer; 	}

#nav_bu .sel	{	background-position: 0 -12px;	}

#nav_bu .page {}

#bu1  { width: 8px; height:12px;	background: url(../images/1_navbu.gif) top left no-repeat;			}

#bu2 { width: 8px;	background: url(../images/2_navbu.gif) top left no-repeat;			}

#bu3 { width: 8px;	background: url(../images/3_navbu.gif) top left no-repeat;			}

#nav_rtbu { float:left;  width:56px; height:29px; margin-left:5px ;  }

#nav_rtbu div { float:left;  width:28px; height:29px; margin: 0; }

.mrgR10 { float:left; width:10px; height:8px;	}

#nav_rtbu div { float: left; width:28px; height:29px; margin:0; padding:0; overflow:hidden; text-indent:-9999px 	}

.prev  	{ width: 28px; height:29px;	 cursor:pointer; background: url(../images/prev_bu.jpg) top left no-repeat;			}

.next 	{ width: 28px; height:29px;	cursor:pointer; background: url(../images/next_bu.jpg) top left no-repeat;			}

/*-------------// Latest Projects Inside Navigation// ------------*/

#xscad_services .services_bottomcontentin 	{ float:left; width:1070px; margin:0 auto; height:auto; background:#323232 url(../images/boxmidbg_black.gif) repeat-y top left;  }

.services_bottomcontentin #latestprojectsin  { float:left;  width:958px; height:430px; margin-left:47px;  display:block; background:#EFEFEF url(../images/xscad-scroll-bg-inside.jpg) no-repeat bottom left; }

#latestprojectsin .projinfobox { float:left; width:202px; height:340px; margin:12px 0 0 0; display:inline;  }

.projinfobox .infopic { float:left; width:200px; height:153px; padding:1px 1px 1px 1px; background-color:#707070;   }

.projinfobox .infotxt { float:left; width:202px; height:150px; margin-top:35px; text-align:left;  }

.projinfobox .infotxt h6 { float:left; color:#ffffff; font-weight:bold;  }

.projinfobox .infotxt p { color:#ebebeb; line-height:15px; padding-top:12px; text-align:left;    }

.projinfobox .infotxt #readmore a{ float:left; margin-top:10px; width:89px; height:24px; overflow:hidden; background: url(../images/read_more.jpg) top left no-repeat;  }

.projinfobox .infotxt #readmore a:hover, #readmore a:active, #readmore a.selected{ background-position: 0 -24px;  }  

/*-------------// Latest Projects Ends// ------------*/






/*-------------// Footer // ------------*/

xscad_services .services_footer { float:left; width:1070px; margin:0 auto; height:auto; background:url(../images/footerbg_black.gif) repeat-y top left; height:250px;  }



#xscad_services #footer {  float:left; margin:0 auto; width:1070px; height:auto; background-color:#1b1b1b; font-size:11px; color:#8E8E8E; font-size:11px; padding:20px 0 20px 0; background:url(../images/footerbg_black.gif) repeat-y top left;  }


#footer a, .footer a:visited { color:#8E8E8E; text-decoration:underline;}

/*-------------// Footer Ended // ------------*/

/*-------------// Contact Table // ------------*/

.table 		{ float:left; width:535px; color:#1C4D73; margin:15px 0 15px 0; display:inline; clear:both}

.table .td 	{ float:left; padding-left:10px; padding-right:10px;}

.table .tdl { background:#EAE7E7; width:140px; padding-top:5px; padding-bottom:5px; }

.table .tdr { background:#d7d7d7; width:355px; padding-top:5px; padding-bottom:5px;   }

.tdrg 		{ background:#EAE7E7; border-bottom:1px solid #fff;     }

.tdrga 		{ background:#FFFFFF; border-bottom:1px solid #EAE7E7;     }

.tdrgb 		{ background:#FFFFFF; border:1px solid #313131;     }

.tdrgd 		{ background:#EAE7E7; border-bottom:1px solid #313131;     }

.table .tdla { background:#EAE7E7; width:247px; padding-top:5px; padding-bottom:5px; }

.table .tdlb { background:#FFFFFF; width:230px; padding-top:5px; padding-bottom:5px; }

.table .tdlc { background:#EAE7E7; width:10px; padding-top:5px; padding-bottom:5px; }

.table .tdld { background:#EAE7E7; width:93px; padding-top:5px; padding-bottom:5px;  }

.table .tdlda { background:#787878; width:92px; padding-top:5px; padding-bottom:5px; color:#fff;  }

.table .tdra { background:#CCE3EE; width:248px; padding-top:5px; padding-bottom:5px;   }

.table .tdrb { background:#FFFFFF; width:265px; padding-top:5px; padding-bottom:5px;   }

.table .tdrc { background:#d7d7d7; width:485px; padding-top:5px; padding-bottom:5px;   }

.table .tdrd1 { background:##EAE7E7; width:334px; padding-top:5px; padding-bottom:5px; border-right:1px solid #313131; border-left:1px solid #313131;  }

.table .tdrd1a { background:#787878; width:334px; padding-top:5px; padding-bottom:5px; border-right:1px solid #313131; color:#fff; border-left:1px solid #313131;   }

.table .tdrd2 { background:#EAE7E7; width:43px; padding-top:5px; padding-bottom:5px;   }

.table .tdrd2a { background:#787878; width:43px; padding-top:5px; padding-bottom:5px; color:#fff;  }

/*-------------// Contact Table // ------------*/


/* Online Application Form Form Table - Step-1*/

#app_form  		{ float:left; width:670px; background-color:#f6f4f4; color:#4c4b4c; margin:10px 0 0 0}
#app_form .row 	{ width:670px; height:auto; background-color:#e9e9e9; margin-bottom:2px; margin-top:3px; }

#app_form .rowlt { float:left; width:220px; height:18px; padding:2px 2px 2px 3px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:right; }

.rowltref { float:left; width:80px; height:18px; padding:2px 2px 2px 3px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; margin-top:3px; }

.rowrt 	{ float:left; width:436px; padding:2px 2px 2px 2px; border:1px solid #323232; }

.rowrtref 	{ float:left; width:242px; height:18px; padding:2px 2px 2px 2px; border:1px solid #323232; margin-top:3px; }

/* Online Application Form Form Table - Step-1*/

/* Online Application Form Form Table - Step-2*/

#app_form_st2  		{ float:left; width:670px; background-color:#f6f4f4; color:#4c4b4c; margin:10px 0 0 0}


.rowlt1 { float:left; width:195px; background-color:#f6f4f4; color:#4c4b4c; margin-top:1px; }

.rowlt1f { float:left; width:195px; background-color:#f6f4f4; color:#4c4b4c; margin-top:12px; }

.rowlt1 .rowlt1_a { float:left; width:194px; height:18px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; margin:0; color:#10558e; }

.rowlt1 .rowlt1_b { float:left; width:95.5px; height:18px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; margin:0; color:#10558e; }

.rowlt1f .rowlt1_b { float:left; width:95.5px; height:18px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; margin:0; color:#10558e; }


.rowlt2 { float:left; width:156px; height:38px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; color:#10558e;margin-top:1px; }

.rowlt2e { float:left; width:156px; height:38px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; color:#10558e; margin-top:3px; }


.rowinf { float:left; width:665px; height:50px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#10558e; margin-top:3px; padding-left:2px; }

.rowinftxt { float:left; width:665px; height:100px; border:1px solid #323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; color:#10558e; margin-top:3px; }

.rowlt1f .txtdt { float:left; width:91px; border: #CCCCCC 1px solid; height:14px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:1px 1px 1px 1px; }

.txted { float:left; width:152px; border: #CCCCCC 1px solid; height:32px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:3px 1px 1px 1px; }
/* Online Application Form Form Table - Step-2*/

.titlehd 	{ width:670px; height:22px; background-color:#d9d6d6; margin-bottom:2px; border-bottom:1px solid #323232;  }

.titlehd 	{ width:670px; height:22px; background-color:#d9d6d6; margin-bottom:2px; border-bottom:1px solid #323232;  }

.txtinf { float:left; width:660px; border: #CCCCCC 1px solid; height:93px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:3px 1px 1px 1px; }

.titlehd .txt { float:left; color:#10558e; font-weight:bold; padding:2px 0 0 5px; font-size:16px;font-family:Arial, Helvetica, sans-serif;  }

.txtref { width: 238px; height:14px; font-size: 12px;border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:1px 1px 1px 1px;}

.txtarial184 { width: 432px; height:14px; font-size: 12px;border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:1px 1px 1px 1px;}

.txtarialp84 { width: 100px; height:14px; font-size: 12px; border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:1px 1px 1px 1px;}

.txtararial184 {width: 432px; height:90px; font-size: 12px; border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; }

.txtaddarea {width: 250px; height:18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; COLOR: #4c4b4c; padding:1px 1px 1px 1px; }





/* Contact Form Table Ends */