/* www.nitofa.com */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E0E8EA;
}
.clearall 
    {
    clear: both;
	}
.header-contnr
        {
		margin-left:15%;
		margin-right:15%;
		margin-bottom:5px;
		width:70%;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}
.logo
    {
	background:url(../imgs/logo-new.png) no-repeat;
	width:100%;
	height:104px;
	margin-left:90px;
    }
.nav-contnr
        {
		margin-left:15%;
		margin-right:15%;
		width:70%;
		background:#FFFFFF;
		height:50px;
		}
.sSlow-contnr
       {
		margin-left:15%;
		margin-right:15%;
		width:70%;
		margin-bottom:5px;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}

.main-contnr
      {
	    margin-left:15%;
		margin-right:15%;
		width:70%;
		margin-bottom:5px;
		height:auto;
		float:left;
		background:#FFFFFF;
		border:1px solid #FFF;
		-moz-box-shadow:    -3px 3px 15px 6px #CFD4D5;
        -webkit-box-shadow: -3px 3px 15px 6px #CFD4D5;
        box-shadow:         -3px 3px 15px 6px #CFD4D5;	
		border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
	  }
.d-msg-cntnr 
    {
	 width:100%;
	 height:120px;
	 border-bottom:1px solid #CCCCCC;
	 background:#F3F3F3;
	 border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
	}
	
.d-img
   {
     width:100px; 
	 height:100px;
	 float:left;
	 position:relative;
	 margin:8px;
	 border:1px dashed #333333;
	 background:url(../imgs/director.png) no-repeat;
   }
.d-msg
   {
     width:800px; 
	 height:100px;
	 float:left;
	 position:relative;
	 padding:5px;
   }
.m-whl-cntnr 
    {
	 width:100%;
	 height:auto;
	 float:left;
	}
.m-box-1-of-3
    {
	 width:300px;
	 height:auto;
	 float:left;
	 position:relative;
	 margin-right:10px;
	}
.m-box-3-of-3
    {
	 width:300px;
	 height:auto;
	 float:right;
	 position:relative;
	}
.m-each-s-box
    {
	 width:90%;
	 margin:10px 10px 10px 0px;
	 height:130px;
	 float:left;
	 padding:7px;
	 border-bottom:1px solid #000066; 
	 border-top:1px solid #000066; 
	}
.m-box-pic
    {
	width:100px;
	height:120px;
	margin-right:5px;
	float:left;
	font-size:13px;
	}	  	  
.m-ttl-hdngs 
    {
	 font-size:20px; 
	 text-align:center; 
	 text-transform: uppercase;
	 margin-bottom:5px; 
	 border-bottom:1px dashed #000000;
	 color:#CB214B;
	}		  
.latest-news
   {
    width:96%;
	margin:10px 10px 10px 0px;
	height:100px;
	background:#DEDACB;
	padding:7px;
	text-align:center;
   }		  
.latest-news-ttl
   {
   font-size:18px;
   margin-bottom:5px;
	text-align:center;
   }	
.m-gallery
   {
    width:96%;
	margin:10px 10px 10px 0px;
	height:200px;
	background:#DEDACB;
	padding:7px;
	text-align:center;
   }		
.gallery-grid 
   {
    width:65px;
	height:60px;
	float:left;
	margin:2px;
	border: 1px dashed #999999;
   }
.readmore
   {
   color:#05E226;
   font-size:14px;
   text-decoration:none;
   }
.readmore:hover
   {
   color:#006600;
   font-size:18px;
   text-decoration:none;
   }
.clickhere
   {
   color:#003399;
   font-size:14px;
   text-decoration:none;
   }
.clickhere:hover
   {
   color:#6265F0;
   font-size:17px;
   text-decoration:none;
   background:#CCCCCC;
   }       		  
.quick-links
	{
    width:96%;
	margin:10px 10px 10px 0px;
	background:#FFF;
	padding:10px;
	text-align:left;
	border-bottom:1px solid #E0E8EA;
   }   		
   
   
   	  
.btmcntnr	 
      {
		margin-left:15%;
		margin-right:15%;
		width:70%;
		margin-bottom:5px;
		height:210px;
		background:#FFFFFF;
		float:left;
	  } 
.b-area-1
      {
		width:auto;
		padding:7px;
		text-align:center;
		float:left;
		
	  } 
.b-area-2
      {
		width:auto;
		height:200px;
		text-align:center;
		float:left;
	  } 
.b-box-1-of-3
      {
		width:300px;
		text-align:justify;
		font-size:14px;
		float:left;
		position:relative;
		margin-right:10px;
		
	  } 
