﻿/*@font-face
{
	font-family: "VarandaNavigation";
	font-style: normal;
	font-weight: normal;
	src: url("../Font/Navigation/Eot/TT1139M0.eot");
	src: url("../Font/Navigation/Eot/TT1139M0.eot?#iefix") format("embedded-opentype"), url("../Font/Navigation/wof/TT1139M0.woff") format("woff"), url("../Font/Navigation/ttf/TT1139M0.TTF") format("truetype"), url("../Font/Navigation/svg/TT1139M0.svg#bebasneue") format("svg");
}
*/


.wrapper1
{
    /*font-family: VarandaNavigation;*/
    margin: 0;    
    text-align:left;
    font-weight:bold;   
}
.wrapper1 a
{
    margin: 0px;
    text-decoration: none;
}
.wrapper1 a:hover
{
   
}
.wrapper1 p
{
    padding: 0;
   
}
.wrapper
{
    text-align:left;
}
.nav
{
    float: left;    
    width: auto;
   /* background:url(../Images/Nav_bg.jpg) repeat-x;
    height:34px;*/
    padding:0px 10px;
   
    
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
    
    padding-left: 0px;
padding-right: 0px;
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
}
.nev-wrapper
{
    clear: both;
    float: left;
}
.nav ul
{
    float: left;
    margin: 0;
    list-style: none;
    padding-left:0px;
    font-size: 15px;
    font-weight: bold;
    font-family: times new roman;
}
.nav li
{
    float: left;
    position: relative;
}
.nav li.last
{
    background: none;
}
.nav li:hover
{
    border-bottom:2px solid #fff;
   
}
.nav li a
{
    display: block;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
a .menu-left
{
    /*width: 10px;*/
    height: 30px;
    display: block;
    float: left;
    /*background:url(../Images/LeftNav.jpg) no-repeat bottom;*/
}
a .menu-mid
{ 
    
    border-top:2px solid transparent;
    height: 37px;
    /*padding-top: 13px;*/
    display: block;
    float: left;
    color: #FFF;
    /*background:url(../Images/NavBg.jpg) repeat-x bottom;*/
    /*padding-left:10px;
    padding-right:10px;*/
    padding-top:5px;    
    /*text-shadow: 1px 1px 1px #fff;-*/
    color: white;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    
}
a .menu-right
{
    width: 10px;
    height: 30px;
    display: block;
    float: left;
    display:none;
   /* background:url(../Images/Separator.jpg) no-repeat bottom right;*/
}
.nav li a:hover .menu-left, 
.nav li.active a .menu-left, 
.nav li:hover a .menu-left
{
    
    display: block;
    float: left;
    /*height: 34px;*/
}


/*li:first-child*/
.nav li:first-child a
{
    /*background:red;*/
    text-indent:-99999px;
    /*background: url(../Images/HomeIcon.png) center 2px no-repeat;   */
   width:34px !important;
   height:27px;
}
.nav li:first-child a .menu-mid
{
	width:4px
}

.nav li:first-child a:hover, .nav li:first-child.active a, .nav li:first-child.hover a, .nav li:first-child:hover a
{
    background-position:center -24px;
}

.nav li a:hover .menu-mid, .nav li.active a .menu-mid, .nav li:hover a .menu-mid
{
   /* background: url(../Images/NavigationBG_hover.jpg) center center repeat-x;*/
    display: block;      
    float: left;        
    color:#fff;   
   /* border-top:2px solid #fff;  */
}
.nav li:first-child a:hover .menu-mid, .nav li:first-child.active a .menu-mid, .nav li:first-child:hover a .menu-mid
{
    border-color:transparent !important;
}

.nav li a:hover .menu-right, .nav li.active a .menu-right, .nav li:hover a .menu-right
{
     
    display: block;
    float: left;
}
.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a
{
    color:#620e04;
    /*background: url(../Images/MenunavigationImages.jpg) top  !important;*/
    background-position:0px -99px;
}
#divMenuNavigation
{
    height: 25px;
    width: 100%;
    float: left;
    /*background:#9C8768 url(../Images/NavigationBG.jpg) repeat-x center center;*/
}
.clr-style {
    clear: both;
    display: block;
}


#navigation li.active
{
 border-bottom: 2px solid #fff !important;
}







