@charset "UTF-8";
/* CSS Document */

.tabNavigation {width:420px; position:absolute; left:0px; top:260px; background-color:#ececec; }
.tabNavigation {font-family:Arial, Helvetica, sans-serif;font-size:1.0em; height:42px; margin:0; padding:0;z-index:10; list-style-image:none; list-style-position:outside; list-style-type:none; white-space:nowrap;  }

/*aligns the li's to the left - the text*/
.tabNavigation li {float:left; overflow:hidden;}
/* Remove the padding, margins and bullets from the lists */
.tabNavigation, .tabNavigation ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; }
/* Set up the top level list items and float left to place inline */
.tabNavigation li.top {display:block; float:left; position:relative; z-index:10;  }
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.tabNavigation table {border-collapse:collapse; width:0; height:0; position:absolute;z-index:10;}
/* Default top link link styling */
.tabNavigation li.top a.top_link {display:block; float:left; height:35px; }
.tabNavigation li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:0.8em;} /* move the link text off screen */
/* pre-load the hover images into the lists */

.tabNavigation li.seperator {width:8px; height:42px; margin:0; padding:0; background-image:url(../images/tabnavigation/seperator.gif); background-repeat:no-repeat; text-indent:-5000px;}
.tabNavigation li.p1 {width:45px; background:url(../images/tabnavigation/info-btn.gif) no-repeat; background-position:0px -42px;  text-indent:-5000px;   }
.tabNavigation li.p2 {width:147px; background:url(../images/tabnavigation/cast-btn.gif) no-repeat; background-position:0px -42px; text-indent:-5000px; }
.tabNavigation li.p3 {width:75px; background:url(../images/tabnavigation/tourdates-btn.gif) no-repeat; background-position:0px -42px;  text-indent:-5000px;}
.tabNavigation li.p4 {width:57px; background:url(../images/tabnavigation/gallery-btn.gif) no-repeat; background-position:0px -42px; text-indent:-5000px; }
.tabNavigation li.p5 {width:60px; background:url(../images/tabnavigation/reviews-btn.gif) no-repeat; background-position:0px -42px; text-indent:-5000px; }

/* set up the normal unhovered images in the links */
.tabNavigation li a#info{width:45px; background:url(../images/tabnavigation/info-btn.gif) no-repeat; }
.tabNavigation li a#cast{width:147px; background:url(../images/tabnavigation/cast-btn.gif) no-repeat; }
.tabNavigation li a#tour {width:75px; background:url(../images/tabnavigation/tourdates-btn.gif) no-repeat; }
.tabNavigation li a#gallery {width:57px;background:url(../images/tabnavigation/gallery-btn.gif) no-repeat; }
.tabNavigation li a#reviews {width:60px;background:url(../images/tabnavigation/reviews-btn.gif) no-repeat; }

.tabNavigation li a#info-on {width:45px; background:url(../images/tabnavigation/info-btn.gif) no-repeat; background-position:0px -42px; }
.tabNavigation li a#cast-on {width:147px; background:url(../images/tabnavigation/cast-btn.gif) no-repeat; background-position:0px -42px; }
.tabNavigation li a#tour-on {width:75px; background:url(../images/tabnavigation/tourdates-btn.gif) no-repeat; background-position:0px -42px; }
.tabNavigation li a#gallery-on {width:57px; background:url(../images/tabnavigation/gallery-btn.gif) no-repeat; background-position:0px -42px; }
.tabNavigation li a#reviews-on {width:60px; background:url(../images/tabnavigation/reviews-btn.gif) no-repeat; background-position:0px -42px; }

/* Style the list OR link hover. Depends on which browser is used */
.tabNavigation a:hover {visibility:visible;} /* for IE6 */
.tabNavigation li:hover {  z-index:10;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.tabNavigation li a#info:hover, .tabNavigation li:hover a#cast,
.tabNavigation li a#tour:hover, .tabNavigation li:hover a#gallery,
.tabNavigation li a#reviews:hover {background:transparent;  }

/* keep the 'next' level invisible by placing it off screen. */
.tabNavigation ul, 
.tabNavigation :hover ul ul, 
.tabNavigation :hover ul :hover ul ul,
.tabNavigation :hover ul :hover ul :hover ul ul,
.tabNavigation :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;  }