﻿@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

body, div, h1, h2, h3, p, ul, ol, li, img, table, form {
	padding: 0px; margin: 0px; border: 0px; list-style: none;
}

a:link {color: #5c5c5c;	text-decoration: underline; }
a:visited {	color: #5c5c5c;	text-decoration: underline;} 
a:active {color: #5c5c5c;	text-decoration: underline;}
a:hover { color: #5c5c5c; text-decoration: none;}
.clear { clear:both;}
a {outline:none;}

body, html, form
{
	height: 100%; font-size: 12px;
}

body {
	background: #fff url(images/body-bg.png) repeat-x;
	font-family: Arial;
	font-size  : 12px;
	color: #5c5c5c;
	width: 100%;
	margin:0px;
	padding:0px;
}



@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri/calibri-webfont.eot');
    src: url('fonts/calibri/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri/calibri-webfont.woff') format('woff'),
         url('fonts/calibri/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('fonts/calibri/calibrib-webfont.eot');
    src: url('fonts/calibri/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri/calibrib-webfont.woff') format('woff'),
         url('fonts/calibri/calibrib-webfont.ttf') format('truetype'),
         url('fonts/calibri/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myraidpro/myriadpe-webfont.eot');
    src: url('fonts/myraidpro/myriadpe-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myraidpro/myriadpe-webfont.woff') format('woff'),
         url('fonts/myraidpro/myriadpe-webfont.ttf') format('truetype'),
         url('fonts/myraidpro/myriadpe-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---------------Wrapper Styling---------------*/
/*--------------------------------------------*/
.wrapper        {position: relative; width:100%; margin:0px auto; text-align: left;}
.wrapper        {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -90px;/* the bottom margin is the negative value of the footer's height */}
.footer         {position: relative; width: 100%; margin: 0 auto; background: #e7e7e7 url(images/footer-bg.png) repeat-x;}
.footer, .push  {height: 90px; clear:both;/* .push must be the same height as .footer */}

.w3c-logo {float:left;}

/*---------------Wrapper Styling---------------*/
/*--------------------------------------------*/


/* ------------Desktop Code----------- */

.header-wrapper { width: 980px; margin: 0 auto;}
.header-wrapper .logo{ float: left; padding: 0 0 0 40px; }
.header-wrapper .logo a img {	margin: 20px 0 0 0;}
.nav { float: right; margin: 65px 20px 0 0;}

/*---------------Home Container Styling---------------*/
.banner-wrapper { background: url(images/banner-bg.png) no-repeat center;
	width: 100%; clear: both; float: left; margin: 1px 0 0; }
.banner-wrapper img { padding: 88px 50px 0; }

.home-head{ background: url(images/bg-homehead.png) no-repeat bottom; color: #c80000; font-size: 24px; font-family: 'MyriadProRegular'; font-weight: normal; text-align: center; width: 100%; margin: 0; padding: 0px;}
.home-head span { background:#fff; padding:0px 10px;}

ul.company-list { padding:0px; margin:0px; text-align:center; margin: 20px 0px 0px; font-size:14px;}
ul.company-list li { display:inline-block; width:180px; text-align:center; list-style-type:none; vertical-align:top; margin:0px 15px;}
ul.company-list li p { padding-top:10px; text-align:center;}



/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/

.main-wrapper { width: 980px; margin: 0 auto;}

.main-wrapper .leftdata { clear: both; float: left; width: 190px; margin:0;}
.main-wrapper .rightdata { float: right; width: 750px; margin:0px; padding: 46px 0px 20px 0px;}
.main-wrapper .content { padding:0px; margin:0px; clear:both; float:left;}


.sub-menu { clear: both; float: left; width: 190px; margin: 10px 0 0 0; }
.sub-menu ul { float: left; margin:0; padding:0px; }
.sub-menu ul li { background: url(images/sub-nav-divider.png) no-repeat bottom; width: 188px; text-align: right; display:block; height:38px; margin:0; padding:0px ;
}
.sub-menu ul li a { color: #343434; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; width: 170px; line-height:37px; display:block; background: url(images/bg-sub-menu.png) repeat-y right; padding-right: 18px; }
.sub-menu ul li a:hover { color: #d9261c; background: url('images/bg-sub-menu-active.png') repeat-y right;}
.sub-menu a.active-link { color: #d9261c; background: url('images/bg-sub-menu-active.png') repeat-y right;}





.visual-panel { padding:0px; margin:0px; float:left; clear:both; background: url(images/bg-visual-panel.png) no-repeat right; width:100%; position:relative;}
.visual-panel h2 { color: #c80000; font-size: 24px; font-family: Verdana; font-weight: normal; padding: 69px 0 15px 0px; position:absolute; overflow:hidden; z-index:2;}
.visual-image { position: relative; overflow:hidden; float:right; padding: 2px 0px; text-align:right; z-index:1;}



/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/


/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/



.breadcrumbs {  padding:0px; margin:10px 0px 20px 0px; width:auto; float:left; font-size:12px; font-weight:normal; 	list-style-type:none;	list-style-image:none;  font-family: 'CalibriRegular', Sans Serif; }
.breadcrumbs .home { padding: 0px 10px 0px 0px;}
.breadcrumbs .last {background: none;}
.breadcrumbs .last h1{ width:100%; padding:0px; margin:0px; font-weight:normal;  font-family: 'CalibriRegular', Sans Serif; font-size: 12px; color: #291c6b;}
.breadcrumbs li { float:left; line-height:14pt; vertical-align:top;
	list-style-type:none;
	list-style-image:none;
	padding: 0px 12px 2px 8px;
	margin: 0px 0px 0px 0px;
	height:20px;
	line-height:20px;
    background:transparent url(images/breadcrumb-arrow.png) no-repeat right center;	                  
	
}
.breadcrumbs li:first-child {  border-top: none; }  
.breadcrumbs li:last-child {  background: none; color:#291c6b;   }     

.breadcrumbs li a { line-height: 20px;  }
.breadcrumbs li a:link, .breadcrumbs li a:visited { text-decoration:none; color:#333; font-weight:normal;    }
.breadcrumbs li a:hover, .breadcrumbs li a:focus { color:#324b92; font-weight:normal; text-decoration:underline; }
.breadcrumbs li {color:#333; font-size:12px; font-weight:normal;}


/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/







/*---------------Contact Styling---------------*/
/*-------------------------------------------------*/

.div-contact {display:table; width:100%; float:left; }
.div-contact-left{display:table-cell; width:45%; float:left; vertical-align:top; margin-bottom:20px; border-right: 1px dashed #ccc;}
.div-contact-right{display:table-cell; width:50%; float:right; vertical-align:top; margin-bottom:20px;}
.contact-data{width:100%; padding:5px 0px 0px 0px; line-height:14pt; }
.contact-head{font-family: 'CalibriRegular'; color:#291c6b; font-weight:normal; font-size:18px; text-transform:uppercase; padding-bottom:5px; float:left; display:block; clear:both; width: 100%;}

/*---------------Contact Styling---------------*/
/*-------------------------------------------------*/

/* -----------Sitemap Page Code----------- */
/*--------------------------------------------------*/
ul.sitemap-links { color: #343434; float: left; clear:both; margin:0px; padding:0px;}
.sitemap-links li { padding: 4px 0; margin:10px 0 2px 0; padding:0px; list-style-type: none;}
.sitemap-links li a { color: #d9261c; font-size: 16px; font-family: 'CalibriRegular', Sans Serif; text-decoration: none; }
.sitemap-links li a:hover { color: #343434; text-decoration: underline;}
.sitemap-links ul { margin-top:3px; }
.sitemap-links ul li { list-style-type: disc; margin: 0 0 0 15px; }
.sitemap-links ul li a { color: #5c5c5c; font-size: 14px; font-family: 'CalibriRegular', Sans Serif; }

/* -----------Sitemap Page Code----------- */
/*--------------------------------------------------*/

/*---------------common Styling start---------------*/
/*--------------------------------------------------*/

h1{ width:100%; padding:0px; margin:0px; font-weight:bold; font-family: 'MyriadProRegular'; font-size: 24px; color: #4a63ab;}
h2{ width:100%; padding:0px; margin:0px; font-weight:normal; font-family: 'MyriadProRegular'; font-size: 24px;  color: #333;  }
h3{ width:100%; padding:0px 0px 10px 0px; margin:0px; font-weight:normal; font-family: 'MyriadProRegular'; font-size: 21px; color: #4a63ab;}
h4{ width:100%; padding:0px; margin:0px; font-weight:normal; font-size: 16px; color: #444;}
h5{ width:100%; padding:0px; margin:0px; font-weight:normal; font-size: 26px; color: #555;}


.rupee { font-family: 'rupee_foradianregular'; font-weight: normal; }
.usdollar { font-family: 'rupee_foradianregular'; font-weight: normal; }
.err { font-family: Arial;	font-size: 12px; font-weight: bold;	color: rgb(200,0,0);}
.clear { clear:both;}
.spacer { background:none; height:5px; width:5px;  clear:both; }
p { line-height: 14pt; padding:0px; margin:0px; text-align:justify; margin-bottom:10px;}

ul  {padding:0px; margin:0px;}
li {list-style-type:disc; padding:0px 0px 5px 0px; margin:0px 0px 0px 20px; line-height:14pt;}

ol li { list-style-type:decimal; padding:0px 0px 5px 0px; margin:0px 0px 0px 20px; line-height:14pt;}

.list li { list-style-image: url('images/list-bullet.gif'); padding-left: 00px; margin:5px 15px 5px 25px; line-height: 13pt; vertical-align:text-top; }


.head { font-family: 'UniversCondensed'; font-size: 16px; color: #000; }
.hd { width:100%; font-size: 16px; padding:5px 0px; margin:0px; color: #000;}

.vr	{ height:100%; height:100%; margin:0px 10px; border-right: 1px dashed #ccc; padding:0px 0px; }

.img-border{border: 1px solid #c5d4ed; padding:3px;}

.dropdown {	border: 1px solid #b5b5b5; float:left; width:200px;  padding:3px 2px 3px 2px;   font-size: 12px; margin: 0px 10px 0px 0px;  }

.textbox {	 background:#fff; border:1px solid #ccc; font-size:12px; color:#333; padding:0px 5px; height:25px; line-height:25px; margin:0px 0px; outline: none; display:inline;  }

.bt-submit { padding:0px 8px;  margin:0px 0px; line-height:25px; background:#456bac; border:1px solid #d8e6fc;font-family: 'BellGothicStdBold'; font-size: 14px;  color:#fff; }






/* hr styled line */

hr { width:100%; border-bottom:1px; border-color:#ccc; border-style:dashed;}
.hr { width:100%; margin:0px 0px 10px 0px; height:10px; border-bottom: 1px dashed #ccc; padding:00px 0px;}
.hr-solid { width:100%; margin:0px 0px 10px 0px; height:10px; border-bottom: 3px dotted #525453; padding:00px 0px;}

/* Double-color dashed line */
hr.solid { border: 0; height: 1px; background: #333; }
hr.dotted { border: 0; border-bottom: 1px dotted #ccc; background: #fff; }
hr.dashed { border: 0; border-bottom: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-bottom: 1px dashed #ccc; background: #999; }

/* scrollup */
.scrollup{ width:40px; height:20px;	text-indent:-9999px; position:fixed; bottom:10px; right:40px; display:none; background: url('images/up.png') no-repeat;}


/*---------------common Styling end---------------*/
/*------------------------------------------------*/


/*---------------Footer Styling---------------*/
/*--------------------------------------------*/

.footer-wrapper { background: url(images/footer-border.png) no-repeat top; overflow: hidden; width: 980px; margin: 0 auto; padding: 30px 0px 0px 0px;}

.copyright { color:#333; font-size: 11px; font-family: Arial, Helvetica, sans-serif; float: left; width: 340px; padding-left:30px; line-height:16pt; }
.footer-nav { float: right; padding-right:30px; line-height:16pt; font-size:11px; color:#333;}
.footer-nav a { color: #333; font-size: 11px; font-family: Arial, Helvetica, sans-serif;  text-decoration: none;}
.footer-nav a:hover { color: #c80000;}



/*---------------Footer Styling---------------*/
/*--------------------------------------------*/

a.companies-link {text-decoration:none;}
a.companies-link:hover { text-decoration:none; color:#000;}

.group-company{ width:100%;}
.group-company-left{ width:200px; float:left; display:block; }
.group-company-right{ width:545px; float:right; text-align:left; display:block; padding: 0px 5px 0px 0px;}
.company-name { color:#666; font-size:18px; padding-bottom:5px; }
.icon-link { background: url('images/link-icon.png') no-repeat left; padding: 0px 0px 5px 28px;}
.hr-groupcompany { width:100%; margin:0px 0px 20px 0px; border-bottom:1px dashed #ccc; padding:10px 0px 0px 0px; clear:both;}

.chairman-person img { width:20%; max-width:20%; height:auto; float:right; padding:0px 0px 10px 10px;  font-weight:700;  line-height:14pt;  font-size:12px;}

.world-map img { max-width:100%; width:100%; height:auto;}


ul.sociallist { margin:0px; padding:0px; width:100%;}

ul.sociallist li { list-style:disc; }


.csr-box { display:table; width:100%; }
.csrcol1 { display:table-cell; width:50%; text-align:left; vertical-align:top; padding-right:0%; float:left  } 
.csrcol2 { display:table-cell; width:50%; text-align:left; vertical-align:top; padding-left:0%; float:right;   }

.health-section { width:100%;}
.health-section-left { float:left; width:47%;   }
.health-section-left img { width:100%; max-width:354px; border:1px #ccc solid; }
.health-section-right { float:right; width:50%; text-align:left;}

.religious-section { width:100%;}
.religious-section-left { float:right; width:47%; margin-right:2%;   }
.religious-section-left img { width:100%; max-width:354px; border:1px #ccc solid; }
.religious-section-right { float:left; width:50%; text-align:left;}

.sports-section { width:100%;}
.sports-section-left { float:left; width:47%;   }
.sports-section-left img { width:100%; max-width:354px; border:1px #ccc solid; }
.sports-section-right { float:left; width:50%; text-align:left;}