

#top-menu-container{

display:inline-block;

vertical-align:top;

text-align:center;

width:100%;

padding-top:14px;

position:fixed;

z-index:199;

background-color:#fff;

}

#top-menu-container2{

display:inline-block;

vertical-align:top;

text-align:center;

width:100%;

margin-bottom:32px;

position:fixed;

z-index:199;

background-color:#fff;

padding-bottom:14px;

}

ul#top-menu,ul#top-menu ul{

margin:0;

list-style:none;

padding:0;

list-style:none;

list-style-type:none;

vertical-align:top;

}

ul#top-menu{

font-size:0;

z-index:999;

position:relative;

display:inline-block;

zoom:1;

*display:inline;

list-style:none;

list-style-type:none;

height:8px;

margin-top:-1px;

}

ul#top-menu>li{

list-style:none;

list-style-type:none;

margin:0;

}

ul#top-menu li{

position:relative;

display:block;

white-space:nowrap;

font-size:0;

float:left;

list-style:none;

list-style-type:none;

padding-left:0px; 

margin-right:-2px;

}

ul#top-menu li:hover{ 

}

ul#top-menu li:hover>*{

display:block;

}

ul#top-menu li:hover{

z-index:1;

}

* html ul#top-menu li a{

display:inline-block;

list-style:none;

list-style-type:none;

text-shadow:none;

font-family: 'Roboto Condensed', sans-serif;

text-transform:uppercase;

color:#888888;

letter-spacing:.7px;

}

ul#top-menu a{

display:block;

vertical-align:middle;

text-align:left;

text-decoration:none;

font-size:17px;

cursor:pointer;

padding:0px 10px;

border-left:2px solid #999797;

font-family: 'Roboto Condensed', sans-serif;

text-transform:uppercase;

color:#888888;

letter-spacing:.7px;

}

ul#top-menu ul{ /*drop down */

display:none;

position:absolute;

left:0;

top:100%;

padding:0 10px 10px;

margin-left:0px;

list-style:none;

list-style-type:none;

}

ul#top-menu li ul{ /* drop down bkg color */

list-style:none;

list-style-type:none;

padding-top:0px;

padding-bottom:12px;

margin-left:-12px;

}

ul#top-menu ul a{

text-align:left;

padding:2px 0px;

background-image:none;

border-width:0;

font:14px;

text-decoration:none;

}

ul#top-menu ul a:hover{

color:#bb9c80;

text-shadow:none;

}

ul#top-menu ul li{

float:none;

margin:0px 0 px 0;

background:none;

list-style:none;

list-style-type:none;

padding-left:none;

border:0;

border-bottom:1px solid #ccc;

background-color:#fffcfc;

}

ul#top-menu ul li:last-child{padding-bottom:10px;}

ul#top-menu ul li:hover{

border:0;

border-bottom:1px solid #ccc;

}

ul#top-menu ul li:hover>a,ul#top-menu ul li>a.pressed{ /*sub hover */

background-image:none;

text-decoration:none;

list-style:none;

list-style-type:none;

border:0;

}

ul#top-menu ul li a{font-size:15px;line-height:15px;padding:10px 20px;font-weight:normal;}



#top-menu-container2{display:none;}

.show-mobile-menu{display:none;}

.show1100{display:none;}

@media only screen and (max-width: 1100px) {

.hide1100{display:none;}

.show1100{display:block;}

#top-menu-container{display:none;}

#top-menu-container2{display:block;}

}

@media only screen and (max-width: 850px) {

#top-menu-container2{display:none;}

.show-mobile-menu{display:block;}

.hide850{display:none;}

#mobile-menu-container{z-index:199;position:fixed;text-align:center;width:100%;background-color:#fff;}

}