/* ######### Matt Black Strip Main Menu Bar CSS ######### */


.menuwithbox {
    color:#4ecdf6;
  text-decoration: none;
    line-height: 45px;
        font-family: 'uomobold', sans-serif;
}


.mattblackmenu-side1 {
  width: 100%;
  background:none;
  min-height: 54px;
  color:#000000;
  /*float:right;*/
  display:block;
}

.mattblackmenu-side1 ul {
    display:inline;
    margin: 0 auto;
    margin-right:0px;
    padding:0px;
    font-family: inherit;
    font-style: normal;
    font-weight:100;
    text-transform:none;
    font-family: "uomoregular", sans-serif;
    font-size: 18pt;
    letter-spacing:1px;
    list-style-type: none;
    overflow: hidden;
    width:100%;
    float:right;
    cursor:pointer;
 
}

    .mattblackmenu-side1 ul span {
        text-align:center;
    
    }

    .mattblackmenu-side1 ul span span:last-child li a {
        margin-right:0%;
    }


.mattblackmenu-side1 li {
    display: inline;
    /*min-width: 13%;*/
    line-height: 60px;
    margin: 0;
    color:#000000;
   
}


.mattblackmenu-side1 li:hover {
   
}

.mattblackmenu-side1 li a {
    text-decoration: none;
    color:#000000;
    cursor:pointer;
    margin-right:4%;
    margin-left:0%;
      line-height: 45px;
}


.mattblackmenu-side1 li a:hover {
    color:#4ecdf6;
  text-decoration: none;
    line-height: 45px;
    
}

.mattblackmenu-side1 li a:visited {

}

.mattblackmenu-side1 li a:active {

}

/* Second */

.mattblackmenu-side2 ul {
    display: block;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 100;
    text-transform: none;
    font-family: "uomoregular", sans-serif;
    font-size: 14pt;
    list-style-type: none;
    border-style: none;
    height: 30px;
    width: 100%;
    text-align: center;
}

.mattblackmenu-side2 li {
display: inline-block;
text-align:center;
color:#165B72;
}

.mattblackmenu-side2 li a{
text-align:center;
text-decoration: none;
color:#000000;
padding-right:54px;
}


.mattblackmenu-side2 li a:visited{


}

.mattblackmenu-side2 li a:hover{
    color:#4ecdf6;
}

.mattblackmenu-side2 a.selected{
/*background: red; background of tab with "selected" class assigned to its LI */
    color:#4ecdf6;
}



/*33333333This css code below is for the gallery menu*/

.mattblackmenu-side3 {
text-align:center; 
padding-top:0; 
padding-bottom:0; 
margin:0;

}


.mattblackmenu-side3 ul{
margin: 0;
padding:0;
font-family: "fstandardb", Arial, sans-serif;
font-style: normal;
font-weight:100;
padding:1px 15px 1px 15px;
text-transform:uppercase;
font-size:17px;
list-style-type: none;
border-style:none; 
border-width:0px;
overflow: hidden;
letter-spacing:1px;
text-align:center;
line-height:54px;
 }


.mattblackmenu-side3 li{
display: inline;
margin: 0;
margin-top: 0px;
 margin-right:0px;
 text-align:center;
 vertical-align:middle;

}

.mattblackmenu-side3 li a{
text-align:center;
text-decoration: none;
margin: 0;
padding: 6px 20px 6px 20px; /*padding inside each tab*/
color: #FFFFFF;

}

.mattblackmenu-side3 li a:visited{

}

.mattblackmenu-side3 li a:hover{
 color:#FFF;
}

.mattblackmenu-side3 a.selected{
/*background: red; background of tab with "selected" class assigned to its LI */
 color:#bb2427;
}


/*444444 This css code below is for the gallery menu*/
.mattblackmenu-side4 {
    width: 100%;
    display:inline-block;
}

.mattblackmenu-side4 ul {
margin: 0;
padding: 0;
font-family: "fstandardb", Arial, sans-serif;
font-style: normal;
font-weight:100;
text-transform:none;
font-size: 18px;
list-style-type: none;
border-style:none; 
overflow: hidden;
height:30px;
width:100%;
text-align:left;
}

.mattblackmenu-side4 li {
display: inline-block;
margin: 0;
padding: 10px 0;
text-align:left;

color:#165B72;
}

.mattblackmenu-side4 li a{
text-align:center;
text-decoration: none;
margin: 0;
color:#165B72 !important;
background-color:transparent !important;
}

.mattblackmenu-side4 span::after {
    content:"|";
    display:inline-block;
}

.mattblackmenu-side4 span:last-child:after {
    content:"";
    display:inline-block;
}

.mattblackmenu-side4 li a:visited{


}

.mattblackmenu-side4 li a:hover{
    color:#3DB8C3;
}

.mattblackmenu-side4 a.selected{
/*background: red; background of tab with "selected" class assigned to its LI */
    color:#b4926f;
}


/* = FOOTER MENU 
----------------------- */

/*
.mattblackmenu-side5 {
padding-top:0; 
padding-bottom:0; 
margin:0;

}


.mattblackmenu-side5 ul{
margin: 0;
padding:0;
font-family: semplicitapro, Arial, sans-serif;
font-style: normal;
font-weight:100;
padding:1px 15px 1px 15px;
text-transform:none;
font-size:12pt;
list-style-type: none;
border-style:none; 
border-width:0px;
overflow: hidden;
text-align:center;
line-height:60px;
 }


.mattblackmenu-side5 li {
display: inline;
margin: 0;
margin-top: 0px;
 margin-right:0px;
 text-align:center;
 vertical-align:middle;

}

.mattblackmenu-side5 li a { -- menu headers
    text-align:center;
    text-decoration: none;
    margin: 0;
    padding: 6px 0 6px 0; -- padding inside each tab
    font-weight: 500;
    border-bottom: 2px solid #a48046;
}

.mattblackmenu-side5 li a:visited{

}

.mattblackmenu-side5 li a:hover{
 color:#bb2427;
}

.mattblackmenu-side5 a.selected{
-- background: red; background of tab with "selected" class assigned to its LI
 color:#bb2427;
} */
