/* ****************************  GENERAL STYLING **************************** */

/* Betawave red: #D9262C; */

/*
body {
    background-color: #fff;         font-size: 87.5%;     / * 16px * /
    text-align: center;             line-height:1.143em; / * 18px * /
    font-family: helvetica, "helvetica neue", arial, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}
*/

.nav-container {
    width: 895px;            margin: 0 auto;         
}
.nav-container, .nav-container a {
    font-size: 12px;        font-weight: normal;
    color: #fff;            background-color: transparent;
    line-height: 1.167em;
}

ul#navbar { /* Will be referred to simply as #navbar from here */
    float: right;           clear: left;
    position: relative;     width: auto;
    top: 72px;              height: auto;
    right: 0px;             padding-bottom: 0px;
    
}

#navbar ul {
    display: block;             float: right;
    position: absolute;         clear: left;
    top: 33px;                  width: auto;
    right: 0px;                 margin-top: 0px; margin-bottom: 0px;
}
#navbar ul ul { top: 2.7em } /* Offset for tertiary menu */
#navbar.testicons  ul ul {
    top: 2.45em;
    margin-bottom: 0px;
}

#navbar li {
    display: block;         height: auto;
    float: left;            width: auto;
    list-style: none;
}

#navbar a {
    width: auto;                font-size: 1.15em;
    float: left;                color: #fff;
    display: block;             letter-spacing: 0.1em;
    position: relative;         text-decoration: none;
    padding: 5px 10px;
}


/* ****************************  ALIGNMENT WARS! **************************** */

#navbar > li a { padding-right: 20px }
#navbar li > ul > li > a { font-size: 1em; padding-top: 10px; }
/*#navbar > li > a { padding: 5px 10px; }*/

/* *******************  PRIMARY NAV BORDERS/HOVER EFFECTS ********************* */

#navbar > li > a {
    border-right: 1px solid #f66;
    border-bottom: 2px solid #fff;
}

#navbar > li.sfHover > a {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom-color: transparent;
    padding-right: 19px;
    padding-left: 9px;
}

#navbar.inactive > li > a { border-bottom: 0px; }

/* *******************  KILL STUPIDFISH LINK DECORATION ********************* */

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
    text-decoration: none;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
    text-decoration: none;
}

#navbar li a:hover { text-decoration: underline !important; color: #fff }


/* *******************  CASE STUDIES TERTIARY NAV ********************* */

#navbar #case-studies { /* Tertiary nav UL */
    left: auto;                 height: 6.5em;                                        
    right: 0em;                 width: 821px; /* This fills fills the overlay. Was 74.4em */
    overflow: hidden;
}
#navbar.testicons #case-studies {
    height: 83px;
    margin-bottom: 0px;
    width: 960px;
}

#navbar #case-studies li {
    width: 13.6em;
    left: auto;
    border-right: 1px dashed #faa;
}
#navbar.testicons #case-studies li {
    width: 19.9em;
    height: 6.8em;
}
#navbar #case-studies a {
    height: 8em;
    font-size: 0.9163em;
    text-align: left;
    text-decoration: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
#navbar.testicons #case-studies a {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

.clipicon, #navbar #case-studies a span.clip {
    background-attachment: scroll;
    background-image: url(http://betawave.com/i/casestudy-sears.gif);
    background-repeat: repeat;
    border: 1px solid #000000;
    display: block;
    float: left;
    height: 68px;
    margin-right: 10px;
    overflow: hidden;
    padding-right: 10px;
    width: 30px;
    background-position:  90% 71%;
}
.testicons .clipicon, #navbar.testicons #case-studies a span.clip {
    height: 70px; /* Was 82px */
    padding-right: 0px;
    width: 70px; /* Was 78px */
    border: 0px;
    margin-top: 6px;
}
#navbar.testicons #case-studies a span.title {
    display: block; padding-top: 5px; padding-bottom: 5px;
}

#navbar #case-studies li#sears-nav a span.clip { background-image: url(http://betawave.com/i/navthumb_casestudy_sears.jpg) }
#navbar #case-studies li#mead-nav  a span.clip { background-image: url(http://betawave.com/i/navthumb_casestudy_mead.jpg) }
#navbar #case-studies li#docomodake-nav  a span.clip { background-image: url(http://betawave.com/i/navthumb_casestudy_docomodake.jpg) }
#navbar #case-studies li#bluedragon-nav  a span.clip { background-image: url(http://betawave.com/i/navthumb_casestudy_bluedragon.jpg) }


#navbar #case-studies > li.last { border-right: 0px }

/* *******************  PRESS RELEASES TERTIARY NAV ********************* */


#navbar #releases { /* Tertiary nav UL */
    left: auto;                 height: 7.2em;                                               
    right: -27.8em;             width: 79.6em; /* This fills fills the overlay. Was 74.4em */
    overflow: hidden;
}
#navbar #releases a { font-size: 0.84em; text-align: left; text-decoration: none }
#navbar #releases a .date { display: block }