.b-box-3-of-3
      {
		width:310px;
		text-align:justify;
		font-size:14px;
		float:right;
		position:relative;
		margin-right:10px;
		
	  } 
.b-area-3
      {
		width:100%;
		padding-top:7px;
		text-align:center;
		font-size:16px;
		float:left;
	  } 
.contact 
     {
	    padding-bottom:5px;
		margin-bottom:5px;
		float:left;
		width:290px;
	 }	  
	 
.con-icn
     {
		margin-bottom:5px;
		float:left;
	 }	  
	 
.social
   {
   height:50px;
   width:70px;
   float:right;
   margin-right:5px;
   }
.social-heading
   {
   height:auto;
   width:300px;
   float:right;
   font-size:20px;
   margin-right:5px;
   text-align:center;
   border-bottom:1px solid #F3F3F3;
   }
   
/* About Us*/

.main-contnr

.ab-left-pnl
  {
   height:500px;
   width:20.4%;
   float:left;
   margin-top:5px;
   text-align:left;
   background:#EEEEEE;
   }
.ab-contents
  {
   height:498px;
   width:79%;
   float:left;
   margin-left:5px;
   text-align:left;
   line-height:35px;
   }
   
   
   
   
   
.cntct-left-pnl
  {
   height:500px;
   width:35%;
   float:left;
   margin-top:5px;
   padding-left:5px;
   padding-right:5px;
   text-align:left;
   background:#EEEEEE;
   line-height:40px;
   }
.cntct-contents
  {
   height:498px;
   width:63%;
   float:right;
   margin-left:5px;
   margin-top:5px;
   text-align:left;
   line-height:35px;
   }
