/* Menu */
.menu { width: 914px; margin: 25px auto 0 auto; height: 41px; background: url(../images/menu.gif) no-repeat; }
.menu li { display: inline; float: left; position: relative; height: 41px; }
.menu li a { display: block; height: 41px; margin-right:2px;text-decoration: none; text-indent: -999em; background: transparent url(../images/menu.gif) 0 0 no-repeat; }

/* Menu links */
.menu li.home a { background-position: 0 0; width: 52px; }
.menu li.catering a { background-position: -54px 0; width: 132px; }
.menu li.festivals a { background-position: -188px 0; width: 126px; }
.menu li.corporate a { background-position: -316px 0; width: 77px; }
.menu li.fleet_spec a { background-position: -395px 0; width: 73px; }
.menu li.why_supreme a { background-position: -470px 0; width: 101px; }
.menu li.two_scoops a { background-position: -573px 0; width: 84px; }
.menu li.innovation a { background-position: -659px 0; width: 91px; }
.menu li.testimonials a { background-position: -752px 0; width: 92px; }
.menu li.contact a { margin-right: 0; background-position: -846px 0; width: 68px; } 

/* Hover state */
.menu li.home a:hover { background-position: 0 -41px; width: 52px; }
.menu li.catering a:hover { background-position: -54px -41px; width: 132px; }
.menu li.festivals a:hover { background-position: -188px -41px; width: 126px; }
.menu li.corporate a:hover { background-position: -316px -41px; width: 77px; }
.menu li.fleet_spec a:hover { background-position: -395px -41px; width: 73px; }
.menu li.why_supreme a:hover { background-position: -470px -41px; width: 101px; }
.menu li.two_scoops a:hover { background-position: -573px -41px; width: 84px; }
.menu li.innovation a:hover { background-position: -659px -41px; width: 91px; }
.menu li.testimonials a:hover { background-position: -752px -41px; width: 92px; }
.menu li.contact a:hover { margin-right: 0; background-position: -846px -41px; width: 68px; } 

/* Selected state */
.menu li.home a.selected { background-position: 0 -82px; width: 52px; }
.menu li.catering a.selected { background-position: -54px -82px; width: 132px; }
.menu li.festivals a.selected { background-position: -188px -82px; width: 126px; }
.menu li.corporate a.selected { background-position: -316px -82px; width: 77px; }
.menu li.fleet_spec a.selected { background-position: -395px -82px; width: 73px; }
.menu li.why_supreme a.selected { background-position: -470px -82px; width: 101px; }
.menu li.two_scoops a.selected { background-position: -573px -82px; width: 84px; }
.menu li.innovation a.selected { background-position: -659px -82px; width: 91px; }
.menu li.testimonials a.selected { background-position: -752px -82px; width: 92px; }
.menu li.contact a.selected { margin-right: 0; background-position: -846px -82px; width: 68px; } 

ul#tabs-nav {
    list-style: none;
    margin: 0;
   margin-bottom: 20px;
    min-height:0;
}

* html #tabs-nav{height:1%;overflow:visible;}

#tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#tabs-nav li {
    list-style: none;
    float: left;
    margin: 0 3px 0 1px;
    min-width: 88px; /* be nice to Opera */
}
#tabs-nav a, #tabs-nav a span {
    display: block;
   
}
#tabs-nav a {
    position: relative;
    top: 1px;background-color:#262626;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

#tabs-nav li a.active, #tabs-nav a:hover, #tabs-nav a:focus, #tabs-nav a:active {
    background-color:#8e59a9;
    outline: 0; /* prevent dotted border in Firefox */
}

#tabs-nav a span {
    width: 94px; /* IE 6 treats width as min-width */
    min-width: 94px;
    height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
    padding-top: 8px;
    padding-right: 3px;
	padding-left: 3px;
}

*>#tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

#tabs-nav li a.active span {
	background-color:#c8d84d;
	color:black;
}

#tabs-nav a:hover, #tabs-nav a:focus, #tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}