#navbar #press #releases > li a {
    padding-top: 0;         text-align: left;
    padding-right: 5px;     padding-left: 5px;
}

#navbar #press #releases > li {
    width: 17.5em;
    left: auto;
    border-right: 1px dashed #faa;
}
#navbar #press #releases > li.last {
    width: 26.7em;
    border-right: 0px;
}

#navbar #press #releases > li.last ol {
    list-style: disc inside none;
    padding-left: 2px;
    height: 1em;
}
#navbar #press #releases > li.last ol li {
    list-style: disc inside none;
    height: 1em;
    overflow: hidden;
    margin: 2px;
}
#navbar #press #releases > li.last ol li a {
    height: 1em;
    display: inline;
    padding: 0 0 0 2px;
}
#navbar #press #releases > li.last ol li a:hover {
    text-decoration: underline;
}





/* ******************************* SPECIAL CASE OVERRIDES ********************************* */
/* Overriding previous rules for special cases like non-parent items or items at either end of the list */

#navbar #ad-solutions { width: 45.4em }

#navbar .sf-sub-indicator {
    right: 0.6em;
    background-image: url('../i/arrows-ffffff.png');
    top: 0.45em;
}
#navbar > li > ul > li > a .sf-sub-indicator {
    top: 0.9em;
}

/* Remove the subnav indicator arrow from the empty LIs and reset the padding */
#navbar > li.empty > a > .sf-sub-indicator { display: none; }

/* Remove the left border from the leftmost items */
#navbar li:first-child > a { border-left: 0px !important }

/* Remove the right border from the rightmost items */
#navbar li.last > a,
#navbar li.last.sfHover > a {
    border-right: 0px !important;
}

/* Take back the 10px of right padding that SuperFish added for parent list items which are actually empty
   and hence don't need an arrow  (but which we had to make empty parents to make the siblings' subnavs disappear) */
#navbar li.empty > a { padding-right: 10px }

/* Accordingly, on hover, we change the padding to 9px (from 10px), not 19px (from 20px)*/
#navbar li.empty.sfHover > a { padding-right: 9px }

/* If the right-most item is also empty, we need to do the same as above except that since we're
   only adding border to one side, we don't need to subtract from both right and left padding */
#navbar li.empty.sfHover.last > a {
    padding-left: 8px;
    padding-right: 10px;
}
/* But we need to restore the dimensions for the padded arrow for those parents who are also last elements */
#navbar li.parent.sfHover.last > a {
    padding-left: 10px;
    padding-right: 20px;
}

/* Here's we're removing the right padding from all of the others in the subnav too that aren't parents */
#navbar > li > ul > li > a          { padding-left: 10px; padding-right: 10px }
#navbar > li > ul > li.parent > a   { padding-left: 10px; padding-right: 20px }

#navbar li.last.sfHover > a {
    padding-left: 8px;
    padding-right: 20px;
/*    padding-right: ;*/
/*    padding-right: 0px !important;*/
}

/* No Javascript and you get a plain jane horizontal nav */
#navbar.nojs ul { display: none !important; }
#navbar.nojs li:hover > ul { display: none !important; }


/* *************************** TERTIARY NAV OVERLAY ***************************** */

.background {
    background-color: #300;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.0;
}

#nav-overlay {
    height: 5.2em;
    width: 100%;
    position: absolute;
    top: 134px;
    right: 0px;
    /* Note: The order of these rules is important. If incorrect,
     * IE8-as-IE7 doesn’t apply the opacity, although IE8 and a pure IE7 do.
     * http://css-tricks.com/css-transparency-settings-for-all-broswers/
     * http://www.quirksmode.org/css/opacity.html
     * local page style hides this on the homepage so the flash banner can click through.
     */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.0)";  /* IE 8 */
    filter: alpha(opacity=0.0);                                          /* IE 5-7 */
    -moz-opacity:0.0;                                                   /* Old Skool Mozilla */
    -khtml-opacity: 0.0;                                                /* Safari 1.x */
    opacity: 0.0;                                                       /* Real, modern browsers */
    background-color: #300;
/*    background-color: transparent;*/
    z-index: 1;
}
#nav-overlay.active { background-color: #300 }

#navbar #releases-nav > a,
#navbar #press-nav > a,
#navbar #case-studies-nav > a {
    color: #fff;
    position: relative;
    z-index: 1000;
    opacity: 1.0;
}

#navbar #releases a,
#navbar #case-studies a {
    color: #fff;
    position: relative;
    opacity: 1.0;
    z-index: 1000;
}

span.tablifter {    
    display: block;
    position: relative;
    z-index: 30;
}

#feed-link a, a.feed {
    background: transparent url(http://betawave.com/i/feed-icon.png) no-repeat scroll 10px 60%;
    padding-left: 25px !important;
}


/* FOR TESTING CONTGUITY BETWEEN NAV ELEMENTS */
/*   #nav ul li > a { background-color: #000 } */