/* 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 */
}