﻿body {
    background-color: #200;
    background-image: url(/images/bg/bg4.png);
    /*background-image: url(/images/bg/bgtest3.jpg);
    background-repeat: no-repeat;*/
    color: #400000 !important;
}

h1
{
    font-family: Georgia, serif;
    border-bottom: 2px dotted #EC1D27;
    margin: 0px 0 20px 0px;
}

p
{
    margin-bottom: 20px;
}

a, a:focus, a:hover, a:active, a:visited
{
    color: #f00;
}

a.btn, a.btn:focus, a.btn:hover, a.btn:active, a.btn:visited
{
    color: #fff;
}

a.btn-link, a.btn-link:focus, a.btn-link:hover, a.btn-link:active, a.btn-link:visited
{
    color: #f00;
}

#logobar
{
    padding: 20px 0;
    text-align: center;
}

.enforce-fixed-nav div.navbar-fixed-top
{
    position: fixed !important;
    margin-left: 0px;
    margin-right: 0px;
}

.navbar
{
    margin-bottom: 0px;
}

.navbar .navbar-inner {
    padding: 0;
    background:none;
    background-image: url('/images/stp.png');
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;

    /* IE-specific css rule for setting semi-transparent 24-bit PNGs as background images on elements */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/stp.png", sizingMethod="crop", enabled="true");
}

.navbar .brand
{
    float: none;
    background: none;
    margin: 20px 0px;
    text-align: center;
}

.navbar .btn-navbar
{
    margin-bottom: 6px;
    background:none;
    background-color: red;
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]
{
    background:none;
    background-color: red;
}

.navbar .nav-collapse
{
    background-color: #200;
}

.navbar .nav > li > a, .navbar .fake-nav-item
{
    color: #fff;
    font-weight: bold;
    text-shadow: none;
    text-decoration: none;
}

.navbar .lang-link
{
    display: inline-block;
    padding: 10px;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.navbar .fake-nav-item:hover,
.navbar .fake-nav-item:focus,
.navbar .fake-nav-item:active
{
    color: #fff;
    background-color: maroon;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus
{
    color: #fff;
    text-decoration: none;
    background-color: #F3600D;
    -webkit-box-shadow: inset 0 5px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 5px 8px rgba(0,0,0,0.5);
    box-shadow: inset 0 5px 8px rgba(0,0,0,0.5);
}

#crossfade
{
    position:relative;
    /*border: 1px solid #200;*/
}

.ie8 #crossfade
{
    height: 321px;
}

#crossfade img {
    position:absolute;
    opacity: 0;
}
 
#crossfade img.current {
    opacity:1;
}

#crossfade img.last, #crossfade img:last-child {
    position: static;
}

.breadcrumb-wrapper
{
    background-color: #200;
    color: wheat !important;
}

.breadcrumb-wrapper a, .breadcrumb-wrapper a:focus, .breadcrumb-wrapper a:hover, .breadcrumb-wrapper a:active, .breadcrumb-wrapper a:visited
{
    color: #F3600D;
}

.breadcrumb
{
    background-color: #200;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
}

.breadcrumb > li
{
    text-shadow: none;
}

.breadcrumb>li>.divider {
    color: #fff;
}

.breadcrumb>.active {
    color: #fff;
    font-weight: bold;
}

.content-inner
{
     background-color:wheat;
     /*background-image: url('/images/bg/content-bg.png');*/
}

.content-wrapper
{
    width: auto;
    padding: 30px;
}

.isolate > .span2, .isolate > .span3, .isolate > .span4, .isolate > .span5, .isolate > .span6, .isolate > .span10
{
    margin-bottom: 50px;
}

/* Secondary Nav Styles */
.secondary-nav
{
    width: 228px;
    margin: 0px 0px 20px 0px;
    padding: 0;
    background-color: #200;
}

@media (min-width: 1200px)
{
    .secondary-nav
    {
        width: 258px;
    }
    
    .secondary-nav > li > a
    {
        width: 230px \9; /* Override the previous IE8-9 hack */
    }
}

@media (max-width: 980px)
{
    /* When affixed, space properly */
    .secondary-nav
    {
        top: 0;
        width: 218px;
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px)
{
    /* Adjust sidenav width */
    .secondary-nav
    {
        width: 166px;
        margin-top: 0px;
    }
}

@media (max-width: 767px)
{
    .secondary-nav
    {
        width: auto;
        margin-bottom: 20px;
    }
}

.secondary-nav li a,
.secondary-nav li a:focus,
.secondary-nav li a:active,
.secondary-nav li a:visited
{
    font-weight: bold;
    color: #200;
    text-shadow: none;
}

.secondary-nav li a:hover
{
    background-color: maroon;
    color: #fff;
}

.secondary-nav ul
{
    background-color: beige;
}

.secondary-nav ul li a,
.secondary-nav ul li a:focus,
.secondary-nav ul li a:active,
.secondary-nav ul li a:visited
{
    padding-left: 2em;
}

.secondary-nav ul .active a,
.secondary-nav ul .active a:hover,
.secondary-nav ul .active a:focus,
.secondary-nav ul .active a:active,
.secondary-nav ul .active a:visited
{
    background-color: firebrick;
    color: #fff;
}

.secondary-nav > li > a,
.secondary-nav > li > a:focus,
.secondary-nav > li > a:active,
.secondary-nav > li > a:visited
{
    display: block;
    width: 190px \9;
    margin: 0 0 -1px;
    padding: 8px 14px;
    /*border: 1px solid #200;*/
    color: #fff;
    background-color: #200;
}

.secondary-nav > li > a:hover
{
    background-color: maroon;
}

.secondary-nav > .active > a,
.secondary-nav > .active > a:hover,
.secondary-nav > .active > a:focus,
.secondary-nav > .active > a:active,
.secondary-nav > .active > a:visited
{
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    border: 0;
    background-color: #F3600D;
    -webkit-box-shadow: inset 0 5px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 5px 8px rgba(0,0,0,0.5);
    box-shadow: inset 0 5px 8px rgba(0,0,0,0.5);
}

.secondary-nav .icon-chevron-right
{
    float: right;
    margin-top: 2px;
    margin-right: -6px;
    opacity: 0.25;
}

.secondary-nav a:hover .icon-chevron-right
{
    opacity: 0.5;
}

.secondary-nav .active .icon-chevron-right,
.secondary-nav .active a:hover .icon-chevron-right
{
    opacity: 0.75;
}

.location-dropdown
{
    margin-bottom: 20px;
}

.menu-item
{
    margin-bottom: 40px;
}

.multi-dish-items
{
    margin-top: 10px;
}

.compact
{
    margin: 0;
}

.price
{
    color: #f00 !important;
}

#footer
{
    color: wheat !important;
}

.footer-wrapper
{
    background-color: #200;
    width: auto;
    padding: 10px;
}

#footer a, #footer a:focus, #footer a:hover, #footer a:active, #footer a:visited
{
    color: #F3600D;
}