@charset "utf-8";
@font-face {
    font-family: 'Roboto-Black_0';
    src: url('MyFont.eot');
    src: local('Roboto-Black_0'), 
         local('Roboto-Black_0'), 
         url('Roboto-Black_0.ttf') format('truetype'),
         url('Roboto-Black_0.svg#font') format('svg');
		 
	font-family: 'MyriadPro-Semibold';
    src: url('MyFont2.eot');
    src: local('MyriadPro-Semibold'), 
         local('MyriadPro-Semibold'), 
         url('MyriadPro-Semibold.ttf') format('truetype'),
         url('MyriadPro-Semibold.svg#font') format('svg'); 
}
body{
	background-color: #FFFFFF;
	background-image:url(../MAHD_Images/BG.jpg);
	background-repeat:repeat;
	margin: 0px;
	padding: 0px;
}
.wrapper {
	position: relative;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height:auto;
}
.pageSpace {
	width: 1000px;
	position: static;
	margin: 0px;
	padding: 0px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#666666;
}

.topSpace {
	width: 1000px;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#666666;
	
}

.logoSpace {
	width: 265px;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: auto;
	float:left;
}

.dateSpace {
	width: 735px;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 52px;
	float:left;
	background-image:url(../MAHD_Images/date_bg.jpg);
}
span.date {
	float: right;
	padding-top: 20px;
	padding-right: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-transform: capitalize;
	text-align: right;
	text-shadow: 3px 3px 3px #000000;
}

.menuSpace {
	width: 735px;
	height:69px;
	top: 0px;
	background-color:#e2e2e2;
	float:left;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}


.bannerSpace {
	position:relative;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float: left;
	height: 400px;
	width: 1000px;
	z-index: 00;
	float:left;
	
}
.bannerMenu {
	position:absolute;
	margin-top:20px;
	margin-left:20px; 
	top:0; 
	width:331px; 
	height:400px;
	float:left;
	z-index:999;
	/*opacity: 0.6;
	filter: alpha(opacity=60);*/
	opacity: 1;
	filter: alpha(opacity=100);
}

.wrapper .pageSpace .visionMissionSpace {
	margin: 0px;
	clear: none;
	float: left;
	height: 200px;
	width: 960px; /* since 20px padding given on left and right (1000-40) */
	background-color: #ffffff;
	padding: 20px;
}

.wrapper .pageSpace .childPageSpace {
	margin: 0px;
	clear: none;
	float: left;
	height:auto;
	width: 960px; /* since 20px padding given on left and right (1000-40) */
	background-color: #ffffff;
	padding: 20px;
}

.wrapper .pageSpace .visionMission {
	margin: 0px;
	padding:5px;
	float: left;
	height: 200px;
	width: 290px; 
	background-color: #fafafa;
	border: 1px solid #f7f7f7;
	border-radius: 15px;
	/*box-shadow: 0 4px 2px -2px gray;*/
	-webkit-box-shadow: 0 9px 6px -6px black;
	   -moz-box-shadow: 0 9px 6px -6px black;
	        box-shadow: 0 9px 6px -6px black;
}

.contactForm {
	margin: 0px;
	padding:5px;
	float: left;
	height: auto;
	width: 500px; 
	background-color: #fafafa;
	border: 1px solid #f7f7f7;
	border-radius: 15px;
	/*box-shadow: 0 4px 2px -2px gray;*/
	-webkit-box-shadow: 0 9px 6px -6px black;
	   -moz-box-shadow: 0 9px 6px -6px black;
	        box-shadow: 0 9px 6px -6px black;
}

.visionText {
	font-family:Roboto-Regular_0, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	text-align:justify;
	line-height:180%;
}

.newsText {
	font-family:Roboto-Regular_0, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	text-align:justify;
	padding-left:10px;
	line-height:180%;
}

.wrapper .pageSpace .servicesSpace {
	margin: 0px;
	clear: none;
	float: left;
	height: 300px;
	width: 1000px;
	background-color: #ffffff;
}
.wrapper .pageSpace .logosSpace {
	margin: 0px;
	clear: none;
	float: left;
	height: 250px;
	width: 1000px;
	background-color: #ffffff;
}

.footerSpace {
	width: 1000px;
	height:auto;
	top: 0px;
	background-color:#e2e2e2;
	float:left;
}

.deSaturate {
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%); 
}

.deSaturate:hover {
	-webkit-filter: grayscale(0%); 
	filter: grayscale(0%); 
}

