
/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: #fff ; margin:0px;
}

@font-face {
font-family:MyFont1;
src: url('../fonts/OpenSans-Regular.ttf'),url('../fonts/OpenSans-Regular.otf'),url('../fonts/OpenSans-Regular.eot'),url('../fonts/OpenSans-Regular.woff'),url('../fonts/OpenSans-Regular.svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family:MyFont2;
src: url('../fonts/Oswald-Light.ttf'),url('../fonts/Oswald-Light.otf'),url('../fonts/Oswald-Light.eot'),url('../fonts/Oswald-Light.woff'),url('../fonts/Oswald-Light.svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family:MyFont3;
src: url('../fonts/helveticaneue-webfont.ttf'),url('../fonts/helveticaneue-webfont.otf'),url('../fonts/helveticaneue-webfont.eot'),url('../fonts/helveticaneue-webfont.woff'),url('../fonts/helveticaneue-webfont.svg');
font-weight: normal;
font-style: normal;
}



.Link1 a{ text-decoration:none; color:#cbcbcb; }
.Link1 a:hover{ text-decoration:none; color:#fff;}

.Link2 a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#191919; }
.Link2 a:hover{ text-decoration: underline; color:#191919;}

.Link3 a{ text-decoration:none;  color:#171616; }
.Link3 a:hover{ text-decoration: underline; color:#191919;}



.Light11{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.Light12{ font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.Light14{ font-family:MyFont1; font-size:14px;}


.Bold{ font-weight:bold;}

.White{ color:#fff;}
.Black{ color:#000;}

.Pink{ color:#f5005f;}
.Gray1{ color:#171616;}
.Gray2{ color:#bdbcbc;}


.Upparcase{ text-transform:uppercase;}
.Lineheight1{ line-height:18px;}
.Lineheight2{ line-height:30px;}

.Align_cent{ text-align:center;}
.Align_right{ text-align:right;}
.Justify{ text-align:justify;}
.Italic{ font-style:italic;}


.Fl{ float:left;}

.Fr{ float:right;}

.Txtbx_1{ 
      background:none; width:100%; 
	  border:none; 
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#000;
	  height:24px; }
	  
	  
.posn{ position:relative;}


/*----Nav-------*/


#Main_menu{ width:100%; float:left; position:relative;   }

#Main_menu a{ text-decoration:none;}

.Menubx {
    width: 100%; height:auto; 
     float:left; position:relative;
   
}


ul{ margin:0px; padding:0px; }

.toggleMenu {
    display:  none; background:#2a2929;
     font-size:17px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;
    padding: 16px 0 ; text-align:center;  
    color: #fff; 
}
.nav {
    list-style: none;
     *zoom: 1;
      padding:0px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}

.nav li {
    position: relative;
	
}




.nav li a {  
   text-decoration:none; 
   font-size:15px; 
   font-family:MyFont2; 
   color:#191919;  text-align:center; 
   padding:8px 10px 4px;  
   
    
}


.nav li a:hover, .nav li .current { color:#000;  text-decoration:none;  

    
}


.nav > li {
    float: left;
    
}

.nav > li > a {
    display: block; float:left; 
}
.nav li  ul {
    position: absolute;
    left: -9999px; top:33px; padding-top:10px;
	width:354px; background: url(../images/drop_arw.png) 24px 0px no-repeat; 
	
	z-index:1;
	
	 
}
.nav > li.hover > ul { 
    left:0px; 
}
.nav li li.hover ul {
    left:70%;
    top: 0;
}

.nav li li { float:left;
	
    
}

.nav li li a {
    display: block; color:#fff;
     padding:6px 20px; font-family:MyFont2;
    position: relative;
    z-index:100; line-height:18px;
	font-size:15px; background:url(../images/rgt_line.png) no-repeat right center;
	text-align:left;
    
}

.nav li li:last-child a{ background:none;}

.nav li li li a {
    background:#48a6e3; 
    z-index:200;
    border-top: 1px solid #fff;
}


/*---end---*/




.Ofset1{ padding:0px 5px;}

/*-------27-05-2014---------*/

.Ofset2{ margin-bottom:17px;}



@media only screen and (min-width: 768px) and (max-width: 969px) {

/*---Nav---*/	
.toggleMenu {
    display:  none !important;
   
}
.nav{ display:block !important;}

.nav li a { padding:0px 14px 4px;}
.nav li ul{ top:26px;}

/*---end--*/


}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {

/*---Nav---*/

#Main_menu, .Main_menu{ width:100%;  float:left;}

.Menubx{ z-index:1; }

 .toggleMenu { display:block !important;}
.active {
        display: block;
    }
	
.nav {
    list-style: none;
     *zoom: 1;
     background: #fff;  margin:0px;
}

.nav a {
     text-decoration:none;
    
}
.nav > li {
        float: none;
    }
.nav > li > .parent {
        background-position: 95% 50%;
    }
.nav li li .parent {
        background-image: url("./images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
.nav ul {
        display: block;
        width: 100%; padding:0px;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static; 
    }
  
.nav li a {
    background:none; color:#000; float:none; 
    
    
    padding: 4px 0px 4px 0px;  line-height:35px; border-bottom:#CCCCCC 1px solid;
   
}  
  


.nav li a:hover, .nav li .current { 
border-radius:0px;
    
}

.nav li { background:none; padding-right:0px;}
.nav li li{ float:none; background:#f2f0f0;}

.nav li ul{ width:auto; border-radius:0px; padding-top:0px;}

.nav li li a{ text-align:center; background:none; color:#000000; border-bottom:#FFFFFF 1px solid; }
.nav li li a:hover{ background:#FFFFFF;}

/*--end---*/


}