.cntct-texbox
   {
    width:90%;
	padding:10px;
	border:1px solid #E0E0E0;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	}
.cntct-btn
   {
    width:150px;
	padding:10px;
	border:1px solid #E0E0E0;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	background:#E95110;
	color:#FFFFFF;
	font-size:18px;
   }


   
.news-m-deader
   {
   width:98%; 
   border-bottom:1px solid #C3C3C3; 
   margin-left:1%; 
   margin-right:1%; 
   padding-top:7px; 
   padding-bottom:7px;
   float:left;
   }
.news-m-contnr
   {
    width:71%;
	margin-right:1%;
	margin-left:1%;
	height:auto;
	float:left;
	position:relative;
   }
.each-n-cntnr
    {
    width:100%;
	margin-bottom:7px;
	height:auto;
	float:left;
	position:relative;
   }
.n-dte
   {
    width:7%;
	height:auto;
	float:left;
	position:relative;
	background:#659EE4;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
	margin-right:10px;
	margin-bottom:7px;
	padding-bottom:5px;
	margin-top:7px;
   }
.main-news
    {
    width:90%;
	height:auto;
	float:left;
	position:relative;
	border-bottom:1px solid #C1C1C1;
	margin-bottom:7px;
	padding-bottom:5px;
	margin-top:7px;
   }
.news-right-contnr
   {
    width:26%;
	height:auto;
	float:left;
	position:relative;
	margin-right:1%;
   }
.news-grid
   {
    width:100%;
	float:left;
	margin-bottom:7px;
	margin-top:7px;
	border-bottom:1px dashed #D1D1D1;
   }
.grid-pic
   {
    width:80px;
	float:left;
	border:3px solid #D6D6D6;
	height:50px;
   }
.drid-contnts
   {
    width:62%;
	margin-left:5px;
	float:left;
	font-size:14px;
   }
   
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.header-contnr
        {
		margin-left:0;
		margin-right:0;
		margin-bottom:5px;
		width:100%;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}
.logo
    {
	background:url(../imgs/logo-new.png) no-repeat;
	width:100%;
	height:70px;
	margin-left:90px;
    }
.nav-contnr
        {
		margin-left:0;
		margin-right:0;
		width:100%;
		background:#FFFFFF;
		height:30px;
		}
.sSlow-contnr
       {
		margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}

.main-contnr
      {
	    margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		height:auto;
		float:left;
		background:#FFFFFF;
		border:1px solid #FFF;
		-moz-box-shadow:    -3px 3px 15px 6px #CFD4D5;
        -webkit-box-shadow: -3px 3px 15px 6px #CFD4D5;
        box-shadow:         -3px 3px 15px 6px #CFD4D5;	
		border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
	  }
	  
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.header-contnr
        {
		margin-left:0;
		margin-right:0;
		margin-bottom:5px;
		width:100%;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}
.logo
    {
	background:url(../imgs/logo-new.png) no-repeat;
	width:100%;
	height:70px;
	margin-left:90px;
    }
.nav-contnr
        {
		margin-left:0;
		margin-right:0;
		width:100%;
		background:#FFFFFF;
		height:30px;
		}
.sSlow-contnr
       {
		margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}

.main-contnr
      {
	    margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		height:auto;
		float:left;
		background:#FFFFFF;
		border:1px solid #FFF;
		-moz-box-shadow:    -3px 3px 15px 6px #CFD4D5;
        -webkit-box-shadow: -3px 3px 15px 6px #CFD4D5;
        box-shadow:         -3px 3px 15px 6px #CFD4D5;	
		border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
	  }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.header-contnr
        {
		margin-left:0;
		margin-right:0;
		margin-bottom:5px;
		width:100%;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}
.logo
    {
	background:url(../imgs/logo-new.png) no-repeat;
	width:100%;
	height:70px;
	margin-left:90px;
    }
.nav-contnr
        {
		margin-left:0;
		margin-right:0;
		width:100%;
		background:#FFFFFF;
		height:30px;
		}
.sSlow-contnr
       {
		margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}

.main-contnr
      {
	    margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		height:auto;
		float:left;
		background:#FFFFFF;
		border:1px solid #FFF;
		-moz-box-shadow:    -3px 3px 15px 6px #CFD4D5;
        -webkit-box-shadow: -3px 3px 15px 6px #CFD4D5;
        box-shadow:         -3px 3px 15px 6px #CFD4D5;	
		border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
	  }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.header-contnr
        {
		margin-left:0;
		margin-right:0;
		margin-bottom:5px;
		width:100%;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}
.logo
    {
	background:url(../imgs/logo-new.png) no-repeat;
	width:100%;
	height:70px;
	margin-left:90px;
    }
.nav-contnr
        {
		margin-left:0;
		margin-right:0;
		width:100%;
		background:#FFFFFF;
		height:30px;
		}
.sSlow-contnr
       {
		margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		background:#FFFFFF;
		border:1px solid #FFF;
		float:left;
		}

.main-contnr
      {
	    margin-left:0;
		margin-right:0;
		width:100%;
		margin-bottom:5px;
		height:auto;
		float:left;
		background:#FFFFFF;
		border:1px solid #FFF;
		-moz-box-shadow:    -3px 3px 15px 6px #CFD4D5;
        -webkit-box-shadow: -3px 3px 15px 6px #CFD4D5;
        box-shadow:         -3px 3px 15px 6px #CFD4D5;	
		border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
	  }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
/* CSS Document */

#menu-bar {
  width:98.6%;
  margin: 0px 0px 0px 0px;
  padding: 10px 6px 2px 6px;
  height: 36px;
  line-height: 100%;
  box-shadow: 0px 2px 3px #0C1B5F;
  -webkit-box-shadow: 0px 2px 3px #0C1B5F;
  -moz-box-shadow: 0px 2px 3px #0C1B5F;
  background:#0C1B5F;
  border: solid 1px #0C1B5F;
  position:relative;
  z-index:999;
}
#menu-bar li {
  margin: 0px 0px 6px 0px;
  padding: 0px 1px 0px 1px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: bold;
  font-family: arial;
  font-style: normal;
  font-size: 12px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 6px 20px 6px 20px;
  margin: 0;
  margin-bottom: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 0px 2px 3px #000000;
}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a, #menu-bar li:hover > a {
  background: #0399D4;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 0px 2px 3px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #0399D4 !important;
  background: linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -ms-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul {
  background: #DDDDDD;
  background: linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -ms-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}


/*tabs manu used in about us etc */

ul.tabsstaff {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px;
		border-bottom: 1px solid #999999;
		width:150px;
	}
ul.tabsstaff li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 31px;
		line-height: 31px;
		border-bottom: 1px solid #999999;
		border-left: none;
		font-weight: bold;
		background: #EEEEEE;
		overflow: hidden;
		position: relative;
		width:150px;
	}
ul.tabsstaff li:hover {
		background: #CCCCCC;
	}	
ul.tabsstaff li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
.tab_containerstaff {
		
		border-top: none;
		clear: both;
		float: left; 
		width: 99.8%;
		background: #FFFFFF;
	}
.tab_contentstaff {
		padding: 5px;
		display: none;
	}
#containerstaff {
		width: 99.8%;
		margin: 0 auto;	
	}
	
.autostaff {
            display:block;
            padding:5px;
            margin-top:5px;
            width:100$;
            overflow:auto;
 }