/*.topBlue {
	background-image: url(../MAHD_Images/top_blue_bg.jpg);
	background-repeat: repeat-x;
	height:55px;
}
.pageSpace .topBlue .logo {
	float: left;
	height: 125px;
	width: 195px;
	position: absolute;
	top: 0px;
	left: 200px;
	background-image: url(../MAHD_Images/logo_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.wrapper .pageSpace .topBlue .logo .logoImg {
	position: absolute;
	z-index: 999;
	left: 38px;
	top: 10px;
}*/

.wrapper .pageSpace .topBlue .date {
	float: right;
	padding-top: 20px;
	padding-right: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-transform: capitalize;
	text-align: right;
	text-shadow: 3px 3px 3px #000000;
}

.navigation {
	background-color: #CCCCCC;
	float: left;
	height: 70px;
	width: 1000px;
}



.titleTxt_1 {
	font-family:Roboto-Black_0,Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#404040;
	font-weight:bolder;
	padding-left:10px;
	line-height:150%;
}

.titleTxt_2 {
	font-family:Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#169fe6;
	font-weight:bold;
	padding-left:10px;
	
}

.footerBlackTxt {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4d4d4d;
	font-weight:normal;
}

a.whiteLink {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f5f5f5;
	font-weight:normal;
	text-decoration:none;
}

a.whiteLink:hover {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f5f5f5;
	font-weight:normal;
	text-decoration:underline;
}

a.footerLink {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	font-weight:normal;
	text-decoration:none;
}

a.footerLink:hover {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003f72;
	font-weight:bold;
	text-decoration:none;
}

a.webLink {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#06b09e;
	font-weight:bold;
	text-decoration:none;
}

a.webLink:hover {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bd0a11;
	font-weight:bold;
	text-decoration:none;
}

.footerGreyTxt {
	font-family: Arial, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#abb1bd;
	font-weight:normal;
}

li.pageList {
	font-family:Roboto-Regular_0, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	text-align:justify;
	line-height:180%;
}

span.job1 {
	font-family:MyriadPro-Regular, Verdana, Roboto-Regular_0,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003f72;
	font-weight:bold;
	text-decoration:none;
}

.job2 {
	font-family:Roboto-Regular_0, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	text-align:justify;
	line-height:180%;
}

/*************************** for menu *****************************/
#nav ul li{
	border-right:none;
	border-bottom:1px solid #DDD;
	width:200px;
	height:39px;
	display:block;
	visibility:visible
}
#nav ul li a{
	border-right:none;
	color:#6791AD;
	text-shadow:1px 1px 1px #FFF;
	border-bottom:
	1px solid #FFF
}
#nav ul li:hover{
	background:#DFEEF0;
}
#nav ul{
	display:none;
	visibility:hidden;
	position:absolute;
	top:40px;
	z-index:1;
	background:#f2f5f6;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	/*border-radius:0 0 3px 3px;*/
	box-shadow:2px 2px 3px #ECECEC;
	-webkit-box-shadow:2px 4px 4px #000000;
	-moz-box-shadow:2px 4px 4px #000000;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	width:200px;
	padding:0;
}
#nav li:hover > ul{
	display:block;
	visibility:visible;
}
#nav{
	height:40px;
	font:12px Geneva, Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #000;
	background:#3AB3A9;
	border:1px solid #30A097;
	/*border-radius:3px;*/
	min-width:600px;
	margin-left:0;
	padding-left:0;
}
#nav li{
	list-style:none;
	display:block;
	float:left;
	height:40px;
	position:relative;
	border-right:1px solid #52BDB5;
}
#nav li a{
	line-height:40px;
	text-decoration:none;
	border-right:1px solid #389E96;
	height:40px;
	color:#FFF;
	text-shadow:1px 1px 1px #66696B;
	display:block;
	margin:0;
	padding:0 10px 0 30px;
}
#nav .site-name,#nav .site-name:hover{
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	text-shadow:1px 1px 1px #66696B;
	width:160px;
	border-right:1px solid #52BDB5;
}
#nav li:hover{background:#a4a4a4}
#nav ul li:last-child,#nav ul li:last-child a{border-bottom:none}
#nav ul ul,#nav ul ul ul{top:0;left:270px;display:none;visibility:hidden;border:1px solid #DDD;z-index:1}
[if IE 7]>
#nav{
	margin-left:0px
}
#nav ul{
	left:-40px;
}
#nav ul ul{
	left:160px;
}
#nav ul ul ul{
	left:160px;
}
[endif]

/***************************************/





