.top-nav { background: #252525 url(../img/header_bg.png) repeat top left;  color: #999; padding: 5px 0;}
.top-nav #searchform { display: none; }
.top-nav #s {
    position: relative;
    width: 96%;
    height: 20px;
    background: #F5F5F5 url('../img/search-icon.png') no-repeat 99% 50%;
    border: solid 1px #282828;
    border-radius: 0;
    font-weight: bold;
    float: right;
    margin: auto 0;
    z-index: 999;
    padding: 10px 2%;
}

.top-nav ul { list-style: none; margin-bottom: 0;}
.top-nav ul li { float: left; margin: auto 5px;}
.top-nav ul li, .top-nav ul li a { color: #999; }
.top-nav ul li:hover, .top-nav ul li a:hover { color: #fff; }
.top-nav ul li.active, .top-nav ul li a.active { color: #fff; }

 
.top-nav .social-menu { float: right; }
.top-nav .social-menu .icon { font-size: 20px; }
.top-nav .social-menu a:hover { text-decoration: none; }
.top-nav .lang-menu { float: left; margin-right: 100px; }


#background .container { position: relative; }
#background .bg-desc { position: absolute; right: 30px; bottom: 30px; text-align: right;}
#background .section_title { font-size: 220%; line-height: 140%; float: right; clear: right; border-bottom: none; margin: 2px 0;  
    background: #ddd; color: #111; opacity: 0.7; padding: 5px 10px; display: table;
}
@media (min-width: 980px) and (max-width: 1199px) {
    #background .bg-desc { right: 20px; bottom: 20px; }
    #background h2 { font-size: 180%; } 
} 
@media (min-width: 768px) and (max-width: 979px) {
    #background .bg-desc { right: 15px; bottom: 15px; }
    #background h2 { font-size: 140%; } 
}

@media (max-width: 767px) {
    #background .bg-desc { right: 10px; bottom: 10px; }
    #background h2 { font-size: 100%; } 
}


@media (max-width: 480px) {
    /* CSS in here for mobile only */
	.logo {display:none;}
	#background .section_title {display:none;}
}

@media (min-width: 481px) {
    /* CSS in here for desktop only */
	.logo { margin: auto; position: absolute; z-index: 30; margin: -10px 0 0 10px; }
}




/* main_menu */
.main_menu-wrapper { z-index: 20; }
.main_menu { z-index: 19; }
.main_menu.fixed { position: fixed; top: 0; width: 100%; }
.main_menu-inner { margin: 0; min-height: 40px; padding: 0; }
.main_menu-inner.fixed { margin-top: 0; }   
.main_menu.fixed, .main_menu-inner { background: #202020 url(../img/navigation_bg.png) repeat top left;  color: #999; }
.main_menu.fixed .main_menu-inner { background: none; }
.main_menu-inner.dropped {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}



@media (max-width: 979px) {
    /* CSS in here for mobile only */
	.main_menu.fixed, .main_menu-inner h3 {text-transform:uppercase;}
	.main_menu.fixed, .main_menu-inner	{background: #202020;}
	
}



#main_menu > li > a { font-weight: 700;}

#main_menu.fullsize { position: relative; display: block; list-style: none; margin: 0; padding: 0 30px; }
#main_menu.fullsize > li { display: inline-block; color: #999; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 4px; }
#main_menu.fullsize > li > a { color: #999; padding: 10px 25px 10px 0; display: block; text-decoration: none; cursor: pointer; }
@media (min-width: 980px) and (max-width: 1199px) {
    #main_menu.fullsize > li { font-size: 13px; }
    #main_menu.fullsize > li > a { padding-right: 20px; }   
}
#main_menu ul { display: none; }
#main_menu.fullsize > li:last-child > a { padding-right: 0; }
#main_menu.fullsize > li ul { list-style: none; margin: 0; }  
#main_menu.fullsize li.dropped > a, #main_menu li > a:hover  { color: #fff; }
#main_menu.fullsize .dropdown { 
    display: none;
    position: absolute;
    left: 0;
    z-index: 999;
    background: #F7F7F7;
    color: #202020;  
    border-top: none;  
    background-size: contain;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #202020;
}
#main_menu.fullsize li.dropped .dropdown { display: block; }
#main_menu.fullsize .dropdown > ul > li > ul > li > a:hover { color: #812738 }

#main_menu.fullsize .dropdown * { color: #202020; }
#main_menu.fullsize .dropdown > ul > li { margin-bottom: 20px; }

#main_menu.fullsize .dropdown > ul > li > a { 
    padding-bottom: 0;
    margin: 0;
    color: #000;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    
    text-transform: uppercase;
    text-rendering: optimizelegibility;
}
#main_menu.fullsize .dropdown > ul > li > ul > li { display: block; float: none; line-height: 14px; font-size: 12px; text-transform: none; margin-top: 8px; border-bottom: 1px dotted #999; }


.main_menu-inner.mobile ul { display: none; z-index: 1; margin: 10px 30px; padding: 0; list-style: none; }
.main_menu-inner.mobile ul ul { margin-top: 10px; }
.main_menu-inner .menu_title i.icon { color: #999; font-size: 25px; line-height: 40px; display: inline-block; margin: 0 30px; float: left; }
.main_menu-inner.dropdown .menu_title i, .main_menu-inner.dropdown .menu_title h3  { color: #fff; }
.main_menu-inner.mobile ul li a { color: #999; }
.main_menu-inner.mobile a.dropdown { color: #fff; } 



#footer { } 
/*
.footer-back {
    background-image: url("../img/s-slice-tail-gray.png");
    background-position: top left;
    background-repeat: repeat-x;
}
*/
.footer-back {
    background: #252525 url(../img/header_bg.png) repeat top left;  color: #999; 
    /*padding-top: 10px;*/ 
    padding-bottom: 15px; 
}
#footer .content.painted {
    background: none;
} 
/*
#footer h4 { font-size: 14px; }
#footer ul li { margin-top: 8px; border-bottom: 1px dotted #999; }
#footer ul li a { color: #202020; }
*/
#footer .footer-right { list-style: none; float: right;}
#footer .footer-right li { float: left; margin: 0 0 0 20px; }
#footer a { color: #999; }
#footer a:hover { color: #fff; }
#footer a.active { color: #fff; }

#footer .content { margin-top: 0;} 
#footer .footer-text { margin-top: 20px; }
#footer .s-slice { 
    height: 72px; 
    background-color: #ededed;
    background-image: url("../img/s-slice.png");
    background-position: right 10px;
    background-repeat: no-repeat;
}