/*Header*/

#header {
position:relative;
height:89px;
background: #BBEF1D url('../img/header_bg.png');
border-bottom:2px solid #A3D900;
width:990px;
}



/*  Tabs (sliding door technique)  */

#nav {
float: left;
width: 100%;
position: relative;
left: 0px;
top: 65px;
}

#nav ul{
margin:0;
padding:0 23px 0 25px; /* IE 6 comp: padding rather than adding margin to li elements - also compensating for -4px margins of li elements...*/
list-style:none;
}

/*    Main Tabs   */

li#nav_tracks, 
li#nav_artists,
li#nav_mylist {
float:left;
background:url(../img/tab_off_r.gif) no-repeat right top;
margin:0;
padding:0;
margin-left:-4px;
}

#nav a{
float:left;
display:block;
background: url(../img/tab_off_l.gif) no-repeat left top;
padding: 8px 26px 0px 22px;
margin:0;
text-decoration:none;
border:none;
color: #333;
white-space:nowrap; 
width: .1em; /* IE 6 hack for "clickable region*/
line-height:16px; /*makes tabs equal in most modern browsers.. */
}

#nav a span{
line-height:14px; /*makes tabs equal in most modern browsers.. */
}

#nav > ul a {
width:auto;
/* IE 6 hack for "clickable region*/
}
/* Commentetd Backslash Hack hides rule from IE5 Mac \*/
#nav {float:none;}

#tracks #nav_tracks, 
#artists #nav_artists,
#mylist #nav_mylist ,
#license #nav_mylist,
#confirm #nav_mylist{
background: url(../img/tab_on_r.gif) no-repeat right top;
}

#tracks #nav_tracks a, 
#artists #nav_artists a,
#mylist #nav_mylist a {
background: url(../img/tab_on_l.gif) no-repeat left top;
padding-bottom: 2px;
}

/* Small Tabs right hand side */

li#nav_about, 
li#nav_contact, 
li#nav_help {
float:right;
background:url(../img/tab_off_r.gif) no-repeat 94% top;
position:relative;
top:4px;
margin:0px;
min-width:70px;
}

#nav_about a, 
#nav_contact a, 
#nav_help a{
float:left;
padding: 6px 16px 0 16px;
font-size:0.85em;
line-height:14px; /*makes tabs equal in most modern browsers.. */
margin:0;
text-align:center;
}

#about #nav_about, 
#contact #nav_contact ,
#help #nav_help {
background: url(../img/tab_on_r.gif) no-repeat right top;
}

#about #nav_about a, 
#contact #nav_contact a,
#help #nav_help a {
background: url(../img/tab_on_l.gif) no-repeat left top;
padding-bottom: 2px;
}

/* Logo */

#nav #nav_home {
position: absolute;
left:318px;
top: -47px;
background: none;
}

#nav #nav_home a {
background:none;
font-size:2.3em;
letter-spacing:-0.05em;
}

/* Languages */

div#language{
position:absolute;
top:-48px;
font-size:0.85em;
background:none;
}

div#language a{
color:#637A1D;
background:none;
padding:0 1.2em 0 0;
display:block;
}
div#language a:hover{
color:#637A1D;
text-decoration:underline;
}

#nav #language > ul a {
width:auto;
overflow:visible;
/*change back from IE6 hack above */
}

#language ul{
list-style:none;
}

#language li{
display:inline;
}

/* Text Search */

#textsearch {
position:absolute;
right:24px;
top:0px;
padding:0;
margin:20px 0 0 0;
}

#textsearch input#bt_textsearch {
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}

#textsearch input#textsearch_input {
width:12.7em;
border: 1px solid #bbb;
padding: 1px 3px;
}