.wrapper .pageSpace .servicesBlock {
	margin: 0px;
	clear: none;
	float: left;
	height: 400px;
	width: 1000px;
	background-color: #ffffff;
}
.wrapper .pageSpace .footerBlock {
	margin: 0px;
	clear: none;
	float: left;
	height: 85px;
	width: 1000px;
	/*background-color: #f5f5f5;*/
	background-image:url(../MAHD_Images/footer_bg.jpg);
	background-repeat:repeat;
}
.wrapper .pageSpace .footerBlock2 {
	margin: 0px;
	clear: none;
	float: left;
	height: 35px;
	width: 1000px;
	background-color: #4d4d4d;
}

.content-container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	margin-left: 25px;
	margin-right:25px;
	text-align:justify;
	color: #000000;
}

/*************** Social Links *********/
#navlist {
    position: relative;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
}

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#navlist li, #navlist a {
    height: 32px;
    display: block;
}

#FB {
    left: 0px;
    width: 32px;
    background: url('../MAHD_Images/SL_ALL.jpg') 0 0;
}

#FB a:hover {
    background: url('../MAHD_Images/SL_ALL.jpg') 0 -32px;
}


#IG {
    left: 32px;
    width: 32px;
    background: url('../MAHD_Images/SL_ALL.jpg') -32px 0;
}

#IG a:hover {
    background: url('../MAHD_Images/SL_ALL.jpg') -32px -32px;
}


#GP {
    left: 64px;
    width: 32px;
    background: url('../MAHD_Images/SL_ALL.jpg') -64px 0;
}
#GP a:hover {
    background: url('../MAHD_Images/SL_ALL.jpg') -64px -32px;
}



#TW {
    left: 96px;
    width: 32px;
    background: url('../MAHD_Images/SL_ALL.jpg') -96px 0;
}

#TW a:hover {
    background: url('../MAHD_Images/SL_ALL.jpg') -96px -32px;
}



#YT {
    left: 128px;
    width: 32px;
    background: url('../MAHD_Images/SL_ALL.jpg') -128px 0;
}

#YT a:hover {
    background: url('../MAHD_Images/SL_ALL.jpg') -128px -32px;
}


#EM {
    left: 160px;
    width: 32px;
    background: url('../MAHD_Images/SL_ALL.jpg') -160px 0;
}

#EM a:hover {
    background: url('../MAHD_Images/SL_ALL.jpg') -160px -32px;
}


/********************** Services Owl Carosal *************/
#owl-demo .item{
        background: #3fbf79;
        padding: 0px 0px;
        margin: 20px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }
    .customNavigation{
      text-align: center;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
	
/********************* Baner Menu CSS *********************/
#menuV2 li, #menuV2 a {zoom:1;} /* Hacks for IE6, IE7 */
#menuV2, #menuV2 ul
{
    width: 300px; /* Main Menu Item widths */
    border: 1px solid #ccc;
    border-top:none;
    position: relative; font-size:0;
    list-style: none; margin: 0; padding: 0; display:block;
}
                
/* Top level menu links style
---------------------------------------*/

#menuV2 li
{
    background: #003a6c url(bg.gif) repeat-x 0 2px;
    list-style: none; margin: 0; padding: 0;
}
#menuV2 li a
{
    font: normal 12px Arial;
    border-top: 1px solid #ccc;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: #dddddd;
    text-decoration: none;
	text-shadow:1px 1px 1px #66696B;
    line-height:50px;
    padding-left:26px;            
}
#menuV2 li a:hover
{
    /*font: normal 12px Arial;
    border-top: 1px solid #ccc;
    display: block;
    overflow: auto; force hasLayout in IE7
    color: #dddddd;
    text-decoration: none;
	text-shadow:1px 1px 1px #66696B;
    line-height:50px;
    padding-left:26px; */
	background:#3ab3a9;            
}
#menuV2 ul li a
{
    line-height:30px;
}
                
#menuV2 li a.arrow:hover
{
    background-image:url(arrowon.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
        
/*Sub level menu items
---------------------------------------*/
#menuV2 li ul
{
    position: absolute;
    width: 200px; /*Sub Menu Items width */
    visibility:hidden;
}
        
#menuV2 a.arrow
{
    background-image:url(arrow.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
#menuV2 li:hover, #menuV2 li.onhover
{
    background-position:0 -62px;
}
#menuV2 ul li
{
    background: #003a6c;
    background-image:none;
}
#menuV2 ul li:hover, #menuV2 ul li.onhover
{
    background: red;
	color:#000000;
    background-image:none;
}
        
/* Holly Hack for IE \
* html #menuV2  li
{
    float:left;
    height: 1%;
}
* html #menuV2  li a
{
    height: 1%;
}*/
/* End */

/*******************Banner Menu CSS ends Here ************************/